Android:WebView带划屏手势的浏览器兑现

2013-07-09

Android:WebView带划屏手势的浏览器实现写了简单 Android环境下基于webview的浏览器，实现划屏切换页面的手

Android:WebView带划屏手势的浏览器实现
写了简单 Android环境下基于webview的浏览器，实现划屏切换页面的手势，在一个activity里webview的缓冲内切换的。并测试下调用系统拍照的功能MVC模式（Model-View-Controller）1.WebView的设置部分查看源代码?打印帮助01private void showViews() { 02// TODO Auto-generated method stub 03mGestureDetector = new GestureDetector(this);//实例化手势对象 04wv_vm.getSettings().setSupportZoom(true);//启用页面的缩放 05wv_vm.getSettings().setBuiltInZoomControls(true);//启用页面缩放的按钮 06wv_vm.getSettings().set<SPAN class=wp_keywordlink_affiliate><A title=JavaScript href="http://www.mikel.cn/category/%e5%bc%80%e5%8f%91%e7%ac%94%e8%ae%b0/javascript" target=_blank>JavaScript</A>Enabled(true);//启用<SPAN class=wp_keywordlink_affiliate><A title=JavaScript href="http://www.mikel.cn/category/%e5%bc%80%e5%8f%91%e7%ac%94%e8%ae%b0/javascript" target=_blank>JavaScript</A>支持 07wv_vm.loadUrl("http://www.cnblogs.com/pxue/");//加载网址 08??09wv_vm.setOnTouchListener(this);//监听触摸事件 10wv_vm.setClickable(true); 11wv_vm.setLongClickable(true); 12??13mGestureDetector.setIsLongpressEnabled(true); 14??15wv_vm.setWebViewClient(new HelloWebViewClient());//实现点击加载页面在本webview内载入 16wv_vm.setFocusable(true); 17wv_vm.requestFocus(); 18??19}

在WebView加载新开的页面，是重写了Android.webkit.WebViewClient

查看源代码?打印帮助1private class HelloWebViewClient extends WebViewClient { 2@Override3public boolean shouldOverrideUrlLoading(WebView view, String url) { 4view.loadUrl(url); 5return true; 6} 7}2.划屏手势部分监听触摸时间传给手势对象查看源代码?打印帮助1@Override2public boolean onTouch(View v, MotionEvent event) { 3// TODO Auto-generated method stub 4// Toast.makeText(this, "onTouch", Toast.LENGTH_SHORT).show(); 5return mGestureDetector.onTouchEvent(event); 6}

重写了划动事件

查看源代码?打印帮助01@Override02public boolean onFling(MotionEvent e1, MotionEvent e2, float <SPAN class=wp_keywordlink_affiliate><A title=Velocity href="http://www.mikel.cn/tag/velocity/" target=_blank>Velocity</A>X, 03float <SPAN class=wp_keywordlink_affiliate><A title=Velocity href="http://www.mikel.cn/tag/velocity/" target=_blank>Velocity</A>Y) { 04// TODO Auto-generated method stub 05if (e1.getX() - e2.getX() > SWIPE_MIN_DISTANCE 06&& Math.abs(<SPAN class=wp_keywordlink_affiliate><A title=Velocity href="http://www.mikel.cn/tag/velocity/" target=_blank>Velocity</A>X) > SWIPE_THRESHOLD_VELOCITY) { 07wv_vm.goBack(); 08} else if (e2.getX() - e1.getX() > SWIPE_MIN_DISTANCE 09&& Math.abs(velocityX) > SWIPE_THRESHOLD_VELOCITY) { 10??11wv_vm.goForward(); 12} 13return false; 14}

变量、常量的声明

查看源代码?打印帮助1private GestureDetector mGestureDetector; 2??3private static final int SWIPE_MIN_DISTANCE = 120; 4private static final int SWIPE_THRESHOLD_VELOCITY = 200;

3.调用系统拍照功能部分

查看源代码?打印帮助01private void setListensers() { 02// TODO Auto-generated method stub 03Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); 04startActivityForResult(intent, 1); 05??06} 07??08private void findViews() { 09// TODO Auto-generated method stub 10img_pic=(ImageView)findViewById(R.id.img_pic); 11??12} 13??14protected void onActivityResult(int requestCode, int resultCode, Intent data) 15{ 16if (requestCode == 1) 17{ 18if (resultCode == Activity.RESULT_OK) 19{ 20// 拍照Activity保存图像数据的key是data，返回的数据类型是Bitmap对象 21Bitmap cameraBitmap = (Bitmap) data.getExtras().get("data"); 22// 在ImageView组件中显示拍摄的照片 23img_pic.setImageBitmap(cameraBitmap); 24} 25} 26super.onActivityResult(requestCode, resultCode, data); 27}小demo的源码本来上传到csdn了，可在我上传的资源就是找不到，可能在审核，等我之后不上下载链接吧想要demo源码也可以邮件给我邮箱： 625557711@qq.com下载链接： http://download.csdn.net/source/3248263

热点排行

Bad Request.

Web前端

Android:WebView带划屏手势的浏览器兑现