GridLayout的基本用法

最新推荐文章于 2025-04-29 08:32:09 发布

原创最新推荐文章于 2025-04-29 08:32:09 发布 · 4.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Android #View #gridlayout

本文介绍如何使用GridLayout进行界面布局，通过设置app:columnCount和app:rowCount属性定义网格的行列数，并利用app:layout_columnSpan和app:layout_rowSpan属性使元素跨越多列或多行。

可以用v4中兼容的GridView，其实主要是xml的一些属性：

<?xml version="1.0" encoding="utf-8"?>
<!-- 注意事项：命名空间，是这个app的命名空间才对 -->
<!-- app:columnCount="4" 总的列数 -->
<!-- app:rowCount="2" 总的行数 -->
<!-- 占据两列  app:layout_columnSpan="2" -->
<!-- app:layout_gravity="fill" -->
<!-- 占据两行 app:layout_rowSpan="2" -->
<!-- app:layout_gravity="fill" -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res/com.example.androidpractice"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <android.support.v7.widget.GridLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:columnCount="4"
        app:rowCount="2" >

        <Button
            app:layout_columnSpan="2"
            app:layout_gravity="fill"
            android:text="2" />

        <Button android:text="1" />

        <Button
            app:layout_gravity="fill"
            app:layout_rowSpan="2"
            android:text="2" />

        <Button android:text="1" />

        <Button android:text="1" />

        <Button android:text="1" />
    </android.support.v7.widget.GridLayout>

</LinearLayout>

结果如下：