Android简单美观计算器（界面部分）
一 问题描述：
总体任务：制作一个简单的计算器，实现计算功能。本部分内容：完成计算器的界面制作。
二 解题思路:
布局细分线框图：
采用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
<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="oval"><strokeandroid:color="#F8F8F9"android:width="3dip"/><solidandroid:color="#FCFCFC"/><sizeandroid:width="62dp"android:height="62dp"/>
</shape>效果图：
elliptical_button.xml圆角按钮布局文件：
在drawable目录下新建一个样式文件.xml文件,我的命名为elliptical_button.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<strokeandroid:color="#749FF4"android:width="3dip"/>
<solidandroid:color="#0A59F7"/>
<sizeandroid:width="62dp"android:height="124dp"/>
<cornersandroid:topLeftRadius="40dp"android:topRightRadius="40dp"android:bottomRightRadius="40dp"android:bottomLeftRadius="40dp"/>
</shape>效果图：
activit_main.xml布局代码：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="vertical"android:layout_marginLeft="35dp"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"android:layout_marginTop="30dp"><TextViewandroid:id="@+id/tex_M"android:layout_width="20dp"android:layout_height="20dp"android:text="M"android:textSize="20sp"android:layout_marginLeft="5dp"/><TextViewandroid:id="@+id/tex_count"android:layout_width="match_parent"android:layout_height="60dp"android:layout_marginTop="10dp"android:text="1024×2"android:gravity="right"android:textSize="35sp"/><TextViewandroid:id="@+id/result"android:layout_width="match_parent"android:layout_height="50dp"android:layout_marginTop="10dp"android:textSize="30sp"android:text="2048"android:gravity="right"/></LinearLayout><GridLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="horizontal"android:rowCount="6"android:columnCount="4"android:layout_marginTop="20dp"><Buttonandroid:id="@+id/btn_MC"android:layout_width="75dp"android:layout_height="75dp"android:text="MC"android:textSize="20sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_MAdd"android:layout_width="75dp"android:layout_height="75dp"android:text="M+"android:textSize="20sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_MSub"android:layout_width="75dp"android:layout_height="75dp"android:text="M-"android:textSize="20sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_MResult"android:layout_width="75dp"android:layout_height="75dp"android:text="MR"android:textSize="20sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_clear"android:layout_width="75dp"android:layout_height="75dp"android:text="C"android:textColor="#0A59F7"android:textSize="30sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_div"android:layout_width="75dp"android:layout_height="75dp"android:text="÷"android:textColor="#0A59F7"android:textSize="30sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_mul"android:layout_width="75dp"android:layout_height="75dp"android:text="×"android:textColor="#0A59F7"android:textSize="30sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_del"android:layout_width="75dp"android:layout_height="75dp"android:text="⋘"android:textColor="#0A59F7"android:textSize="30sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_seven"android:layout_width="75dp"android:layout_height="75dp"android:text="7"android:textSize="30sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_eight"android:layout_width="75dp"android:layout_height="75dp"android:text="8"android:textSize="30sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_nine"android:layout_width="75dp"android:layout_height="75dp"android:text="9"android:textSize="30sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_sub"android:layout_width="75dp"android:layout_height="75dp"android:text="━"android:textColor="#0A59F7"android:textSize="30sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_four"android:layout_width="75dp"android:layout_height="75dp"android:text="4"android:textSize="30sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_five"android:layout_width="75dp"android:layout_height="75dp"android:text="5"android:textSize="30sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_six"android:layout_width="75dp"android:layout_height="75dp"android:text="6"android:textSize="30sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_add"android:layout_width="75dp"android:layout_height="75dp"android:text="+"android:textColor="#0A59F7"android:textSize="30sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_one"android:layout_width="75dp"android:layout_height="75dp"android:text="1"android:textSize="30sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_two"android:layout_width="75dp"android:layout_height="75dp"android:text="2"android:textSize="30sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_three"android:layout_width="75dp"android:layout_height="75dp"android:text="3"android:textSize="30sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_result"android:text="="android:textSize="30sp"android:textColor="#FCFCFC"android:layout_width="75dp"android:layout_height="150dp"android:layout_rowSpan="2"android:layout_gravity="fill"android:layout_margin="5dp"android:background="@drawable/elliptical_button"/><Buttonandroid:id="@+id/btn_percent"android:layout_width="75dp"android:layout_height="75dp"android:text="%"android:textSize="30sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_zero"android:layout_width="75dp"android:layout_height="75dp"android:text="0"android:textSize="30sp"android:layout_margin="5dp"android:background="@drawable/round_button"/><Buttonandroid:id="@+id/btn_point"android:layout_width="75dp"android:layout_height="75dp"android:text="."android:textSize="30sp"android:layout_margin="5dp"android:background="@drawable/round_button"/></GridLayout>
</LinearLayout>四 运行效果：
结束语：
以上就是计算器Android制作计算器第一部分（布局部分）的全部内容了，功能实现部分会在编写完成对此文档更新，将链接附在此文档开头。
Android简单美观计算器（界面部分）相关推荐
- Windows10 手机应用程序开发 - 3. 做一个简单的计算器界面
2019独角兽企业重金招聘Python工程师标准>>> 目标:完成一个简单的计算器的界面,暂时不做点击处理,主要联系UI布局. 步骤: 1.创建一个空的windows phone 项 ...
- Android 简单的计算器实现
android中实现一个简单的计算器,实现连续的加减乘除运算. 首先,让我们看下布局: 最上边是一个edittext 用来显示用户输入的运算数字和运算符,下面是一个TableLayout显示数字和运算 ...
- android studio实现计算器界面
实现计算器界面 新建项目 1.打开Android Studio 2.创建项目 3.设置项目基本信息 4.等待项目文件加载 打开界面文件 1.设置线性布局 2.增加子容器 3.添加内容 计算器界面完成效 ...
- android简单的计算器
所使用的算法:表达式求值(中缀表达式转后缀表达式,后缀表达式求值值) 不如何设计接口,有时间来美化! MainActivity.java package com.example.calculator; ...
- 使用Android Studio实现简单的计算器(已亲自实验通过)
使用Android Studio实现简单的计算器(已亲自实验通过) 实验内容 用多个Activity实现分别实现加.减.乘.除的计算器,具体包括:通过一个启动Activity布置4个按钮,每个按钮分别 ...
- github android 计算器,Android studio实现简单的计算器
本文实例为大家分享了Android studio实现简单计算器的具体代码,供大家参考,具体内容如下 需求分析及概要设计 目的 开发一个简单的计算器App,使之能够完成加减乘除混合运算 工具及环境 使用 ...
- android实现计算器功能吗,利用Android实现一个简单的计算器功能
利用Android实现一个简单的计算器功能 发布时间:2020-11-20 16:25:01 来源:亿速云 阅读:90 作者:Leah 今天就跟大家聊聊有关利用Android实现一个简单的计算器功能, ...
- Android（安卓）一个简单的聊天界面的实现（eclipse实现）
这几天刚刚学习一下安卓的编程,尝试制作了一个简单的聊天界面(还没有实现网络等后续功能)软件界面如图.(使用eclipse实现) 当输入一些内容后,聊天界面可以下拉显示更多的聊天信息,如下图 首先对这个 ...
- 简单的Android程序多少钱,Android简单程序利息计算器
我在编程Android的第一课,并为我的第一次尝试,我试图开发一个利息计算器.该应用程序启动,但然后崩溃.代码如下:Android简单程序利息计算器 package com.example.vitor ...
最新文章
- 中国计算机学会CCF推荐国际学术会议和期刊目录-计算机网络
- 未来集市广告_为什么广告的未来是开放的
- nc 发布元数据_智联科发布新一代连续式NC膜粘膜划膜一体机
- SVN下载安装及入门使用教程，详细到不能再详细了
- android 自定义心电图,Android动态滚动波形图（心电图）的实现
- HDMI显示器为什么经常黑屏?有可能是HDMI线问题.
- 买马桶哪个牌子的最好？
- 从Windows到Bios的桥梁：Windbg跟踪Win7开启ACPI
- go down to用法
- 系统工作开发流程规范
- 学生体质健康测试成绩测算软件,国家学生体质健康测试成绩自动生成模板
- 型臂x线机结构图解_织女必备 | 从入门到高级的毛衣编织图解，这里全都有！...
- 理解微分方程和线性代数的联系
- 理解计算：从√2到AlphaGo——第2季 神经计算的历史背景
- 项目中关于图片上传与剪裁的流程
- windows下安装jenkins
- selenium获取某网站工作岗位信息（含火狐浏览器的驱动下载安装步骤）
- 【原创】2018年五大联赛 盘口 平手/半球 购彩总结：
- macOS Final Cut Pro X 导入视频、剪切视频
- 9资源）《网络心理学：隐藏在现象背后的行为设计真相》pdf下载