安卓讲课笔记3.4 网格布局——上机操作

已于 2023-02-13 15:06:38 修改
阅读量146 收藏
点赞数 1
分类专栏： 安卓笔记 文章标签： android android studio
于 2022-11-13 13:15:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_63549185/article/details/127620018
版权

网格布局练习 实现计算器界面

实现步骤

1、创建安卓应用【GridLayoutCalculator】

在这里插入图片描述

  • 单击【finish】
    在这里插入图片描述

2、将一张背景图片拷贝到drawable目录里

在这里插入图片描述

3、主布局资源文件activity_main.xml

在这里插入图片描述

<?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="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/yjn"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    android:padding="15dp"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="21354835213"
        android:textColor="#0000ff"
        android:textSize="20dp"
        android:gravity="right"
        android:background="@drawable/custom_border"
        android:layout_marginTop="30dp"/>
    <GridLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:rowCount="6"
        android:columnCount="5">

        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:text="MC"
            android:layout_row="0"
            android:layout_column="0"
            android:layout_marginRight="5dp"
            android:textSize="15sp"/>

        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="0"
            android:layout_column="1"
            android:text="MR"
            android:layout_marginRight="5dp"
            android:textSize="15sp" />

        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="0"
            android:layout_column="2"
            android:text="MS"
            android:layout_marginRight="5dp"
            android:textSize="15sp" />
        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="0"
            android:layout_column="3"
            android:text="M+"
            android:layout_marginRight="5dp"
            android:textSize="15sp" />
        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="0"
            android:layout_column="4"
            android:text="M-"
            android:textSize="15sp" />
        <!--/-->
        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:text="←"
            android:layout_row="1"
            android:layout_column="0"
            android:layout_marginRight="5dp"
            android:textSize="15sp"/>

        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="1"
            android:layout_column="1"
            android:text="CE"
            android:layout_marginRight="5dp"
            android:textSize="15sp" />

        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="1"
            android:layout_column="2"
            android:text="C"
            android:layout_marginRight="5dp"
            android:textSize="15sp" />
        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="1"
            android:layout_column="3"
            android:text="±"
            android:layout_marginRight="5dp"
            android:textSize="15sp" />
        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="1"
            android:layout_column="4"
            android:text="√"
            android:textSize="15sp" />
<!---->
        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:text="7"
            android:layout_row="2"
            android:layout_column="0"
            android:layout_marginRight="5dp"
            android:textSize="15sp"/>

        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="2"
            android:layout_column="1"
            android:text="8"
            android:layout_marginRight="5dp"
            android:textSize="15sp" />

        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="2"
            android:layout_column="2"
            android:text="9"
            android:layout_marginRight="5dp"
            android:textSize="15sp" />
        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="2"
            android:layout_column="3"
            android:text="/"
            android:layout_marginRight="5dp"
            android:textSize="15sp" />
        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="2"
            android:layout_column="4"
            android:text="%"
            android:textSize="15sp" />
        <!--//-->
        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:text="4"
            android:layout_row="3"
            android:layout_column="0"
            android:layout_marginRight="5dp"
            android:textSize="15sp"/>

        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="3"
            android:layout_column="1"
            android:text="5"
            android:layout_marginRight="5dp"
            android:textSize="15sp" />

        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="3"
            android:layout_column="2"
            android:text="6"
            android:layout_marginRight="5dp"
            android:textSize="15sp" />
        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="3"
            android:layout_column="3"
            android:text="*"
            android:layout_marginRight="5dp"
            android:textSize="15sp" />
        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="3"
            android:layout_column="4"
            android:text="1/x"
            android:textSize="15sp" />
        <!--/-->
        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:text="1"
            android:layout_row="4"
            android:layout_column="0"
            android:layout_marginRight="5dp"
            android:textSize="15sp"/>

        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="4"
            android:layout_column="1"
            android:text="2"
            android:layout_marginRight="5dp"
            android:textSize="15sp" />

        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="4"
            android:layout_column="2"
            android:text="3"
            android:layout_marginRight="5dp"
            android:textSize="15sp" />
        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="4"
            android:layout_column="3"
            android:text="-"
            android:layout_marginRight="5dp"
            android:textSize="15sp" />
        <Button
            android:layout_width="68dp"
            android:layout_height="97dp"
            android:layout_row="4"
            android:layout_column="4"
            android:text="="
            android:textSize="15sp"
            android:layout_rowSpan="2"/>
        <!--/-->
        <Button
            android:layout_width="140dp"
            android:layout_height="wrap_content"
            android:layout_row="5"
            android:layout_column="0"
            android:text="0"
            android:layout_marginRight="5dp"
            android:textSize="15sp"
            android:layout_columnSpan="2"/>

        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="5"
            android:layout_column="2"
            android:text="."
            android:layout_marginRight="5dp"
            android:textSize="15sp" />
        <Button
            android:layout_width="68dp"
            android:layout_height="wrap_content"
            android:layout_row="5"
            android:layout_column="3"
            android:text="+"
            android:layout_marginRight="5dp"
            android:textSize="15sp"
            />
    </GridLayout>
