GirdLayout布局实现九宫格

最新推荐文章于 2025-07-13 22:45:35 发布

原创最新推荐文章于 2025-07-13 22:45:35 发布 · 1.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#android #布局

Android库专栏收录该内容

19 篇文章

订阅专栏

本文介绍如何使用GridLayout实现3*3的图片布局，并确保每张图片占据屏幕宽度的三分之一。通过设置适当的属性如columnCount、rowCount及layout_columnWeight等，可以确保图片按预期展示。

利用GirdLayout布局显示3*3布局的9张图片，每张图片宽度为屏幕的1／3：

 <GridLayout
            android:id="@+id/content"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:columnCount="3"
            android:rowCount="3"
            android:layout_gravity="center_horizontal"
            android:gravity = "center_horizontal"
            android:useDefaultMargins="true">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_columnWeight="1"
                android:adjustViewBounds="true"
                android:src="@drawable/ic1">

            </ImageView>
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_columnWeight="1"
                android:adjustViewBounds="true"
                android:src="@drawable/ic2">

            </ImageView>
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_columnWeight="1"
                android:adjustViewBounds="true"
                android:src="@drawable/ic3">

            </ImageView>
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_columnWeight="1"
                android:adjustViewBounds="true"
                android:src="@drawable/ic4">

            </ImageView>
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_columnWeight="1"
                android:adjustViewBounds="true"
                android:src="@drawable/ic5">

            </ImageView>
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_columnWeight="1"
                android:adjustViewBounds="true"
                android:src="@drawable/ic6">

            </ImageView>
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_columnWeight="1"
                android:adjustViewBounds="true"
                android:src="@drawable/ic7">

            </ImageView>
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_columnWeight="1"
                android:adjustViewBounds="true"
                android:src="@drawable/ic8">

            </ImageView>
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_columnWeight="1"
                android:adjustViewBounds="true"
                android:src="@drawable/ic9">

            </ImageView>


        </GridLayout>