刚开始,我开发时选取的模拟器是
WVGA854
,其分辨率为
854*480
。我开发完毕后装在
800*480
的手机上时感觉很
OK
,但是装到
480*320
、以及
320*240
分辨率上的手机时,很多界面都变形了,这时我感受到了
app
自适应的重要性。
自适应主要会遇到两个大问题:横屏和竖屏的切换,以及分辨率大小不同。
一 . 当横屏切换成竖屏时,解决的办法:
在 res 目录下建立 layout-port 和 layout-land 两个目录,里面分别放置竖屏和横屏两种布局文件,当手机屏幕方向变化的时 android 系统会自动调用相应的布局文件。
当然还有办法就是不切换。要么都是横屏或者要么都是竖屏。可以在 AndroidManifest.xml 文件中设置,比如某个 Activity 设置为 android:screenOrientation="portrait" 这样就一直保持竖屏,如果设置为
android:screenOrientation="landscape" 这样就一直保持横屏。
二 . 当遇到分辨率不同大小时,我们也会遇到三个问题:图片大小、布局、横屏和竖屏的切换。
图片问题好解决,到 android2.0 以后的 api 中,我们会发现原先的 drawable 文件夹变成了 3 个分别是 drawable-hdpi 、 drawable-mdpi 、 drawable-ldpi 。
第一个文件夹放高分辨率手机的图片,比如: 854*480 、 800*480
第二个文件夹放中分辨率手机的图片,比如: 480*320
第三个文件夹放低分辨率手机的图片,比如: 320*240
关于布局和横屏切换成竖屏类似,也只需要在 res 目录下创建不同的 layout 文件夹,比如 layout-480x320,layout-800x480 ,系统会根据屏幕的大小自己选择合适的 layout 来使用。
[mw_shl_code=java,true]最后,还有一个问题如果是在java程序中写死的布局怎么办?
这个就很恼火了,需要判断屏幕的大小了,获取屏幕大小的代码如下:
WindowManager windowManager = getWindowManager();
Display display = windowManager.getDefaultDisplay();
int screenWidth = display.getWidth();
if (screenWidth<320 || screenHeight<320)
cancelBtn.setLayoutParams(new LayoutParams(60,
android.view.ViewGroup.LayoutParams.WRAP_CONTENT));
else if (screenWidth <480 &&screenHeight == 480)
cancelBtn.setLayoutParams(new LayoutParams(80,
android.view.ViewGroup.LayoutParams.WRAP_CONTENT));
else if (screenWidth >480 && screenHeight == 480)
cancelBtn.setLayoutParams(new LayoutParams(160,
android.view.ViewGroup.LayoutParams.WRAP_CONTENT));
else
cancelBtn.setLayoutParams(new LayoutParams(120,
自适应主要会遇到两个大问题:横屏和竖屏的切换,以及分辨率大小不同。
一 . 当横屏切换成竖屏时,解决的办法:
在 res 目录下建立 layout-port 和 layout-land 两个目录,里面分别放置竖屏和横屏两种布局文件,当手机屏幕方向变化的时 android 系统会自动调用相应的布局文件。
当然还有办法就是不切换。要么都是横屏或者要么都是竖屏。可以在 AndroidManifest.xml 文件中设置,比如某个 Activity 设置为 android:screenOrientation="portrait" 这样就一直保持竖屏,如果设置为
android:screenOrientation="landscape" 这样就一直保持横屏。
二 . 当遇到分辨率不同大小时,我们也会遇到三个问题:图片大小、布局、横屏和竖屏的切换。
图片问题好解决,到 android2.0 以后的 api 中,我们会发现原先的 drawable 文件夹变成了 3 个分别是 drawable-hdpi 、 drawable-mdpi 、 drawable-ldpi 。
第一个文件夹放高分辨率手机的图片,比如: 854*480 、 800*480
第二个文件夹放中分辨率手机的图片,比如: 480*320
第三个文件夹放低分辨率手机的图片,比如: 320*240
关于布局和横屏切换成竖屏类似,也只需要在 res 目录下创建不同的 layout 文件夹,比如 layout-480x320,layout-800x480 ,系统会根据屏幕的大小自己选择合适的 layout 来使用。
layout
是适配高分辨率竖屏的布局文件夹
layout-land 是适配高分辨率横屏的布局文件夹
layout-land-320x240 是适配低分辨率横屏的布局文件夹
layout-land-480x320 是适配中分辨率横屏的布局文件夹
layout-port-320x240 是适配低分辨率竖屏的布局文件夹
layout-port-480x320 是适配中分辨率竖屏的布局文件夹
这样布局文件的适配就做完了。
我个人觉得先按照高分辨率的模拟器开发效果比较好,然后去做各个不同分辨率的适配。有时候我们布局时,低分辨率的布局可能需要修改下。
layout-land 是适配高分辨率横屏的布局文件夹
layout-land-320x240 是适配低分辨率横屏的布局文件夹
layout-land-480x320 是适配中分辨率横屏的布局文件夹
layout-port-320x240 是适配低分辨率竖屏的布局文件夹
layout-port-480x320 是适配中分辨率竖屏的布局文件夹
这样布局文件的适配就做完了。
我个人觉得先按照高分辨率的模拟器开发效果比较好,然后去做各个不同分辨率的适配。有时候我们布局时,低分辨率的布局可能需要修改下。
[mw_shl_code=java,true]最后,还有一个问题如果是在java程序中写死的布局怎么办?
这个就很恼火了,需要判断屏幕的大小了,获取屏幕大小的代码如下:
WindowManager windowManager = getWindowManager();
Display display = windowManager.getDefaultDisplay();
int screenWidth = display.getWidth();
int screenHeight = display.getHeight(); [/mw_shl_code][mw_shl_code=java,true] 下面的代码片段是我自己在程序中写死布局使用的,仅供参考:
Button cancelBtn = new Button(this);
if (screenWidth<320 || screenHeight<320)
cancelBtn.setLayoutParams(new LayoutParams(60,
android.view.ViewGroup.LayoutParams.WRAP_CONTENT));
else if (screenWidth <480 &&screenHeight == 480)
cancelBtn.setLayoutParams(new LayoutParams(80,
android.view.ViewGroup.LayoutParams.WRAP_CONTENT));
else if (screenWidth >480 && screenHeight == 480)
cancelBtn.setLayoutParams(new LayoutParams(160,
android.view.ViewGroup.LayoutParams.WRAP_CONTENT));
else
cancelBtn.setLayoutParams(new LayoutParams(120,
android.view.ViewGroup.LayoutParams.WRAP_CONTENT)); [/mw_shl_code]