关于android的webview屏幕适应

WhiteDummy — Tue, 25 Jun 2013 09:30:00 GMT

这是我2,3个月前遇到的问题，随手记一下。

主要是关于webview打开网页后的屏幕适应问题。

首先贴一段网上流传的代码：

1
2
3         //Support different screens
4         int screenDensity = mMyActivity.getResources().getDisplayMetrics().densityDpi;
5         switch (screenDensity){
6         case DisplayMetrics.DENSITY_LOW :
7             mWebView.getSettings().setDefaultZoom(ZoomDensity.CLOSE);
8             break;
9         case DisplayMetrics.DENSITY_MEDIUM:
10             mWebView.getSettings().setDefaultZoom(ZoomDensity.MEDIUM);
11             break;
12         case DisplayMetrics.DENSITY_HIGH:
13             mWebView.getSettings().setDefaultZoom(ZoomDensity.FAR);
14             break ;
15         case DisplayMetrics.DENSITY_XHIGH:
16             mWebView.getSettings().setDefaultZoom(ZoomDensity.FAR);
17             break ;
18         case DisplayMetrics.DENSITY_TV:
19             mWebView.getSettings().setDefaultZoom(ZoomDensity.FAR);
20             break ;
21         }

这段代码的不靠谱之处在于：
1.明明case下有五种dpi，android库却只提供close，medium，far三个缩放因子（分别对应LOW，MEDIUM，HIGH，默认是MEDIUM），即便当dpi达到XHIGH（既320DPI）时，也只能设置far，显然是不正常的。

2.实际设备的实际dpi无法获取，因为无法得知设备的物理英寸，上面方法得到dpi值仅是个近似值。

如果单纯用上面的代码做屏幕缩放，对于一些机型肯定是不正常，并且无法估计长宽，比如一张1280宽的图片在实际dpi为X（X > 240 且 x < 320），分辨率为1280的设备上,有可能会被放大1.25倍，或是1.5倍。

如果想要得到正常的倍率，是需要配合网页端的。（这里仅讨论html5的场合，跨平台嘛）

个人认为，由网页方面写死一个宽，再提供一个js的缩放函数（包括图片，字体），根据不同设备的分辨率来调用，是比较理想的。（当然，也可以用穷举法，一个分辨率进一个网页，用不同css和不同大小资源 =_=!）

假设宽定位1280，则html5方面必须有：

1 <meta name="viewport" content="width=1280, initial-scale=1.0,maximum-scale=2.0, minimum-scale=0.5, user-scalable=no,target-densitydpi=device-dpi" />

其中，target-densitydpi是最重要的，它将配合android端的以下代码使用。

1         //use html5 viewport attribute
2         settings.setLoadWithOverviewMode(true);
3         settings.setUseWideViewPort(true);

表示我们的代码支持html5网页自适应。所谓杀什么畜生用什么刀，网页的事情，dpi适应什么的，就交给html5去做好了 = =，不用我们在更外面一层蛋疼。

这样做之后，1280宽的图片无论在什么设备的分辨率都是正常的尺寸，不会被做倍数不明的拉伸，方便我们控制。

WhiteDummy 2013-06-25 17:30 发表评论

乱七八糟的android心得

WhiteDummy — Thu, 21 Mar 2013 07:35:00 GMT

真的很乱七八糟，就当写给自己看吧，囧

1.多线程更新ui的方法：

众所周知，android的系统ui十分蛋疼，只能在主线程更新，也就是说，只能在ui所在的主activity处更新，包括一切的弹出对话框，动态控件的显示等。

在其他线程时，只能通过间接更新来实现。我所用的方法就是在主线程实现一个handler成员，通过发送消息给它来更新ui。

以下为一个简单例子：

   public class MyActivity extends Activity
    {
        public static final int UI_MSG1 = 0;//UI更新消息1
        public static final int UI_MSG2 = 1;//UI更新消息2

        private Handler mHandler = new Handler()
        {
            public void handleMessage (Message msg)
            {

                switch(msg.what)
                {
                case UI_MSG1:
                    //做一些更新
                    break;
                case UI_MSG2:
                    //做一些更新
                    break;
                }
            }
        };

        Handler GetHandler() {return mHandler;}
        //省略其他代码
    }

    //如果其他地方需要更新ui，则发送更新消息给主activity对象即可
    activity.GetHandler().sendEmptyMessage(MyActivity.UI_MSG1);//此处activity假设为一个MyActivity对象，这里只做示例用

2.关于findViewById：

如果是代码中自定义的控件（即layout中没有，也无资源id），需要在程序运行中实际显示出来，也就是show的时点后，通过id获取的view才会有效。

这里举一个获取AlertDialog的例子，下面的代码通过获取view来实现居中显示：

1
2 dlg.show();
3 TextView messageText = (TextView)dlg.findViewById(android.R.id.message);//如果这行代码放在show之前，则messageText的值为0
4 messageText.setGravity(android.view.Gravity.CENTER_HORIZONTAL);

3.获取屏幕的宽高

受android的横屏竖屏切换机制所影响，Activity中getWindowManager().getDefaultDisplay()的getWidth() 或者getHeight()方法常常会获得颠倒的宽高，如果你的程序需要使用固定的横屏或固定的竖屏，只需比较所获取宽高的大小再根据情况重新赋值给自己的宽高变量即可，如果宽比高大则表示横屏，反之则竖屏。

4.在view中拦截触摸/按键事件

其实这个网上的资料很多，就是重写view类的onKeyDown/onKeyUp/onTouchEvent方法来处理自己的事件，其中onTouchEvent中又包括ACTION_MOVE，ACTION_DOWN，ACTION_UP这些事件。

如果view有调用requestFocus，则上述方法优先响应于activity的同名方法。反之，可能会无响应。

然后说说返回值。

一般来说，都是直接返回父类的方法，例如：return super.onTouchEvent(event);

上述方法最后都要返回一个布尔值，key事件的返回值只是表示是否只被这个view截取（既返回true时），如果想要继续传递给其他view，则可返回false。

touch事件中，返回值则意味着事件是否被处理，如果返回false，则不会继续接下去的事件响应（move和up事件），如果想要保证触摸事件被处理，可以一直返回true。也可以在view初始化时设置setClickab(true)。

5.关于waiting for the debugger to attach

有时候一些设备通过eclipse的debug模式安装程序后，只能通过eclipse来运行，设备上则不能直接运行，这样很不方便。

解决方法：

在你项目的manifest.xls中，加入以下权限

WhiteDummy 2013-03-21 15:35 发表评论

C++博客-火焰傀偶的挣扎旅程-随笔分类-android

关于android的webview屏幕适应

乱七八糟的android心得