androidstudio 横竖屏布局

原创

mob649e815e6170 2023-08-03 17:44:47 ©著作权

文章标签 布局文件竖屏 Android 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob649e815e6170的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android Studio横竖屏布局

横竖屏布局是Android应用开发中常见的需求之一。当用户在使用应用时旋转设备屏幕时，应用界面的布局可能会发生变化，因此我们需要在应用程序中进行横竖屏布局的适配。本文将介绍在Android Studio中如何实现横竖屏布局并提供代码示例。

1. 创建布局文件

首先，我们需要在Android Studio中创建两个布局文件，一个用于竖屏显示，另一个用于横屏显示。在res目录下的layout文件夹中右键点击选择New -> Layout resource file。然后输入布局文件名称，例如"activity_main_portrait"和"activity_main_landscape"，分别对应竖屏和横屏布局。

2. 编辑布局文件

打开"activity_main_portrait.xml"布局文件，将需要显示的视图元素按照竖屏布局的方式进行排列。同样地，打开"activity_main_landscape.xml"布局文件，将视图元素按照横屏布局的方式进行排列。

以下是一个示例布局文件的代码，其中包含一个TextView和一个Button：

<!-- activity_main_portrait.xml -->
<LinearLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello, World!"
        android:textSize="24sp" />

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

<!-- activity_main_landscape.xml -->
<LinearLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

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

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello, World!"
        android:textSize="24sp" />
</LinearLayout>

3. 横竖屏布局适配

在AndroidManifest.xml文件中的对应Activity节点中添加以下属性：

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

这样，当用户旋转设备屏幕时，不会重新创建Activity，而是直接调用Activity的onConfigurationChanged方法。我们需要在Activity中重写onConfigurationChanged方法，根据当前屏幕方向设置布局。

// MainActivity.kt
class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main_portrait)
    }

    override fun onConfigurationChanged(newConfig: Configuration) {
        super.onConfigurationChanged(newConfig)
        if (newConfig.orientation == Configuration.ORIENTATION_LANDSCAPE) {
            setContentView(R.layout.activity_main_landscape)
        } else if (newConfig.orientation == Configuration.ORIENTATION_PORTRAIT) {
            setContentView(R.layout.activity_main_portrait)
        }
    }
}

这样，当用户在应用程序中旋转设备屏幕时，界面会根据屏幕方向重新设置布局。