</LinearLayout>

4、在drawable目录里添加custom_border.xml

在这里插入图片描述
在这里插入图片描述

  • 单击ok,并修改代码
    在这里插入图片描述
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="5dp"/>
    <stroke
        android:width="1dp"
        android:color="#555555"/>
    <padding
        android:bottom="10dp"
        android:top="10dp"
        android:right="10dp"
        android:left="10dp"/>
    <gradient
        android:endColor="#eeeeee"
        android:startColor="#aaaaaa"/>
</shape>

5、启动应用，查看效果

在这里插入图片描述

一直会飞的猪。
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
安卓讲课笔记3.4 网格布局
howard2005的专栏
10-24 1750
1. 了解网格布局特点； 2. 熟悉网格布局常用属性； 3. 掌握线性布局嵌套网格布局
Android中的网格布局
木子皿--啥都不会的菜鸟
06-19 3029
文章目录1 Android中的网格布局 1 Android中的网格布局 重要属性： android:rowCount（行数量） android:columnCount （列数量） android:layout_row （位于第几行） android:layout_rowSpan（跨几行） 要实现的效果如下： 对应的xml文件如下： <?xml version="1.0" encoding="utf-8"?> <GridLayout xmlns:android="http://sche
2024年Android最全android gridview 九宫格布局(1)，2024年最新安卓开发面试题目
最新发布
2401_84563354的博客
05-15 771
看到这篇文章的人不知道有多少是和我一样的Android程序员。35岁，这是我们这个行业普遍的失业高发阶段，这种情况下如果还不提升自己的技能，进阶发展，我想，很可能就是本行业的职业生涯的终点了。我们要有危机意识，切莫等到一切都成定局时才开始追悔莫及。只要有规划的，有系统地学习，进阶提升自己并不难，给自己多充一点电，你才能走的更远。千里之行始于足下。这是上小学时，那种一元钱一个的日记本上每一页下面都印刷有的一句话，当时只觉得这句话很短，后来渐渐长大才慢慢明白这句话的真正的含义。
activity网格布局
m0_63887380的博客
10-31 192
GridLayout布局使用虚细线将布局划分为行、列和单元格，也支持一个控件在行、列上都有交错排列。可以自己设置布局中组件的排列方式可以自定义网格布局有多少行、多少列可以直接设置组件位于某行某列可以设置组件横跨几行或者几列在drawable目录里添加
android网格布局
weixin_43360488的博客
12-01 1225
属性 功能 numColumns="auto_fit 自适应行数 android:verticalSpacing 垂直方向距离 java方法 功能 值的含义 LayoutParams. 封装了Layout的位置、高、宽等信息 1、一个确定的 2、FILL_PARENT，即填满（和父容器一样大小）；3，WRAP_CONTENT，即包裹住组件就好。 Se...
Android 网格布局
weixin_43362360的博客
06-18 1063
用Android网格布局设计一个Android界面，并能够在Android模拟器上成功运行。 1.相关代码： <GridLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/GridLayout1" android:layout_width="match_parent"
面试笔记，必看——根据宋震讲课稿整理.doc
12-07
本篇笔记主要围绕面试测评要素、应答原则、应答技巧以及常见面试题型展开，帮助考生更好地准备公务员面试。 面试测评要素主要包括七个方面：综合分析能力、言语表达能力、应变能力、计划组织协调能力、人际交往的...
赖世雄中级讲课笔记\赖世雄中级讲课笔记.zip
03-15
《赖世雄中级英语讲课笔记》是一份宝贵的英语学习资源，由知名英语教育专家赖世雄教授精心编纂。这份笔记涵盖了中级英语的学习要点，旨在帮助学习者提升英语能力，尤其是听力、阅读、写作和口语方面的技能。赖世雄...
开学啦——3D小人教师讲课素材下载.rar
09-10
"开学啦——3D小人教师讲课素材下载.rar"是一个包含3D小人教学素材的压缩包文件，专为教育和培训场景设计。这个资源集合提供了高质量、高清晰度的3D小人图像，背景透明，非常适合用于制作PPT演示、在线课程、教学...
华为认证HCIA-HCIP-讲课笔记
04-18
本篇讲课笔记涵盖了华为认证HCIA-HCIP的相关知识点，包括虚拟机、操作系统、网络协议、硬件设备、BIOS设置等方面的内容。 一、虚拟机相关知识点 1. VMware Workstation：VMware是全球虚拟化最好的公司，VMware ...
(精品)CAD布局讲课版(画图、布局、打印、出图).ppt
11-12
在CAD（计算机辅助设计）领域，布局是设计过程中的一个重要环节，它涉及到画图、布局、打印和出图等核心操作。本讲座将深入探讨如何高效地使用CAD进行这些任务，特别是通过创建自定义模板（DWT文件）来优化工作流程...
Layout_table android网格布局
03-07
android布局中的网格布局， 适合新手学习
Android布局之GridLayout网格布局
09-02
网格布局标签是GridLayout。这个布局是android4.0新增的布局。这个布局只有4.0之后的版本才能使用。本文给大家介绍Android布局之GridLayout网格布局相关知识，感兴趣的朋友一起学习吧
android ListView 网格布局
03-08
android 布局中网格视图 ListView的简单运用 采用的是最简单的ArrayAdapter适配器
2016-2017华东师大Android课程期末上机考试1、4、5、7题答案
06-20
2016-2017华东师大Android课程期末上机考试1、4、5、7题答案
Android网格布局
weixin_45807718的博客
01-27 589
1、网格布局简述 网格布局是Android4.0新增的布局，它实现了控件的交错显示，能够避免因布局嵌套对设备性能的影响，更利于自由布局的开发。 网格布局用一组无限细的直线将绘图区域分成行，列和单元，并指定控件的显示区域和控件在该区域的显示方式。 可以自己设置布局中组件的排列方式 可以自定义网格布局由多少行，多少列 可以直接设置组件位于某行某咧 可以设置组件横跨几行或者几列 默认组件放的位置：从第一行第一列开始放组件；行满了之后从下一行开始放组件。 属性图： ...
Android 的 GridLayout (网格布局)
leyang0910的博客
06-01 473
运行效果图：
（七）Android布局类型（网格布局GridLayout）
以秘
03-17 1940
Android布局类型（网格布局GridLayout）
Android基本布局-GridLayout_网格布局
热门推荐
m0_59586434的博客
03-21 1万+
Android基本布局-GridLayout_网格布局
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值