Layout Inhalt passt nicht zum Bildschirm

Question

Ich entwarf eine App und wen ich es getestet, ging der Inhalt außerhalb des Bildschirms .can Someone Please Helfen Sie mir? wie kann ich es reparieren? Screenshot Dies ist die XML. Alle angegebenen IDs stimmen mit dem Text auf der Schaltfläche überein. Vielen Dank im Voraus !:

<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

ändern ImageViews android:layout_widthfrom 190dp-match_parent.

Answer 2

Das ist für mich gearbeitet bitte versuchen Sie es:

Sie müssen die Abhängigkeit zu Ihrer gradle Datei hinzuzufügen:

com.android.support:gridlayout-v7:22.0.0

Darüber hinaus stellen Sie sicher, in meiner Antwort, Ihre ImageView Höhe für jedes der Elemente.

<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>