网格布局：计算器页面

最新推荐文章于 2024-10-21 11:39:45 发布

原创

最新推荐文章于 2024-10-21 11:39:45 发布 · 560 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#android #移动开发 #android studio

这篇博客介绍了如何在Android开发中运用网格布局来构建计算器页面。内容涵盖网格布局的关键属性，如rowCount、columnCount，以及如何通过layout_row、layout_column、layout_rowSpan和layout_columnSpan来设置子视图的位置和大小。还展示了最终实现的效果。

网格布局相关属性：
布局行数和列数
rowCount：行数
columnCount：列数
单元格操作
layout_row：子控件在布局的行数
layout_column：子控件在布局的列数
layout_rowSpan：跨行数
layout_columnSpan：跨列数

效果：
在这里插入图片描述
实现：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/bk021"
    android:gravity="center_horizontal"
    tools:context=".MainActivity">

    <GridLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:rowCount="7"
        android:columnCount="5">

        <TextView
            android:layout_width="320dp"
            android:layout_height="50dp"
            android:layout_column="0"
            android:layout_row="0"
            android:layout_columnSpan="5"
            android:gravity="right|center_vertical"
            android:background="@drawable/custom_border"
            android:paddingRight="10dp"
            android:text="0123456789"
            android:textColor="#0000ff"
            android:layout_marginTop="30dp"
            android:layout_marginBottom="30dp"
            android:textSize="25sp"/>

        <Button android:layout_width="65dp"
            android:layout_height="wrap_content"
            android:layout_row="1"
            android:layout_column="0"