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


表格布局包含一系列的 TableRow對象,用於定義行(實際上你也可以使用其它子對象,將在后面進行解釋)。表格布局不為它的行、列和單元格顯示表格線。每個行可以包含0個以上(包括0)的單元格; 每個單元格可以設置一個View對象.與行包含很多單元格一樣, 表格包含很多列。表格的單元格可以為空.單元格可以象 HTML 那樣跨列。

  列的寬度由該列所有行中最寬的一個單元格決定.不過表格布局可以通過 setColumnShrinkable() 方法或者 setColumnStretchable() 方法來標記某些列可以收縮或可以拉伸. 如果標記為可以收縮,列寬可以收縮以使表格適合容器的大小。如果標記為可以拉伸, 列寬可以拉伸以占用多余的空間。表格的總寬度由其父容器決定. 記住列可以同時具有可拉伸和可收縮標記是很重要的。在列可以調整其寬度以占用可用空間, 但不能超過限度時是很有用的.最后,你可以通過調用setColumnCollapsed() 方法來隱藏列。

表格布局的子對象不能指定 layout_width 屬性.寬度永遠是 MATCH_PARENT。不過子對象可以定義 layout_height 屬性;其默認值是 WRAP_CONTENT. 如果子對象是 TableRow,其高度永遠是 WRAP_CONTENT。

下面以一個實際例子展示如何設計界面...

.xml文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
      android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    tools:context=".TwoHouseTansActivity" >

<TableLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"  
        android:gravity="left"
        >

        <TableRow
            android:id="@+id/tableRow1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >
       
		<TextView
		    android:id="@+id/tvprice"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:text="價格"
		   
		     />
    	<EditText
		    android:id="@+id/etprice"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:textColor="#606060"
		    android:textSize="16px"
		    android:width="90dp" >
		</EditText>
		<TextView
		    android:id="@+id/tvbuildarea"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:text="建築面積" />

		<EditText
		    android:id="@+id/etbuildarea"
		    android:layout_width="70dp"
		    android:layout_height="wrap_content"
		    android:width="85dp"
		    />
        </TableRow>
        
        
           <TableRow
            android:id="@+id/tableRow2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >
      <TextView
		    android:id="@+id/tvmf"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"

		    android:text="買方 "
		     />
 <TextView
		    android:id="@+id/tvmfd"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
			android:width="90dp"
		    android:text=""
		     />
		<TextView
		    android:id="@+id/tvmf"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"

		    android:text="賣方" />

		</TableRow>
		
          <TableRow>
              <TextView
		    android:id="@+id/tvqs"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"

		    android:text="契稅 "
		     />

		<EditText
		    android:id="@+id/etqs"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:layout_alignParentTop="true"
		    android:width="80dp"
/>

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

		<EditText
		    android:id="@+id/etyes"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:width="60dp" />
              
          </TableRow>  
           
             
          <TableRow>
              
              <TextView
		    android:id="@+id/tvmjyyhs"
		    android:layout_width="wrap_content"
		     android:layout_height="wrap_content"
		    android:text="印花稅"
		    />

		<EditText
		    android:id="@+id/etmjyyhs"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		     android:width="90dp"
		    />

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

		<EditText
		    android:id="@+id/etmijyyhs"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:width="60dp" />
          </TableRow>
          
             <TableRow>
              
              	<TextView
		    android:id="@+id/tvmjyfws"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		
		    android:text="交易服務稅"
		     />

		<EditText
		    android:id="@+id/etmjyfws"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:width="80dp" />

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

		<EditText
		    android:id="@+id/etmijyfws"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:width="60dp" />
          </TableRow>
          
          <TableRow>
              
              	<TextView
		    android:id="@+id/tvmcqdjf"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"

		    android:text="產權登記費"
		     />

		<EditText
		    android:id="@+id/etmcqdjf"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:width="80dp" />

		<TextView
		    android:id="@+id/tvmicqdjf"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"

		    android:text="個人所得稅" />

		<EditText
		    android:id="@+id/etmicqdjf"
		  android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:width="60dp" />
          </TableRow> 
         <TableRow>
              
              <TextView
		    android:id="@+id/tvtotal"
		    android:layout_width="wrap_content"
		     android:layout_height="wrap_content"
		    android:text="合計"
		     />

		<EditText
		    android:id="@+id/ettotalprice"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:width="95dp" />
	
		<TextView
		    android:id="@+id/tvmtotal"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:text="合計" />

		<EditText
		    android:id="@+id/etmtotalprice"
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:width="70dp" />
          </TableRow>
          
          <TableRow ><Button
	    android:id="@+id/btncal"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:text="計算" /></TableRow>
    </TableLayout>
    

</LinearLayout>

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM