分别为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>