Android计算器界面布局

最新推荐文章于 2024-07-24 11:41:38 发布
最新推荐文章于 2024-07-24 11:41:38 发布
阅读量3.1k 收藏 4
点赞数 2
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HarderXin/article/details/38587075
版权

Android计算器界面图：



所定义的XML布局文件，主要用到的是TableLayout：

<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:orientation="vertical"
    tools:context=".CalculatorActivity"
    android:id="@+id/lay"
     >

    <EditText 
        android:layout_width="fill_parent"
        android:layout_height="100dp"
        android:textColor="#FFF"
        android:textSize="20pt"
        android:background="#000"
        android:editable="false"
        android:gravity="right|center_vertical"
        android:id="@+id/rsText"
        />
    
   <TableLayout 
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
       >
       <TableRow
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="0.18"
            >
            <Button 
		    android:id="@+id/left"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/funclk"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:layout_marginLeft="1dp"
		    android:textColor="#FFF"
		    android:paddingBottom="7dp"
		    android:text="("
		   />
            <Button 
		    android:id="@+id/right"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/funclk"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:layout_marginLeft="1dp"
		    android:paddingBottom="7dp"
		    android:textColor="#FFF"
		    android:text=")"
		   />
            <Button 
		    android:id="@+id/tonone"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/funclk"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:layout_marginLeft="1dp"
		    android:textColor="#FFF"
		    android:text="C"
		   />
           
       		<Button 
		    android:id="@+id/delete"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/funclk"
		    android:textColor="#FFF"
		    android:textSize="8pt"
		    android:layout_marginLeft="1dp"
		    android:layout_marginBottom="1dp"
		    android:text="清除" />
       </TableRow>
       <TableRow
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="0.2"
            >
	   	<Button 
		    android:id="@+id/num7"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/numclk"
		    android:textColor="#FFF"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:text="7" />
	   	
	   	<Button 
		    android:id="@+id/num8"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/numclk"
		    android:layout_marginLeft="1dp"
		    android:textColor="#FFF"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:text="8"  />
	   	
	  	<Button 
		    android:id="@+id/num9"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/numclk"
		    android:layout_marginLeft="1dp"
		    android:textColor="#FFF"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:text="9" />
	  	
	   	<Button 
		    android:id="@+id/division"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/funclk"
		    android:layout_marginLeft="1dp"
		    android:textColor="#FFF"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:text="÷" />
	   	</TableRow>
	   	
       <TableRow
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="0.2"
            >
	   	<Button 
		    android:id="@+id/num4"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/numclk"
		    android:textColor="#FFF"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:text="4" />
	   	
	   	<Button 
		    android:id="@+id/num5"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/numclk"
		    android:layout_marginLeft="1dp"
		    android:textColor="#FFF"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:text="5"  />
	   	
	  	<Button 
		    android:id="@+id/num6"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/numclk"
		    android:layout_marginLeft="1dp"
		    android:textColor="#FFF"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:text="6" />
	  	
	   	<Button 
		    android:id="@+id/multiply"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/funclk"
		    android:layout_marginLeft="1dp"
		    android:textColor="#FFF"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:text="×" />
	   	</TableRow>
	   	
	    <TableRow
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="0.2"
            >
	   	<Button 
		    android:id="@+id/num1"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/numclk"
		    android:textColor="#FFF"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:text="1" />
	   	
	   	<Button 
		    android:id="@+id/num2"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/numclk"
		    android:layout_marginLeft="1dp"
		    android:textColor="#FFF"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:text="2"  />
	   	
	  	<Button 
		    android:id="@+id/num3"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/numclk"
		    android:layout_marginLeft="1dp"
		    android:textColor="#FFF"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:text="3" />
	  	
	   	<Button 
		    android:id="@+id/minus"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/funclk"
		    android:layout_marginLeft="1dp"
		    android:textColor="#FFF"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:text="-" />
	   	</TableRow>
		    <TableRow
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="0.2"
            >
	   	<Button 
		    android:id="@+id/dot"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/numclk"
		    android:textColor="#FFF"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:text="." />
	   	
	   	<Button 
		    android:id="@+id/num0"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/numclk"
		    android:layout_marginLeft="1dp"
		    android:textColor="#FFF"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:text="0"  />
	   	
	  	<Button 
		    android:id="@+id/equ"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/funclk"
		    android:layout_marginLeft="1dp"
		    android:textColor="#FFF"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:text="=" />
	  	
	   	<Button 
		    android:id="@+id/plus"
		    android:layout_height="fill_parent"
		    android:layout_weight="0.25"
		    android:background="@drawable/funclk"
		    android:layout_marginLeft="1dp"
		    android:textColor="#FFF"
		    android:textSize="20pt"
		    android:layout_marginBottom="1dp"
		    android:text="+" />
	   	</TableRow>
   	</TableLayout>
   	
</LinearLayout>
在Activity中使用： 

	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
	}

