安卓學習之--排版RelativeLayout表格布局

相對布局：是一個ViewGroup以相對位置顯示它的子視圖（view）元素，一個視圖可以指定相對於它的兄弟視圖的位置（例如在給定視圖的左邊或者下面）或相對於RelativeLayout的特定區域的位置（例如底部對齊，或中間偏左）

 

RelativeLayout用到的一些重要的屬性：

第一類:屬性值為true或false
android:layout_centerHrizontal 水平居中
android:layout_centerVertical 垂直居中
android:layout_centerInparent 相對於父元素完全居中
android:layout_alignParentBottom 貼緊父元素的下邊緣
android:layout_alignParentLeft 貼緊父元素的左邊緣
android:layout_alignParentRight 貼緊父元素的右邊緣
android:layout_alignParentTop 貼緊父元素的上邊緣
android:layout_alignWithParentIfMissing 如果對應的兄弟元素找不到的話就以父元素做參照物

第二類：屬性值必須為id的引用名“@id/id-name”
android:layout_below 在某元素的下方
android:layout_above 在某元素的的上方
android:layout_toLeftOf 在某元素的左邊
android:layout_toRightOf 在某元素的右邊

android:layout_alignTop 本元素的上邊緣和某元素的的上邊緣對齊
android:layout_alignLeft 本元素的左邊緣和某元素的的左邊緣對齊
android:layout_alignBottom 本元素的下邊緣和某元素的的下邊緣對齊
android:layout_alignRight 本元素的右邊緣和某元素的的右邊緣對齊

第三類：屬性值為具體的像素值，如30dip，40px
android:layout_marginBottom 離某元素底邊緣的距離
android:layout_marginLeft 離某元素左邊緣的距離
android:layout_marginRight 離某元素右邊緣的距離
android:layout_marginTop 離某元素上邊緣的距離

 

以上篇同樣的效果用相對方式來實現 

<RelativeLayout 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"
tools:context=".HouseOtherActivity" >

<LinearLayout 

android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>

<RelativeLayout
android:layout_width="fill_parent" 
android:layout_height="wrap_content" >
<!-- 垂直居中 右對齊
android:gravity="center_vertical|right"
-->

<EditText
android:id="@+id/etprice"
android:layout_width="wrap_content"
android:layout_height="40dp"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/tvprice"
android:ems="10"
android:textColor="#606060"
android:textSize="16px"
android:width="100dp" >

<requestFocus />
</EditText>

<TextView
android:id="@+id/tvprice"
android:layout_width="wrap_content"
android:layout_height="50dip"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:gravity="center_vertical|right"
android:text="價格:"
/>

<TextView
android:id="@+id/tvbuildarea"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/etprice"
android:layout_alignBottom="@+id/etprice"
android:layout_toRightOf="@+id/etprice"
android:text="建築面積:" />

<EditText
android:id="@+id/etbuildarea"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_toRightOf="@+id/tvbuildarea"
android:ems="10" 
/>

</RelativeLayout>



<RelativeLayout
android:layout_width="fill_parent" 
android:layout_height="wrap_content" >
<!-- 垂直居中 右對齊
android:gravity="center_vertical|right"
-->

<TextView
android:id="@+id/tvmf"
android:layout_width="wrap_content"
android:layout_height="50dip"
android:layout_alignBottom="@+id/tvmf"
android:gravity="center_vertical|right"
android:text="買方 "
/>

<TextView
android:id="@+id/tvmf"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="賣方" />

</RelativeLayout>
<RelativeLayout
android:layout_width="fill_parent" 
android:layout_height="wrap_content" >
<!-- 垂直居中 右對齊
android:gravity="center_vertical|right"
-->

<TextView
android:id="@+id/tvqs"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:gravity="center_vertical|right"
android:text="契稅 :"
/>

<EditText
android:id="@+id/etqs"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/tvqs"
android:ems="10"
android:width="100dp" />

<TextView
android:id="@+id/tvyes"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/etqs"
android:layout_toRightOf="@+id/etqs"
android:text="營業帨" />

<EditText
android:id="@+id/etyes"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/tvyes"
android:ems="10"
android:width="60dp" />

</RelativeLayout>

<RelativeLayout
android:layout_width="fill_parent" 
android:layout_height="wrap_content" >
<!-- 垂直居中 右對齊
android:gravity="center_vertical|right"
-->

<TextView
android:id="@+id/tvmjyyhs"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:gravity="center_vertical|right"
android:text="印花稅:"
/>

<EditText
android:id="@+id/etmjyyhs"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/tvmjyyhs"
android:ems="10"
android:width="100dp" />

<TextView
android:id="@+id/tvmijyyhs"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/etmjyyhs"
android:layout_toRightOf="@+id/etmjyyhs"
android:text="印花稅" />

<EditText
android:id="@+id/etmijyyhs"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/tvmijyyhs"
android:ems="10"
android:width="60dp" />

</RelativeLayout>


<RelativeLayout
android:layout_width="fill_parent" 
android:layout_height="wrap_content" >
<!-- 垂直居中 右對齊
android:gravity="center_vertical|right"
-->

<TextView
android:id="@+id/tvmjyfws"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:gravity="center_vertical|right"
android:text="交易服務稅:"
/>

<EditText
android:id="@+id/etmjyfws"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/tvmjyfws"
android:ems="10"
android:width="80dp" />

<TextView
android:id="@+id/tvmijyfws"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/etmjyfws"
android:layout_toRightOf="@+id/etmjyfws"
android:text="交易服務稅" />

<EditText
android:id="@+id/etmijyfws"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/tvmijyfws"
android:ems="10"
android:width="60dp" />

</RelativeLayout>

<RelativeLayout
android:layout_width="fill_parent" 
android:layout_height="wrap_content" >
<!-- 垂直居中 右對齊
android:gravity="center_vertical|right"
-->

<TextView
android:id="@+id/tvmcqdjf"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:gravity="center_vertical|right"
android:text="產權登記費:"
/>

<EditText
android:id="@+id/etmcqdjf"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/tvmcqdjf"
android:ems="10"
android:width="80dp" />

<TextView
android:id="@+id/tvmicqdjf"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/etmcqdjf"
android:layout_toRightOf="@+id/etmcqdjf"
android:text="個人所得稅:" />

<EditText
android:id="@+id/etmicqdjf"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/tvmicqdjf"
android:ems="10"
android:width="60dp" />

</RelativeLayout>

<RelativeLayout
android:layout_width="fill_parent" 
android:layout_height="wrap_content" >

<TextView
android:id="@+id/tvtotal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:gravity="center_vertical|right"
android:text="合計:"
/>

<EditText
android:id="@+id/ettotalprice"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/tvtotal"
android:ems="10"
android:width="100dp" />

<TextView
android:id="@+id/tvmtotal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/ettotalprice"
android:layout_toRightOf="@+id/ettotalprice"
android:text="合計：" />

<EditText
android:id="@+id/etmtotalprice"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/tvmtotal"
android:ems="10"
android:width="60dp" />

</RelativeLayout>

<RelativeLayout
android:layout_width="fill_parent" 
android:layout_height="wrap_content" >
<Button
android:id="@+id/btncal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:layout_marginRight="82dp"
android:text="計算" />

</RelativeLayout>

</LinearLayout>


</RelativeLayout>