Android开发如何让指定ImageView在含其他布局组件的页面中实现全屏显示

你当前使用垂直方向的LinearLayout作为根布局，所有子控件会按上下顺序依次排布，ImageView就算设置了match_parent高度，也只会占用剩余的屏幕空间，需要给其他控件让位，自然无法实现全屏效果。同时根布局高度设置为wrap_content、未配置图片缩放规则、未隐藏标题栏也会影响最终效果。

• 第一步：调整Activity全屏逻辑，添加隐藏标题栏的配置，修改onCreate代码如下：

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    // 若使用AppCompatActivity，用下面这行代码隐藏标题栏
    // getSupportActionBar().hide();
    requestWindowFeature(Window.FEATURE_NO_TITLE);
    getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
            WindowManager.LayoutParams.FLAG_FULLSCREEN);
    setContentView(R.layout.activity_main);
    // 剩余原有逻辑保持不变
}

• 第二步：修改布局文件，将根布局替换为FrameLayout（支持子控件层叠效果，图片放在底层，其他操作控件浮在上层），调整各控件属性如下：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <!-- 全屏图片放在最底层 -->
    <ImageView
        android:id="@+id/imageView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/company_logo"
        android:scaleType="centerCrop" />
    <!-- 操作控件统一放在垂直布局里，靠屏幕底部排布 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:orientation="vertical"
        android:padding="16dp">
        <androidx.cardview.widget.CardView
            android:id="@+id/card_view"
            android:layout_gravity="center"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            card_view:cardCornerRadius="4dp">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:padding="8dp">
                <Spinner
                    android:id="@+id/simpleSpinner"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerHorizontal="true"
                    android:layout_marginTop="50dp" />
                <EditText
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:hint="Enter phone number" />
            </LinearLayout>
        </androidx.cardview.widget.CardView>
        <Button
            android:id="@+id/buttonOTP"
            android:layout_marginTop="20dp"
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:text="Send OTP" />
    </LinearLayout>
</FrameLayout>

• 第三步：可根据实际需求调整ImageView的scaleType属性：
  • centerCrop：保持图片原有比例，撑满整个ImageView，超出屏幕的部分会裁剪，不会出现拉伸变形
  • fitXY：直接拉伸图片铺满整个ImageView，可能出现变形
  • centerInside：保持图片原有比例，完整显示整张图片，无法撑满屏幕的区域会留空白

内容的提问来源于stack exchange，提问作者remov