Android简单美观计算器(界面部分)

您所在的位置:网站首页 安卓点击计数器 Android简单美观计算器(界面部分)

Android简单美观计算器(界面部分)

2023-11-29 04:31| 来源: 网络整理| 查看: 265

一 问题描述:

总体任务:制作一个简单的计算器,实现计算功能。本部分内容:完成计算器的界面制作。

二 解题思路: 布局细分线框图:

采用LinearLayout布局内包含一个LinearLayout用于显示信息,一个GridLayout放置按钮的方式实现布局。

GridLayout布局:

如果要实现行合并的布局效果,采用GridLayout布局是最简单轻松的实现方式。

        常用属性:

        android:orientation:        设置水平或垂直显示

        android:columnCount :        设置列数

        android:rowCount :         设置行数

        子控件属性:

        android:layout_rowSpan:        纵向跨合并几列

        android:layout_columSpan:       横向合并几行

        android:layout_gravity:        在父组件的位置

注意:设置android:layout_rowSpan: 属性后需要设置android:layout_gravity:才可以正常显示  

圆形按钮与圆角按钮:

在res/drawable目录下新建一个样式文件.xml文件,定义形状样式,然后在布局代码中调用就好。

        调用:android:background="@drawable/布局文件名"

        shape:        定义视图的形状,可以为矩形,椭圆形,线形,环形。

        stroke:        定义形状边界

        solid:        定义形状背景

        size:        定义形状大小

        corners:        定义圆角度数 

                android:topLeftRadius

                android:topRightRadius

                android:bottomRightRadius

                android:bottomLeftRadius

三 界面代码:

了解了需要用到的内容后,我们开始构建布局代码部分了

round_button.xml圆形按钮布局文件:

在drawable目录下新建一个样式文件.xml文件,我的命名为round_button.xml

效果图:

elliptical_button.xml圆角按钮布局文件:

在drawable目录下新建一个样式文件.xml文件,我的命名为elliptical_button.xml

效果图:

activit_main.xml布局代码: 四 运行效果:

结束语:  如果你这篇文章还不错的话,求点赞求收藏求转发,最重要的是你的支持是我做记录的最大动力,非常感谢!!!



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3