Android计算器界面布局

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);
	}

Android计算器界面布局

时间： 2024-07-31 14:33:22

Android计算器界面布局的相关文章

手把手教你做安豆计算器（二）－计算器界面布局

第3节计算器界面布局现在起,我们就开始正式开发"计算器"应用.这一节,我们将完成计算器的界面布局,让它初具计算器的模样. 计算器界面是通过布局文件定义的.它位于项目的res\layout\activity_main.xml文件中. 这个布局文件通过java源代码MainActivity.java中的setContentView()函数,设置到界面上. @Override protected void onCreate(Bundle savedInstanceState) { sup

Android常用界面布局(二)

ImageView ScaleType属性, 该属性用以表示显示图片的方式 ①matrix 根据一个3x3的矩阵对其中图片进行缩放 ②fitXY 将图片非等比例缩放到大小与ImageView相同 ③fitStart 缩放方式同FIT_CENTER,只是将图片显示在左方或上方,而不是居中 ④fitCenter ImageView的默认状态,大图等比例缩小,小图等比例放大,整体居中显示在Im

Android计算器界面

1 <?xml version="1.0" encoding="utf-8"?> 2 <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" 5 an

Android 计算器界面

模仿魅族魅蓝NOTE 2风格 1 <?xml version="1.0" encoding="utf-8"?> 2 <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="match_parent" 4 android:layout_height="match_pa

[Android]继承式UI界面布局设计

一般而言,Android界面布局使用聚合的方式比较多,这种方式要求首先构建一批能够复用的组件,然后在Activity的布局文件中进行聚合.尽管这种方式能够完成组件的复用,但如果这些组件在不同Activity中的布局有很多相同点的时候,也还是会带来很大程度的冗余(代码).本文介绍一种比聚合更加有效的界面布局方式--继承式布局. 对于类的继承和对象的聚合之间有哪些相同点和不同点,分别适用于哪种场景,相信大家已经深有体会.在此就不多讲了.其实类比过来,Android的界面布局也是如此.假设我们需要实现

设计师可以写Android应用界面吗？

============问题描述============ 我是一名设计师,每次设计完app后把切好的图和效果图给开发后,开发们都要花大量时间对着效果图把界面效果写出来,弄好界面后才是开发功能. 而且开发写出来的界面和设计给的效果图经常会有差别,还需要反复修改. 我想问的是: 设计师是否可以直接把界面写好,再交给开发直接做功能就行呢?如果可以,需要设计师有编程的基础吗? 还想知道大公司里,设计与开发之间是怎么分工合作的? ============解决方案1============ 是可以的,但是需

从零开始学android<使用嵌套布局实现计算器界面.十七.>

所谓的嵌套布局就是在一个文件中嵌套多个布局文件 <span style="font-size:18px;"> <LinearLayout android:layout_width="match_parent" android:layout_height="fill_parent" android:orientation="vertical" > <FrameLayout android:layou

iOS中xib与storyboard原理，与Android界面布局的异同

用文本标记语言来进行布局,用的最多的应该是HTML语言.HTML可以理解为有一组特殊标记的XML语言. 一.iOS中xib与storyboard显示原理在iOS中主要的布置界面的方式有3种:代码,xib,storyboard. 1. 代码代码布置界面是万能的,但通常很复杂.布置一个简单的界面可能需要很多行代码,因此十分繁琐. 下面为创建一个按钮的代码,最少也要3行: UIButton *btn = [UIButton buttonWithType:UIButtonTypeContactAdd

android设计的布局在阿拉伯语下界面错乱的解决方法

(1)正在AndroidManifest.xml声明文件的application元素中,增加" android:supportsRtl=true" (2)建] androidの设计的布局在阿拉伯语下界面错乱的解决方法 (1)在AndroidManifest.xml声明文件的元素中,添加" android:supportsRtl=true" (2)修改应用程序中layout的"left/right"布局属性,改为对应的"start/end