Android gridlayout溢出屏幕

Question

Android gridlayout溢出屏幕

我有这个代码:

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

Run Code Online (Sandbox Code Playgroud)

它给了我这个:

在此输入图像描述

它应该是一个8x8网格,但它已经溢出.我如何非编程地(通过xml)适合64个方块？

Answer 1

Ste*_*tes 8

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

这是该页面的关键信息,如果它被删除:

在最后(最右边)视图中使用以下内容

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

Run Code Online (Sandbox Code Playgroud)

Answer 2

Har*_*ran 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>

Run Code Online (Sandbox Code Playgroud)

这也对我有帮助......但只是一个小问题......这个实现没有使用 GridLayout 应该提供的灵活性，使用行和列跨度。有没有办法使用 GridLayout 的行和列来实现相同的布局，以适应屏幕的高度和宽度？ (2认同)

归档时间：	12 年，3 月前
查看次数：	7397 次
最近记录：	10 年，5 月前