Question

我设计了一个应用程序，我测试了它，内容超出了屏幕。有人请帮帮我吗？我该如何解决？Screenshot 这是xml。给出的所有id都与按钮上的文本匹配。在此先感谢！：

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <GridLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentTop="true"
        android:layout_alignParentStart="true">

        <ImageView
            android:layout_width="190dp"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:layout_row="1"
            android:layout_gravity="fill"
            app:srcCompat="@drawable/logic"
            android:id="@+id/logic"
            android:layout_alignParentTop="true"
            android:layout_alignParentStart="true"
            android:padding="0dp"
            android:paddingTop="0dp"
            android:paddingBottom="0dp" />

        <ImageView
            android:layout_width="175dp"
            android:layout_height="wrap_content"
            android:layout_column="2"
            android:layout_row="1"
            android:layout_gravity="fill"
            app:srcCompat="@drawable/easy"
            android:id="@+id/easy"
            android:layout_alignParentTop="true"
            android:layout_alignParentStart="true"
            android:padding="5dp" />


        <ImageView
            android:layout_width="175dp"
            android:layout_height="127dp"
            android:layout_column="1"
            android:layout_row="2"
            android:layout_gravity="fill"
            app:srcCompat="@drawable/hard"
            android:id="@+id/hard"
            android:layout_alignParentTop="true"
            android:layout_alignParentStart="true"
            android:padding="5dp" />


        <ImageView
            android:layout_width="175dp"
            android:layout_height="wrap_content"
            android:layout_column="2"
            android:layout_row="2"
            android:layout_gravity="fill"
            app:srcCompat="@drawable/math"
            android:id="@+id/math"
            android:layout_alignParentTop="true"
            android:layout_alignParentStart="true"
            android:padding="5dp" />

        <ImageView
            android:layout_width="190dp"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:layout_row="3"
            android:layout_gravity="fill"
            app:srcCompat="@drawable/whatami"
            android:id="@+id/whatami"
            android:layout_alignParentTop="true"
            android:layout_alignParentStart="true"
            android:padding="5dp" />

        <ImageView
            android:layout_width="190dp"
            android:layout_height="wrap_content"
            android:layout_column="2"
            android:layout_row="3"
            android:layout_gravity="fill"
            app:srcCompat="@drawable/kids"
            android:id="@+id/kids"
            android:layout_alignParentTop="true"
            android:layout_alignParentStart="true"
            android:padding="5dp" />

        <ImageView
            android:layout_width="190dp"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:layout_row="4"
            android:layout_gravity="fill"
            app:srcCompat="@drawable/funny"
            android:id="@+id/funny"
            android:layout_alignParentTop="true"
            android:layout_alignParentStart="true"
            android:padding="5dp" />

        <ImageView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_column="2"
            android:layout_row="4"
            android:layout_gravity="fill"
            app:srcCompat="@drawable/riddu"
            android:id="@+id/riddlerrubix"
            android:layout_alignParentTop="true"
            android:layout_alignParentStart="true"
            android:padding="5dp" />


    </GridLayout>
</ScrollView>

Answer 1

将ImageView android:layout_width from 190dp更改为match_parent。

Answer 2

这对我有用，请尝试一下：

您需要将依赖项添加到gradle文件中：

com.android.support:gridlayout-v7:22.0.0

另外，在我的回答中，请确保每个元素的ImageView高度。

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <GridLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageView
            android:id="@+id/logic"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:layout_columnWeight="1"
            android:layout_gravity="fill"
            android:layout_row="1"
            android:padding="0dp"
            android:paddingBottom="0dp"
            android:paddingTop="0dp"
            app:srcCompat="@drawable/logic" />

        <ImageView
            android:id="@+id/easy"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_column="2"
            android:layout_columnWeight="1"
            android:layout_gravity="fill"
            android:layout_row="1"
            android:padding="5dp"
            app:srcCompat="@drawable/easy" />


        <ImageView
            android:id="@+id/hard"
            android:layout_width="0dp"
            android:layout_height="127dp"
            android:layout_column="1"
            android:layout_columnWeight="1"
            android:layout_gravity="fill"
            android:layout_row="2"
            android:padding="5dp"
            app:srcCompat="@drawable/hard" />


        <ImageView
            android:id="@+id/whatami"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:layout_columnWeight="1"
            android:layout_gravity="fill"
            android:layout_row="3"
            android:padding="5dp"
            app:srcCompat="@drawable/whatami" />

        <ImageView
            android:id="@+id/kids"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_column="2"
            android:layout_columnWeight="1"
            android:layout_gravity="fill"
            android:layout_row="3"
            android:padding="5dp"
            app:srcCompat="@drawable/kids" />

        <ImageView
            android:id="@+id/funny"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_column="1"
            android:layout_columnWeight="1"
            android:layout_gravity="fill"
            android:layout_row="4"
            android:padding="5dp"
            app:srcCompat="@drawable/funny" />

        <ImageView
            android:id="@+id/riddlerrubix"
            android:layout_width="0dp"
            android:layout_height="50dp"
            android:layout_column="2"
            android:layout_columnWeight="1"
            android:layout_gravity="fill"
            android:layout_row="4"
            android:padding="5dp"
            app:srcCompat="@drawable/riddlerrubix" />

        <ImageView
            android:id="@+id/math"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_column="2"
            android:layout_columnWeight="1"
            android:layout_gravity="fill"
            android:layout_row="2"
            android:padding="5dp"
            app:srcCompat="@drawable/math" />

    </GridLayout>
</ScrollView>

布局内容不适合屏幕

2 个答案: