Android 布局兼容横竖屏实现教程

1. 整体流程

下面是实现 Android 布局兼容横竖屏的步骤表格：

步骤 操作
1 在 res 目录下新建一个 layout-land 文件夹
2 在 layout 和 layout-land 文件夹下分别创建对应的布局文件，保持文件名一致
3 在 AndroidManifest.xml 中设置当前 Activity 的配置信息，声明支持横竖屏切换

2. 具体操作步骤

步骤 1：新建 layout-land 文件夹

在 res 目录下右键新建一个文件夹，命名为 layout-land，用于存放横屏模式下的布局文件。

步骤 2：创建布局文件

在 layout 和 layout-land 文件夹下分别创建对应的布局文件，保持文件名相同，只是布局样式可以不同。

  • activity_main.xml（竖屏布局）：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!-- 竖屏布局内容 -->

</LinearLayout>
  • activity_main.xml（横屏布局）：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <!-- 横屏布局内容 -->

</LinearLayout>

步骤 3：配置 AndroidManifest.xml

在 AndroidManifest.xml 中声明当前 Activity 的配置信息，使其支持横竖屏切换。

<activity android:name=".MainActivity"
    android:configChanges="orientation|screenSize">
</activity>

添加 android:configChanges="orientation|screenSize" 可以防止横竖屏切换时 Activity 被重建。

状态图

stateDiagram
    orientation[竖屏布局]
    orientation --> landscape[横屏布局]
    landscape --> orientation

饼状图

pie
    title 布局兼容横竖屏
    "创建layout-land文件夹" : 20
    "创建布局文件" : 50
    "配置AndroidManifest.xml" : 30

至此，你已经学会了如何实现 Android 布局的横竖屏兼容。希望这篇教程能帮助到你，祝你在开发过程中顺利！如果有任何问题欢迎随时向我提问。