Android Studio：如何使用网格布局将整个界面等比分为三行三列

本文链接：https://blog.csdn.net/muAluo/article/details/100738124

刚开始接触android开发，还在摸索基础控件。老师说解决了一个问题就要记录下来以防以后遗忘，所以这里小小记录一下碰到的问题。

课本上的一道题目：怎么将界面等比分为三行三列，显示一个红色的“十”字效果。如下图所示：

图像丢失

采用线性布局非常简单，直接“android:layout_weight"等比分一下；那么用网格布局怎么弄？

网格布局中"android:layout_weight"属性是无效的，但是网格布局中可以使用"android:layout_rowWeight"将一个格子在一行中所占的比例表示出来，使用"android:layout_columnWeight"将一个格子在一列中所占的比例表示出来，和"android:layout_weight"一样，也是对剩余空间进行分割。具体代码如下：

activity_main.xml：

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:columnCount="3">

    <Button
        style="@style/blackBtn"/>
    <Button
        style="@style/redBtn"/>
    <Button
        style="@style/blackBtn"/>

    <Button
        style="@style/redBtn"/>
    <Button
        style="@style/redBtn"/>
    <Button
        style="@style/redBtn"/>

    <Button
        style="@style/blackBtn"/>
    <Button
        style="@style/redBtn"/>
    <Button
        style="@style/blackBtn"/>

</GridLayout>

styles.xml：

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

    <!--自定义样式-->
    <style name="blackBtn">
        <item name="android:background">@android:color/black</item>
        <item name="android:layout_rowWeight">1</item>
        <item name="android:layout_columnWeight">1</item>
    </style>
    <style name="redBtn">
        <item name="android:layout_rowWeight">1</item>
        <item name="android:layout_columnWeight">1</item>
        <item name="android:background">@android:color/holo_red_dark</item>
    </style>
</resources>