【例1-5】网格布局应用示例

在界面设计区域中设置一个6行4列的网格布局。

教学视频

1 布局文件activity_main5.xml的源代码

<?xml version="1.0" encoding="utf-8"?>

<!--【例1-5】应用网格布局设计一个计算器界面。-->

<GridLayout  xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:rowCount="6"

    android:columnCount="4">

    <!--文本标签-->

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_columnSpan="4"

        android:layout_marginLeft="4px"

        android:gravity="left"

        android:text="0"

        android:textSize="50dp"

        />

    <Button

        android:layout_columnWeight="1"

        android:layout_columnSpan="3"

        android:text="清除"

        android:textSize="26sp" />

    <Button android:text="+" android:textSize="26sp" />

    <Button android:text="1" android:textSize="26sp" />

    <Button android:text="2" android:textSize="26sp" />

    <Button android:text="3" android:textSize="26sp" />

    <Button android:text="-" android:textSize="26sp" />

    <Button android:text="4" android:textSize="26sp" />

    <Button android:text="5" android:textSize="26sp" />

    <Button android:text="6" android:textSize="26sp" />

    <Button android:text="*" android:textSize="26sp" />

    <Button android:text="7" android:textSize="26sp" />

    <Button android:text="8" android:textSize="26sp" />

    <Button android:text="9" android:textSize="26sp" />

    <Button android:text="/" android:textSize="26sp" />

    <Button

        android:layout_height="wrap_content"

        android:layout_columnSpan="2"

        android:layout_columnWeight="1"

        android:text="0"

        android:textSize="26sp" />

    <Button android:text="." android:textSize="26sp" />

    <Button android:text="=" android:textSize="26sp" />

</GridLayout>

2 控制文件MainActivity.java源代码

package com.example.chap01;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main5);    //【例1-5】

    }

}