Android Studio中GridLayout手机端溢出屏幕问题求助

下面是针对你布局问题的几个关键修复点：

1. 替换错误的单位：布局间距不能用sp（sp是文字专用单位），把GridLayout的android:layout_margin="20sp"改成android:layout_margin="20dp"。

2. 修正GridLayout的高度约束：你给GridLayout设了match_parent，但它在标题下方，加上margin后会超出屏幕范围。改成android:layout_height="wrap_content"，让GridLayout根据内容自适应高度，避免超出屏幕。

3. 让CardView的Weight生效：CardView的宽高要设为0dp，而不是wrap_content——只有设为0dp，layout_rowWeight和layout_columnWeight才能正确分配剩余空间，避免卡片因为内容大小超出屏幕。

4. 限制图片尺寸（可选但建议）：如果你的图片本身尺寸过大，会直接撑大CardView，给ImageView添加android:maxWidth和android:maxHeight来限制大小，防止图片导致布局溢出。

5. 规范文字单位：TextView的文字大小应该用sp（跟随系统字体缩放），把android:textSize="20dp"改成android:textSize="20sp"。

修改后的完整布局代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    android:background="@color/beige"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/titleHome"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Senior Tech"
        android:textColor="@color/darkgreen"
        android:textSize="40sp"
        android:textStyle="bold"
        android:layout_centerHorizontal="true"
        android:layout_margin="12dp"/>

    <GridLayout
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:layout_below="@+id/titleHome"
        android:layout_margin="20dp"
        android:columnCount="2"
        android:rowCount="3">

        <androidx.cardview.widget.CardView
            android:id="@+id/cardTouchNGo"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_row="0"
            android:layout_column="0"
            android:layout_rowWeight="1"
            android:layout_columnWeight="1"
            android:layout_gravity="fill"
            app:cardBackgroundColor="@color/lightgreen"
            app:cardCornerRadius="8dp"
            app:cardElevation="8dp"
            app:cardUseCompatPadding="true">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center"
                android:orientation="vertical">

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:maxWidth="100dp"
                    android:maxHeight="100dp"
                    android:src="@drawable/img" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Touch N Go"
                    android:textAlignment="center"
                    android:textColor="@color/darkgreen"
                    android:textSize="20sp"
                    android:textStyle="bold" />

            </LinearLayout>

        </androidx.cardview.widget.CardView>

        <androidx.cardview.widget.CardView
            android:id="@+id/cardMAE"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_row="0"
            android:layout_column="1"
            android:layout_rowWeight="1"
            android:layout_columnWeight="1"
            android:layout_gravity="fill"
            app:cardBackgroundColor="@color/lightgreen"
            app:cardCornerRadius="8dp"
            app:cardElevation="8dp"
            app:cardUseCompatPadding="true">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center"
                android:orientation="vertical">

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:maxWidth="100dp"
                    android:maxHeight="100dp"
                    android:src="@drawable/maeicon" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="MAE"
                    android:textAlignment="center"
                    android:textColor="@color/darkgreen"
                    android:textSize="20sp"
                    android:textStyle="bold" />

            </LinearLayout>

        </androidx.cardview.widget.CardView>

    </GridLayout>

</RelativeLayout>

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