您当前的位置： 首页 > 学无止境 > 心得笔记 网站首页心得笔记

81_程序的屏幕适配

发布时间：2021-03-25 13:41:40编辑：雪饮阅读（）

 建立hvga与qvga设备

既然是程序的屏幕适配，那么至少需要两个设备，且屏幕大小不同
首先建立一个hvga的，320宽，480长

命名为hvga

同理再建立一个qvga的设备 宽240，长320


最后这两个设备如

 
用dip进行屏幕适配
当一个线性水平线性布局中两个元素，如这里的一个按钮和一个文本输入框，而这个输入框长度用像素px单位，如这里写为260px。那么在大分辨率下，如左图中260px在其分辨率非常大的情况下就显得很微不足道，那么在小分辨率设备中就显得太长了，以致于后面的提交按钮都挤到不见了。

Android的碎片化的问题非常严重。因为 Android厂商非常多，设备非常多，产生了各种各样的分辨率。 为了解决碎片化的问题，Android 开发文档中定义了 dp，sp 等新的单位
相关概念
dip: device independent pixels(设备独立像素) 不同设备有不同的显示效果,这个和设备硬件有关，一般我们为了支持WVGA、HVGA和QVGA 推荐使用这 这个，不依赖像素。
这里要特别注意dip与屏幕密度有关，而屏幕密度又与具体的硬件有关，硬件设置不正确，有可能导致dip不能正常显示。在屏幕密度为160的显示屏上，1dip=1px，有时候可能你的屏幕分辨率很大如480*800，但是屏幕密度没有正确设置比如说还是160，那么这个时候凡是使用dip的都会显示异常，基本都是显示过小。
dip的换算： dip（value）=(int) (px（value）/1.5 + 0.5)
dp: 很简单，和dip是一样的。
px:px是够长图片的最小单位。 pixels(像素)，不同的设备不同的显示屏显示效果是相同的，这是绝对像素，是多少就永远是多少不会改变。
sp: scaled pixels(放大像素). 主要用于字体显示best for textsize。
所以接下来把布局文件中的单位更换成如dip

会发现两个设备的呈现效果已经相差不大了。
用不同的layout来适配屏幕
这里还有一种解决方法，就是当屏幕大的设备中，让这两个元素保持上面的不变，即水平线性布局，那么屏幕小的就让提交按钮到第二行，即垂直线性布局。
接下来我们将上面的activity_main.xml复制一份并建立于layout所在目录同目录新建的layout-480x320中

那么同样的拷贝上面avtivity_main.xml于layout所在目录同目录新建的layout-320x240中，并修改为垂直线性布局

然后分别应用到这两个设备中，可以看见已经如愿的实现了不同屏幕的不同布局风格

这里实现的规律就是”layout-分辨率”的这个布局文件夹
横竖屏下不同的布局实现
接下来要实现在横竖屏下不同的布局，为了不简单，为了结构清晰，逻辑清晰明了，就把上面两个新建立的layout-480x320和layout-320x240的目录都干掉。
那么现在无论在hvag还是qvga上加载的布局都是相同 layout/activity_main.xml了
默认情况也即是竖屏加载的布局也即是layout/activity_main.xml
所以要做一个横竖屏切换方便查看横竖屏下的效果，就以一个按钮来触发横竖屏切换。
那么这里默认的这个layout/activity_main.xml重新修改如：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我在竖屏下"
        />
    <Button
        android:id="@+id/hvtab"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="横竖屏切换"
        android:onClick="doHvtab"
        />
</LinearLayout>
同屏幕尺寸适配一样，横屏的独立布局实现也可以在layout后面加上横屏的code，横屏的code是land。所以建立横屏布局文件如layout-land/activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我在横屏下"
        />
    <Button
        android:id="@+id/hvtab"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="横竖屏切换"
        android:onClick="doHvtab"
        />
</LinearLayout>

其实这里为了简单起见，两个风格文件中主要只是textview的内容不同。

接下来要实现横竖屏的切换逻辑如MainActivity.java:

package com.example.screenadapt;
 import androidx.appcompat.app.AppCompatActivity;
 import android.content.pm.ActivityInfo;
 import android.content.res.Configuration;
 import android.os.Bundle;
 import android.view.View;
 public class MainActivity extends AppCompatActivity {
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
     }
     public void doHvtab(View view) {
         Configuration mConfiguration = this.getResources().getConfiguration(); //获取设置的配置信息
         int ori = mConfiguration.orientation ; //获取屏幕方向
         //是横屏
         if(ori == mConfiguration.ORIENTATION_LANDSCAPE){
             setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
         }
         //是竖屏
         else if (ori == mConfiguration.ORIENTATION_PORTRAIT){
             setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
         }
     }
 }

最后布局到这两个设备中，以qvga为横屏，然后对比如下

可见横竖屏独立布局也是成功的实现了。