横竖屏切换显示不同布局

发布时间：2023-05-16 01:27:40

随着近年来移动设备的普及，越来越多的应用程序需要适配不同的屏幕尺寸和横竖屏方向。在 Android 系统中，应用程序可以通过实现不同布局文件来实现横竖屏切换时的适配。

Android 中的布局文件一般采用XML格式，开发者可以在其中定义组件及其布局方式、样式等。针对不同的屏幕尺寸和横竖屏方向，开发者可以创建不同的布局文件，系统会根据当前设备的屏幕信息自动加载对应的布局文件。

在 Android Studio 中，可以通过在 res 目录下创建不同的 layout-xxx 目录来存放不同尺寸和方向的布局文件，其中 xxx 可以是以下几个值：

- ldpi：适用于低密度屏幕（120 dpi）；

- mdpi：适用于中密度屏幕（160 dpi）；

- hdpi：适用于高密度屏幕（240 dpi）；

- xhdpi：适用于超高密度屏幕（320 dpi）；

- xxhdpi：适用于超超高密度屏幕（480 dpi）；

- xxxhdpi：适用于超超超高密度屏幕（640 dpi）；

- sw<N>dp：适用于屏幕宽度等于 N dp 的设备，其中 N 为具体数值；

- w<N>dp：适用于屏幕宽度大于等于 N dp 的设备，其中 N 为具体数值；

- h<N>dp：适用于屏幕高度大于等于 N dp 的设备，其中 N 为具体数值；

- port：适用于竖向屏幕方向；

- land：适用于横向屏幕方向。

例如，在竖向屏幕方向下定义一个简单的界面如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/title"
        android:text="Hello, world!"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <Button
        android:id="@+id/button"
        android:text="Click me"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

如果需要在横向屏幕方向下显示一个稍微不同的布局，例如把按钮移到标题下面，则可以在 layout-land 目录下创建一个新的布局文件并进行修改：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/title"
        android:text="Hello, world!"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <Button
        android:id="@+id/button"
        android:text="Click me"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

在实际开发中，经常会遇到需要在不同屏幕尺寸和方向下自动适配的情况。此时，可以采用以下几个方法来实现：

1. 使用百分比布局：在 Android 8.0 后，新增了一种百分比布局方式，可以通过在布局文件中指定组件的宽高比例来实现自适应。例如，以下代码表示把一个矩形的高度设置为宽度的一半：

   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:orientation="vertical"
       android:layout_width="match_parent"
       android:layout_height="match_parent">

       <View
           android:layout_width="match_parent"
           android:layout_height="0dp"
           android:layout_weight="0.5"
           android:background="#F00" />

   </LinearLayout>

在横竖屏切换时，该矩形会自动按比例缩放。

2. 使用 ConstraintLayout：ConstraintLayout 是 Android 2.3 引入的一种相对定位布局方式，可以灵活地控制组件之间的相对位置和大小。例如，以下代码表示把一个 TextView 放在屏幕正中央：

   <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
       xmlns:app="http://schemas.android.com/apk/res-auto"
       android:layout_width="match_parent"
       android:layout_height="match_parent">

       <TextView
           android:id="@+id/title"
           android:text="Hello, world!"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           app:layout_constraintLeft_toLeftOf="parent"
           app:layout_constraintRight_toRightOf="parent"
           app:layout_constraintTop_toTopOf="parent"
           app:layout_constraintBottom_toBottomOf="parent" />

   </android.support.constraint.ConstraintLayout>

在横竖屏切换时，该 TextView 会自动居中显示。

3. 通过代码动态调整布局：在 Activity 或 Fragment 中，可以通过代码获取布局文件中的组件并调整其布局属性、大小等。

总之，对于 Android 应用程序而言，横竖屏切换时的布局适配是一项非常基础但也非常重要的工作。开发者需要根据不同屏幕尺寸和方向的特点来灵活选择布局文件的组合方式，并在代码中进行必要的调整，以确保应用在各种设备上都能够正常显示。

横竖屏切换 显示不同布局

横竖屏切换显示不同布局