android - Android gridlayout溢屏

Question

我有这个代码：

<?xml version="1.0" encoding="utf-8"?>

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:columnCount="8"
    android:rowCount="8" >

    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />
    <ImageButton 
        android:src="@android:drawable/ic_menu_rotate"
        android:contentDescription="@null" />

</GridLayout>

它给了我这个：

它应该是一个 8x8 网格，但它已经溢出了。我如何以非编程方式（通过 xml）适应 64 个正方形？

Answer 1

您可能还想查看http://daniel-codes.blogspot.com.au/2012/01/gridlayout-view-clipping-issues.html

这是该页面的关键信息，以防它被删除：

在最后一个（最右边）视图中使用以下内容

    android:layout_width="0dip"
    android:layout_gravity="fill_horizontal"

Answer 2

尝试这个..

<?xml version="1.0" encoding="utf-8"?>

<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:columnCount="8"
    android:rowCount="8" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        android:orientation="horizontal">
    <ImageButton 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"    
        android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
        android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
        android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
        android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
        android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
        android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
        android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
        android:layout_weight="1" 
        android:contentDescription="@null" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        android:orientation="horizontal">
    <ImageButton 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"    
        android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
        android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
        android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
        android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
        android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
        android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
        android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
        android:layout_weight="1" 
        android:contentDescription="@null" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        android:orientation="horizontal">
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"    
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" android:orientation="horizontal">
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"    
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" android:orientation="horizontal">
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"    
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" android:orientation="horizontal">
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"    
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" android:orientation="horizontal">
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"    
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" android:orientation="horizontal">
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"    
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    <ImageButton 
        android:layout_width="0dp"
            android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_rotate"
            android:layout_weight="1" 
        android:contentDescription="@null" />
    </LinearLayout>


</GridLayout>

Answer 3

尝试每个布局。

   <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" 
            android:orientation="horizontal">
        <ImageButton 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_menu_rotate"    
            android:layout_weight="1"  />
         <ImageButton 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_menu_rotate"    
            android:layout_weight="1"  />
 <ImageButton 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_menu_rotate"    
            android:layout_weight="1"  />
 <ImageButton 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_menu_rotate"    
            android:layout_weight="1"  />
 <ImageButton 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_menu_rotate"    
            android:layout_weight="1"  />
 <ImageButton 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_menu_rotate"    
            android:layout_weight="1"  />
 <ImageButton 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_menu_rotate"    
            android:layout_weight="1"  />
 <ImageButton 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@android:drawable/ic_menu_rotate"    
            android:layout_weight="1"  />
        </LinearLayout>