欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

0307-屏幕适配

程序员文章站 2022-04-25 10:44:51
...

一、什么是屏幕适配

    屏幕适配是通过尺寸、图片、文字和布局4种类型资源进行合理设计及规划,
    在布局时合理利用各种类型资源,让布局拥有适应能力,能在各种设备先保持良好的展现效果。

二、如何进行屏幕适配

1.尺寸单位适配

    在res下新建values-1080x960的文件夹,分别创建名为diemns.xml的文件。

0307-屏幕适配

    在每个diemns.xml创建一个<dimen>标签:
<dimen name="btn_width">200dp</dimen>
<dimen name="btn_width">500dp</dimen>

注意:name的名字要一致

    在activity.xml文件中创建一个Button,设置其宽度时,使用
 <Button
        android:layout_width="@dimen/btn_width"
        android:layout_height="@dimen/btn_width"
        android:text="@string/text_btn"
        android:textSize="50sp"
        />
    在1080*960的分辨率和正常分辨率下,观察Button的宽度变化。

2.图片适配

    分别将两张不同的图片放入hdpi和xhdpi中,命名相同
    在布局文件中创建一个ImageView,src属性指向刚才放入的图片
    用不同的设备运行,观察分别加载刚才放入的图片
<ImageView
        android:layout_width="@dimen/img_width"
        android:layout_height="@dimen/img_width"
        android:src="@mipmap/jsj"
        />

3.文字适配

    文字适配是根据手机语言的设置,从而将APP内的语言随着手机语言而转换。
    在res下新建values-en的文件夹,分别创建名为string.xml的文件。
    在string.xml文件下分别写:
<string name="text_btn">Hello</string>
<string name="text_btn">你好</string>

0307-屏幕适配
0307-屏幕适配

以上两个图片包括了文字适配和图片适配的效果

4.布局适配

    在res下新增layout-land和layout-port文件夹。分别创建名为activityb.xml文件。
    其实就是把原来的布局文件复制到layout-land文件夹下。
    观察横竖屏下不同的布局。    

layout-port文件里xml代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"//横屏时为垂直布局
    android:background="@color/colorPrimaryDark"
    tools:context="com.test.project.applicationfragment.bActivity">



    <ImageView
        android:layout_width="@dimen/img_width"
        android:layout_height="@dimen/img_width"
        android:src="@mipmap/jsj"
        />


    <TextView
        android:layout_width="@dimen/btn_width"
        android:layout_height="@dimen/btn_width"
        android:text="@string/text_btn"
        android:textSize="50sp"
        />
</LinearLayout>

layout-land文件里xml代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"//竖屏时为水平布局
    tools:context="com.test.project.applicationfragment.bActivity">



    <ImageView
        android:layout_width="@dimen/img_width"
        android:layout_height="@dimen/img_width"
        android:src="@mipmap/jsj"
        />


    <TextView
        android:layout_width="@dimen/btn_width"
        android:layout_height="@dimen/btn_width"
        android:text="@string/text_btn"
        android:textSize="50sp"
        />
</LinearLayout>

0307-屏幕适配

0307-屏幕适配

注意:不同布局文件下标签的命名一定要一致。

相关标签: 布局