用于显示图库的Android视图

Question

我正在尝试构建一个显示一组图像的视图，除以1或2列。因此，列数和宽度可能会有所不同。

我已经查看了现有的观点，但是没有一个能够达到我想要的效果。

它是否已经存在或哪些当前存在的android视图更适合实现以下布局：

绿色多边形是（可点击的）图像。

我目前正在尝试使用包含不同TableRows的TableLayout，具体取决于行。但是，我担心这个解决方案无法有效地运行大量图像。

Answer 1

TableLayout足以在许多设备上实现良好的扩展性。但是，请记住，TableLayout不可滚动，所以如果你想要它可滚动（我建议用户有一个非常低的分辨率屏幕）在桌子周围用...等等。下面是你可以玩的骨架。它由3行和2列组成。第一行和第二行的图片比例为50/50，最后一行的图片包含整行。播放layout_weight使其包含更多空间。将layout_weight 2放在行中的第一个图像上，将1放在第二个图像上将为第一个图像分配更多空间。

 <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:scrollbars="none"
    android:layout_weight="1">

        <TableLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/white"
            android:layout_margin="10dp" 
            >

            <TableRow
                android:id="@+id/tableRow1"
                android:layout_width="match_parent" 
                android:layout_height="wrap_content"

                >

                <ImageButton
                    android:contentDescription="@string/starting_content_lessions"
                    android:id="YourId"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="YourLocation"
                    android:background="YourBackground"
                    android:layout_weight="1"  /> <!-- Puting this on both items in the row makes it stretch the whole lenth -->

                <ImageButton
                    android:contentDescription="xxx"
                    android:id="xxxx"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="xxx"
                    android:background="@drawable/custom_button"
                    android:layout_weight="1"  />

            </TableRow>

            <TableRow
                android:id="@+id/tableRow2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" >

                <ImageButton
                    android:contentDescription="xxxx"
                    android:id="xxx"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="xxx"
                    android:background="@drawable/custom_button" 
                    android:layout_weight="1"  />

                <ImageButton
                    android:id="xxx"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:background="xxx"
                    android:contentDescription="xxx"
                    android:src="xxx" 
                    android:layout_weight="1" />

            </TableRow>

            <TableRow>
               <ImageButton
                   android:id="@+id/imageButton1"
                   android:layout_width="wrap_content"
                   android:layout_height="wrap_content"
                   android:src="xxx" />
            </TableRow>

        </TableLayout>

</ScrollView>