程序员Monkey
关注
专栏目录
Android开发计算器之布局
徐凤竹 程序人生
03-29 3803
学习了一段时间的安卓，现在开始操作一个小例子——计算器。相信我们的手机中都有计算器这个软件，但是你知道它是怎么进行具体操作的吗？其实我暂时也还不知道，现在就简单的布局来做一个小总结。     对于一个软件 ，漂亮的用户界面（UI）总能给使用者留下深刻印象，这也是我们听了界面设计课之后应有的思想。对于Android这样的手机应用软件而言，用户界面更是不可忽略的。在Android中，View是
Android 的计算器界面设计
yangjian6292176的博客
08-03 1411
第一步：在Main_xml文件中布局设计代码: GridLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layo
安卓计算器UI界面
04-17
只是安卓计算器的UI界面，没有计算功能，可以滑动
【安卓】Android Studio简易计算器（实现加减乘除，整数小数运算，正数负数运算）
最新发布
qq_73830179的博客
07-24 2173
随着移动互联网的普及，手机应用程序已经成为人们生活中不可或缺的一部分。计算器是一类被广泛使用的应用程序之一，因此学习如何开发一款简易的计算器应用程序是学习Android Studio开发的一个很好的开始。Android Studio是一款Google开发的用于创建安卓应用的集成开发环境(IDE), 它可以帮助开发者快速设计、开发和测试应用程序。接下来我将为大家介绍如何使用Android Studio创建一个简易的计算器应用程序。
android计算器界面
10-17
很好的计算器 用android编写的 有一定的初学价值
Android开发丶GridLayoutの一个简易精美的计算器界面
01-04
记录了Android开发的历程，本DEMO是通过GridLayout布局编写了一个精美简易的计算器界面，暂时还没计算的功能，后续会补上
基于Android的计算器布局
12-10
简单的计算器布局，适合初学者，可以用真的可以用，适合
Android学习：计算器界面
qq_43322206的博客
03-05 596
计算器界面图： layout代码如下： calculatordemo.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"...
android科学计算器源码修改版
03-18
- 使用Android Studio中的XML布局文件来创建计算器的用户界面，包括按钮、输入框等组件。这些组件通过`OnClickListener`监听用户的点击事件，触发相应的计算操作。 - 为了使界面更美观，开发者可能使用了自定义...
用Android studio 网格布局制作计算器界面
qq_64505257的博客
12-11 1305
网格布局介绍：GridLayout布局使用虚细线将布局划分为行、列和单元格，也支持一个控件在行、列上都有交错排列。 可以自己设置布局中组件的排列方式 可以自定义网格布局有多少行、多少列 可以直接设置组件位于某行某列 可以设置组件横跨几行或者几列
安卓计算器布局和逻辑代码
03-13
安卓计算器布局和逻辑代码,实现加减乘除求倒数功能，可以直接导入eclipse运行。
android studio界面TableLayout布局实现计算器
qq_57171795的博客
06-09 5618
界面布局是用户界面结构的描述，定义界面中所有的元素、结构和相互关系，通过本次实验了解在 Android 界面开发过程中常见的界面布局的使用方法。通过TableLayout布局实现计算器界面布局，并实现计算功能。...
【Android】安卓野路子学习项目之Android计算器（一）——界面布局
m0_70857716的博客
09-30 1777
圆角矩形参考站内作者：jackiesky1206的文章使用软件：Android studio 的 2022.3.1 Patch 1 版本。
安卓布局计算器界面
yudong_yy的专栏
10-29 1056
xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="match_parent" >             android:layout_width="match_parent"         android:
Android计算器布局
joker_321的专栏
12-06 555
650) this.width=650;" title="20120312_3b568dab8aab1733e5f82jHd92AAKaYa.jpg" src="http://s3.51cto.com/wyfs02/M02/1A/41/wKioL1MUjNqyYYz7AALrmkQJxfs304.jpg" alt="wKioL1MUjNqyYYz7AALrmkQJxfs304.jpg" />  
Android实现计算器布局(线性布局)
孤夜的博客
03-22 4200
一:线性布局(LinearLayout) 二:效果图 三:样式(Values下的styles.xml) <style name="ButtonStyle" > <item name="android:radius">10dp</item> <item name="android:textStyle">bold&l...
Android制作计算器布局
weixin_49216707的博客
04-20 2347
<TableLayout 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:stretchColumns="*" tools:context.
Android计算器界面布局设计一个计算器界面，有5行按钮，前4行中每行包含4个按钮，剩余1行中包含2个按钮。
03-11
好的，我可以回答这个问题。对于这个计算器界面的布局设计，可以考虑使用GridLayout布局，将按钮放置在网格中。具体来说，可以将整个界面分为5行，每行都使用GridLayout布局，前4行每行包含4个按钮，最后一行包含2个按钮。这样可以使得界面看起来整齐美观，同时也方便用户进行计算操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值