屏幕适配的坑

   日期:2020-08-27     浏览:83    评论:0    
核心提示:1.以上分别是A:360*640B:480*800C:720*1280D:1080*2160分辨率分别显示 360dp 和 320dp的详情。按照 UI设计师的方案, A C D 机型能够满足 UI设计师 一套方案 多种适配。 不管是从 mdpi hdpi xhdpi xxhdpi 的角度上还是 屏幕的宽高等比例的角度上 都是完美匹配的。B机型特殊的地方在: 但从dp的角度上,320dp 就能占满屏幕宽度。 无法满足UI设计师一...

 

 

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

        
        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>

 

 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服