zoukankan      html  css  js  c++  java
  • 关于自适应屏幕方向和大小的一些经验

      刚开始,我开发时选取的模拟器是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来使用。 
        
         当横屏切换成竖屏时,就会遇到一个问题,我该怎么创建layout文件夹? 
    下图是我的工程里所有的layout文件夹: 

     

    layout 是适配高分辨率竖屏的布局文件夹 
    layout-land 是适配高分辨率横屏的布局文件夹 
    layout-land-320x240 是适配低分辨率横屏的布局文件夹 
    layout-land-480x320 是适配中分辨率横屏的布局文件夹 
    layout-port-320x240 是适配低分辨率竖屏的布局文件夹 
    layout-port-480x320 是适配中分辨率竖屏的布局文件夹 

         这样布局文件的适配就做完了。 
         我个人觉得先按照高分辨率的模拟器开发效果比较好,然后去做各个不同分辨率的适配。有时候我们布局时,低分辨率的布局可能需要修改下。 

         最后,还有一个问题如果是在java程序中写死的布局怎么办? 
         这个就很恼火了,需要判断屏幕的大小了,获取屏幕大小的代码如下: 

    Java代码 
              
    WindowManager windowManager = getWindowManager();
    Display display = windowManager.getDefaultDisplay();
    int screenWidth = display.getWidth();
    int screenHeight = display.getHeight();


          下面的代码片段是我自己在程序中写死布局使用的,仅供参考: 

    Java代码 
    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));
  • 相关阅读:
    ES6中的基础语法
    let和const、var
    iframe框架
    ajax
    面试题
    移动端的点击延迟事件
    移动端如何设置字体
    swiper插件以及简介
    第十二章 systemctl管理脚本
    第十一章 awk命令
  • 原文地址:https://www.cnblogs.com/shanzei/p/2415269.html
Copyright © 2011-2022 走看看