安卓布局计算器界面
2014-10-29 15:33
239 查看
计算器布局除了用gridlayout布局之外,还可以用TableLayout和RelativeLayout共同完成。
<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" >
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<EditText
android:layout_width="match_parent"
android:layout_height="50dip"
/>
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1" />
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="2" />
<Button
android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="3" />
<Button
android:id="@+id/buttonyu"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="%" />
<Button
android:id="@+id/buttonchu"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="/" />
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<Button
android:id="@+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="4" />
<Button
android:id="@+id/button5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="5" />
<Button
android:id="@+id/button6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="6" />
<Button
android:id="@+id/buttoncheng"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="*" />
<Button
android:id="@+id/buttondao"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1/X" />
</TableRow>
<RelativeLayout
android:id="@+id/reLayout1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
<Button
android:id="@+id/button7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="7" />
<Button
android:id="@+id/button8"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/button7"
android:text="8" />
<Button
android:id="@+id/button9"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/button8"
android:text="9" />
<Button
android:id="@+id/buttonjian"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/button9"
android:text="-" />
<Button
android:layout_width="wrap_content"
android:layout_height="100dip"
android:layout_toRightOf="@id/buttonjian"
android:text="="
/>
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/button7"
android:orientation="horizontal" >
<Button
android:id="@+id/button0"
android:layout_width="128dip"
android:layout_height="wrap_content"
android:text="0" />
<Button
android:id="@+id/buttondian"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/button0"
android:text="." />
<Button
android:id="@+id/buttonjia"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/buttondian"
android:text="+" />
</RelativeLayout>
</RelativeLayout>
</TableLayout>
<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" >
<TableRow
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<EditText
android:layout_width="match_parent"
android:layout_height="50dip"
/>
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1" />
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="2" />
<Button
android:id="@+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="3" />
<Button
android:id="@+id/buttonyu"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="%" />
<Button
android:id="@+id/buttonchu"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="/" />
</TableRow>
<TableRow
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<Button
android:id="@+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="4" />
<Button
android:id="@+id/button5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="5" />
<Button
android:id="@+id/button6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="6" />
<Button
android:id="@+id/buttoncheng"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="*" />
<Button
android:id="@+id/buttondao"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="1/X" />
</TableRow>
<RelativeLayout
android:id="@+id/reLayout1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
<Button
android:id="@+id/button7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="7" />
<Button
android:id="@+id/button8"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/button7"
android:text="8" />
<Button
android:id="@+id/button9"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/button8"
android:text="9" />
<Button
android:id="@+id/buttonjian"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/button9"
android:text="-" />
<Button
android:layout_width="wrap_content"
android:layout_height="100dip"
android:layout_toRightOf="@id/buttonjian"
android:text="="
/>
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/button7"
android:orientation="horizontal" >
<Button
android:id="@+id/button0"
android:layout_width="128dip"
android:layout_height="wrap_content"
android:text="0" />
<Button
android:id="@+id/buttondian"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/button0"
android:text="." />
<Button
android:id="@+id/buttonjia"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/buttondian"
android:text="+" />
</RelativeLayout>
</RelativeLayout>
</TableLayout>
相关文章推荐
- 安卓案例:网格布局实现计算器界面
- 手把手教你做安豆计算器(二)-计算器界面布局
- 安卓学习-界面-布局-GridLayout
- 安卓界面布局介绍
- 在Android studio中用网格布局做计算器界面
- 从零开始学android<使用嵌套布局实现计算器界面.十七.>
- 关于如果自己定义安卓的布局界面的初学研究
- 网格布局(计算器界面设计)
- 安卓学习记录——(2.界面布局)
- 从零開始学android<使用嵌套布局实现计算器界面.十七.>
- 安卓线性布局案例之计算器
- 网格布局--计算器界面
- 安卓-界面布局单位dp,sp,px之比较
- 安卓第一个界面(布局格式小结)
- 安卓笔记:怎么使用横屏布局界面
- 安卓学习笔记----界面的五大布局
- 安卓几种界面布局的详解
- 【安卓开发】UI设计基础2:用线性布局实现计算器UI布局
- 安卓学习- 编写界面(页面布局详解)
- 安卓布局——简单的注册界面