Android应用开发横竖屏切换的生命周期，以及横竖屏的适配

冷不防 2023-10-17 12:03 36阅读 0赞

#### 内容简介： ####

在移动设备上进行应用开发时，要考虑用户体验。横屏和竖屏的切换在Android设备上，经常令程序员无法适从，本节来试图适配Android应用程序中的横竖屏切换，给出一个适配方式。

#### 横竖屏运行效果对比图： ####

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAbGlyYW5rZQ_size_20_color_FFFFFF_t_70_g_se_x_16][]

左边为横屏结果，右边为竖屏结果。

#### 横竖屏切换的代码实现： ####

实现原理：

写两个布局文件，分别针对横屏和竖屏；然后，在activity的onConfigurationChanged函数，根据横竖屏的判断，来设置对应的xml布局文件；

注意，需要在清单文件中设置activity的属性，如下：

>     android:configChanges="keyboardHidden|screenSize|orientation"

这样，就不会重新走Activity的onCreate等生命周期了。

**1) activity：**

package com.example.myappapi13.demo;
    
    import android.app.Activity;
    import android.content.res.Configuration;
    import android.graphics.Color;
    import android.os.Bundle;
    import android.util.Log;
    import android.widget.TextView;
    
    
    import androidx.annotation.NonNull;
    
    import com.example.myappapi13.R;
    
    public class HvTestActivity extends Activity {
        private static final String TAG = "HvTestActivity";
        private TextView mTextView = null;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            Log.i(TAG, "onCreate...");
            if (getResources().getConfiguration().orientation== Configuration.ORIENTATION_LANDSCAPE){
                //设置横屏布局
                Log.i(TAG, "[oncreate] horizontal");
                setContentView(R.layout.activity_hv_horizontal);
            }else{
                //设置竖屏布局
                Log.i(TAG, "[oncreate] vertical");
                setContentView(R.layout.activity_hv_vertical);
            }
            initUi();
        }
    
        @Override
        protected void onResume() {
            super.onResume();
            Log.i(TAG, "onresume...");
        }
    
        @Override
        protected void onPause() {
            super.onPause();
            Log.i(TAG, "onresume...");
        }
    
        @Override
        protected void onSaveInstanceState( Bundle outState) {
            super.onSaveInstanceState(outState);
            Log.i(TAG, "onSaveInstanceState...");
        }
    
        @Override
        protected void onRestoreInstanceState(@NonNull Bundle savedInstanceState) {
            super.onRestoreInstanceState(savedInstanceState);
            Log.i(TAG, "onRestoreInstanceState...");
        }
    
        @Override
        public void onConfigurationChanged(Configuration newConfig) {
            if (newConfig.orientation==Configuration.ORIENTATION_LANDSCAPE){
                //设置横屏布局
                Log.i(TAG, "[onConfigurationChanged] horizontal");
                setContentView(R.layout.activity_hv_horizontal);
            }else{
                //设置竖屏布局
                Log.i(TAG, "[onConfigurationChanged] vertical");
                setContentView(R.layout.activity_hv_vertical);
            }
    
            super.onConfigurationChanged(newConfig);
        }
    
        private void initUi() {
            mTextView = findViewById(R.id.text_view);
        }
    
    }

在activity的onConfigurationChanged中，进行相关的处理：分别根据参数来进行不同布局文件的设置。

**2) 横屏布局文件：**

<?xml version="1.0" encoding="utf-8"?>
    <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"
        >
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
    
            <TextView
                android:id="@+id/text_view"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="60dp"
                android:text="横竖屏测试-横屏模式"
                android:textColor="@color/white"
                android:textSize="26sp"
                android:background="#0000ee"
                >
    
            </TextView>
        </LinearLayout>
    
    </LinearLayout>

定义了一个textview，背景是蓝色（\#0000ee），字体是白色，举例顶部60dp 。

**3) 竖屏布局文件：**

<?xml version="1.0" encoding="utf-8"?>
    <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"
        >
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="横竖屏测试-竖屏模式"
                android:textColor="@color/white"
                android:textSize="26sp"
                android:layout_gravity="center"
                android:gravity="center"
                android:background="#dd0000"
                >
    
            </TextView>
        </LinearLayout>
    
    </LinearLayout>

定义了一个textview，背景是红色（\#dd0000），字体是白色，居中显示。

**4) 清淡文件中activity的属性设置：**

即不指定相关属性。

#### 生命周期分析（依据log日志）： ####

开始启动的log：

> com.example.myappapi13 I/HvTestActivity: onCreate...  
> com.example.myappapi13 I/HvTestActivity: \[oncreate\] vertical  
> com.example.myappapi13 I/HvTestActivity: onresume...

切换到横屏的log：

> com.example.myappapi13 I/HvTestActivity: \[onConfigurationChanged\] horizontal  
>

分析：

在进行横竖屏切换的时候，并不会重新走activity的onCreate生命周期，而是在onConfigurationChanged中通过调用

setContentView

来进行了重新设置。

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAbGlyYW5rZQ_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/d8752c1b1b7848399c5536debafbf733.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbGlyYW5rZQ==,size_20,color_FFFFFF,t_70,g_se,x_16