屏幕适配的坑

 

 

分别为4种定制机分辨率的机型 显示 320dp宽度 和  360dp宽度的参数详情显示。

A：360*640

B：480*800

C：720*1280

D：1080*2160 

 

B机型特殊： 从dp的角度上，320dp 占满屏幕宽度；     A C D 机型  360dp才能占满 屏幕宽度。 

 

按照 UI设计师的方案， A C D 机型能够满足UI设计师一套方案多种适配，其 宽高比几乎是自然数比 接近于 1：2 ：3. （D中机型高度是在1920的基础上增加了240px）

 

所以适配B机型 只能让UI设计师单独出 标注图  或者 蓝湖的自定义参数也可以，但只能满足 屏幕宽度的适配，稍后会提到

 

 

 

二、下面介绍蓝湖修改的流程 

1.点击蓝湖的右上角

2. 修改右侧参数 指定宽度：320dp 

3. 图示为 在 宽度 320dp  高度 532.44dp的尺度下的 各个图标的宽高

 

三，最后附上代码

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        /**
         * getRealMetrics - 屏幕的原始尺寸，即包含状态栏。
         * version >= 4.2.2
         */
        DisplayMetrics metrics =new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getRealMetrics(metrics);
        int width = metrics.widthPixels;
        int height = metrics.heightPixels;
        ((TextView)findViewById(R.id.tvScreenWidthHeight)).setText("屏幕 宽： " + width  + " ,  高：" + height);
    }

 activity_main.xml: 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android" >
    <TextView
        android:id="@+id/tvScreenWidthHeight"
        android:layout_width="360dp"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:layout_marginTop="10dp"
        />

    <TextView
        android:layout_width="360dp"
        android:layout_height="wrap_content"
        android:text="360dp"
        android:gravity="center"
        android:background="@color/colorAccent"
        android:layout_marginTop="10dp"
        />
    
    <TextView
        android:layout_width="359dp"
        android:text="359dp"
        android:gravity="center"
        android:layout_marginTop="10dp"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent"
        />
    <TextView
        android:layout_width="320dp"
        android:text="320dp"
        android:gravity="center"
        android:layout_marginTop="10dp"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent"
        />
    <TextView
        android:layout_width="319dp"
        android:text="319dp"
        android:layout_marginTop="10dp"
        android:gravity="center"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent"
        />
</LinearLayout>