Android实现计算器布局（四种布局方式）之LinearLayout线性布局

其他三种：

1.RelativeLayout相对布局实现计算器界面布局

2.TableLayout表格布局实现计算器界面布局

3.GridLayout网格布局实现计算器界面布局

用LinearLayout实现计算器的布局主要使用它属性：

android:orientation=”vertical”

android:orientation=”horizontal”（通常水平方向布局可以省略这句）

效果图：



outline视图：



源码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >

<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/button14"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="/" />

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >

<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/button13"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="*" />

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
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:text="8" />

<Button
android:id="@+id/button9"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="9" />

<Button
android:id="@+id/button12"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="-" />

</LinearLayout>

<LinearLayout
android:layout_width="254dp"
android:layout_height="wrap_content" >

<LinearLayout
android:layout_width="155dp"
android:layout_height="wrap_content"
android:layout_weight="0.36"
android:orientation="vertical" >

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >

<Button
android:id="@+id/button0"
android:layout_width="130dp"
android:layout_height="wrap_content"
android:text="0" />

<Button
android:id="@+id/button10"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="." />
</LinearLayout>

<Button
android:id="@+id/button11"
android:layout_width="195dp"
android:layout_height="wrap_content"
android:text="+" />
</LinearLayout>

<Button
android:id="@+id/button15"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:text="=" />
</LinearLayout>

<TextView
android:id="@+id/textView1"
android:layout_width="246dp"
android:layout_height="wrap_content"
android:text="5+6"
android:textAppearance="?android:attr/textAppearanceLarge" />

</LinearLayout>