简易计算器UI设计-优快云博客

主要用到button控件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:gravity="center"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bg"
    >
    <LinearLayout android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:gravity="center"
    android:orientation="vertical">
    	<EditText android:id="@+id/etResult"
    	android:layout_width="180px"
    	android:layout_height="50px"
    	android:singleLine="true"
    	android:gravity="right"
    	android:textSize="20sp"/>
    	
    </LinearLayout>
	
	<!-- 加plus     减subtract       乘multiply     除divide -->
	<LinearLayout android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal"
    android:gravity="center"
    >
    	<Button android:id="@+id/btMultiply"
    	android:text="*"
    	android:layout_width="70px"
    	android:layout_height="70px"
    	android:textSize="20sp"
    	android:gravity="center"
    	android:layout_gravity="center_horizontal"/>
    	
    	<Button android:id="@+id/btDivide"
    	android:text="/"
    	android:layout_width="70px"
    	android:layout_height="70px"
    	android:textSize="20sp"
    	android:gravity="center"
    	android:layout_gravity="center_horizontal"/>
    	
    	<Button android:id="@+id/btPlus"
    	android:text="+"
    	android:layout_width="70px"
    	android:layout_height="70px"
    	android:textSize="20sp"
    	android:gravity="center"
    	android:layout_gravity="center_horizontal"/>
    	
    	<Button android:id="@+id/btSubtract"
    	android:text="-"
    	android:layout_width="70px"
    	android:layout_height="70px"
    	android:textSize="20sp"
    	android:gravity="center"
    	android:layout_gravity="center_horizontal"/>
    </LinearLayout>
    
    <!-- 7 8 9 delete -->
    <LinearLayout android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal"
    android:gravity="center"
    >
    	<Button android:id="@+id/bt7"
    	android:text="7"
    	android:layout_width="70px"
    	android:layout_height="70px"
    	android:textSize="20sp"
    	android:gravity="center"
    	android:layout_gravity="center_horizontal"/>
    	
    	<Button android:id="@+id/bt8"
    	android:text="8"
    	android:layout_width="70px"
    	android:layout_height="70px"
    	android:textSize="20sp"
    	android:gravity="center"
    	android:layout_gravity="center_horizontal"/>
    	
    	<Button android:id="@+id/bt9"
    	android:text="9"
    	android:layout_width="70px"
    	android:layout_height="70px"
    	android:textSize="20sp"
    	android:gravity="center"
    	android:layout_gravity="center_horizontal"/>
    	
    	<Button android:id="@+id/btDelete"
    	android:text="Del"
    	android:layout_width="70px"
    	android:layout_height="70px"
    	android:textSize="20sp"
    	android:gravity="center"
    	android:layout_gravity="center_horizontal"/>
    </LinearLayout>
    
    
    <!-- 4 5 6 ce(清空) -->
    <LinearLayout android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal"
    android:gravity="center"
    >
    	<Button android:id="@+id/bt4"
    	android:text="4"
    	android:layout_width="70px"
    	android:layout_height="70px"
    	android:textSize="20sp"
    	android:gravity="center"
    	android:layout_gravity="center_horizontal"/>
    	
    	<Button android:id="@+id/bt5"
    	android:text="5"
    	android:layout_width="70px"
    	android:layout_height="70px"
    	android:textSize="20sp"
    	android:gravity="center"
    	android:layout_gravity="center_horizontal"/>
    	
    	<Button android:id="@+id/bt6"
    	android:text="6"
    	android:layout_width="70px"
    	android:layout_height="70px"
    	android:textSize="20sp"
    	android:gravity="center"
    	android:layout_gravity="center_horizontal"/>
    	
    	<Button android:id="@+id/btCe"
    	android:text="C"
    	android:layout_width="70px"
    	android:layout_height="70px"
    	android:textSize="20sp"
    	android:gravity="center"
    	android:layout_gravity="center_horizontal"/>
    </LinearLayout>
    
    <!-- 1 2 3 以及  .  0  = -->
    <LinearLayout android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:gravity="center"
    android:layout_gravity="center_horizontal"
    android:orientation="horizontal">
    	<LinearLayout android:layout_width="wrap_content" 
    	android:layout_height="wrap_content" 
    	android:orientation="vertical">
    		<LinearLayout android:layout_width="wrap_content" 
    		android:layout_height="wrap_content" 
    		android:orientation="horizontal">
    			<Button android:id="@+id/bt1"
    			android:text="1"
    			android:layout_width="70px"
    			android:layout_height="70px"
    			android:textSize="20sp"
    			android:gravity="center"
    			android:layout_gravity="center_horizontal"/>
    	
    			<Button android:id="@+id/bt2"
    			android:text="2"
    			android:layout_width="70px"
    			android:layout_height="70px"
    			android:textSize="20sp"
    			android:gravity="center"
    			android:layout_gravity="center_horizontal"/>
    		
    			<Button android:id="@+id/bt3"
    			android:text="3"
    			android:layout_width="70px"
    			android:layout_height="70px"
    			android:textSize="20sp"
    			android:gravity="center"
    			android:layout_gravity="center_horizontal"/>
    		</LinearLayout>
    	
    		<LinearLayout android:layout_width="wrap_content" 
    		android:layout_height="wrap_content" 
    		android:orientation="horizontal">
    			<Button android:id="@+id/btPoint"
    			android:text="."
    			android:layout_width="70px"
    			android:layout_height="70px"
    			android:textSize="20sp"
    			android:gravity="center"
    			android:layout_gravity="center_horizontal"/>
    		
    			<Button android:id="@+id/bt0"
    			android:text="0"
    			android:layout_width="140px"
    			android:layout_height="70px"
    			android:textSize="20sp"
    			android:gravity="center"
    			android:layout_gravity="center_horizontal"/>
    		</LinearLayout>
    	</LinearLayout>
    	<LinearLayout 
    	android:layout_width="wrap_content"
    	android:layout_height="wrap_content"
    	android:orientation="vertical"
    	>
    		<Button android:id="@+id/btDeng"
    			android:text="="
    			android:layout_width="70px"
    			android:layout_height="140px"
    			android:textSize="20sp"
    			android:gravity="center"
    			android:layout_gravity="center_horizontal"/>
    	</LinearLayout>
    	
    </LinearLayout>
</LinearLayout>