zoukankan      html  css  js  c++  java
  • Android中的表格布局TableLayout

    表格布局最基本的三个属性:


    XML代码实例:

    <?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" >
        <!-- 定义第一个表格布局,指定第2列同意收缩,第3列同意拉伸 -->
        <TableLayout android:id="@+id/TableLayout01"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:shrinkColumns="1"
            android:stretchColumns="2"
            >
            <!-- 直接加入button,它自己会占一行 -->
            <Button android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/ok1"
                android:text="独"
                />
            <!-- 加入一个表格行 -->
            <TableRow android:layout_width="match_parent" android:layout_height="wrap_content">
                <Button android:id="@+id/ok2" android:layout_width="wrap_content"
                    android:layout_height="wrap_content" android:text="普"/>
                <Button android:id="@+id/ok3" android:layout_width="wrap_content"
                    android:layout_height="wrap_content" android:text="收"/>
                <Button android:id="@+id/ok4" android:layout_width="wrap_content" 
                    android:layout_height="wrap_content" android:text="拉"/>
            </TableRow>
        </TableLayout>
        
        <!-- 定义第二个表格布局,指定第2列隐藏 -->
        <TableLayout android:id="@+id/TableLayout02" android:layout_marginTop="30dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:collapseColumns="1"
            >
            <!-- 直接加入button,它自己会占一行 -->
            <Button android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="独"
                />
               <TableRow android:layout_width="match_parent" android:layout_height="wrap_content">
                <Button  android:layout_width="wrap_content"
                    android:layout_height="wrap_content" android:text="普"/>
                <Button  android:layout_width="wrap_content"
                    android:layout_height="wrap_content" android:text="收"/>
                <Button  android:layout_width="wrap_content" 
                    android:layout_height="wrap_content" android:text="拉"/>
            </TableRow>
        </TableLayout>
        
        <!-- 定义第三个表格布局,指定第2列和第三列同意被拉伸 -->
    	<TableLayout android:id="@+id/TableLayout03"
    	    android:layout_width="match_parent"
    	    android:layout_height="wrap_content"
    	    android:stretchColumns="1,2" android:layout_marginTop="30dp"
    	    >
          <Button android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="独"
         />
          <TableRow android:layout_width="match_parent" android:layout_height="wrap_content">
                <Button  android:layout_width="wrap_content"
                    android:layout_height="wrap_content" android:text="普通button"/>
                <Button  android:layout_width="wrap_content"
                    android:layout_height="wrap_content" android:text="拉"/>
                <Button  android:layout_width="wrap_content" 
                    android:layout_height="wrap_content" android:text="拉"/>
           </TableRow>
           <!-- 定义一个表格行 -->
          <TableRow android:layout_width="match_parent" android:layout_height="wrap_content">
               <Button  android:layout_width="wrap_content"
                    android:layout_height="wrap_content" android:text="普"/>
                <Button  android:layout_width="wrap_content"
                    android:layout_height="wrap_content" android:text="拉"/>
          </TableRow>
    	</TableLayout>
    </LinearLayout>
    

    效果:


    总结:

    假设没实用tableRow,直接用组件,将自己独占一行,而且填充父窗体

    而假设用tableRow,上下两行各列将对齐。

  • 相关阅读:
    REVERSE-Daily(4)-Elfcrackme2
    DES带IV向量加密解密工具
    Reverse-Daily(3)-DotNetCrackMe1
    Reverse-Daily(2)-wow
    C#:using和new关键字
    python3实现UDP协议的简单服务器和客户端
    python3实现TCP协议的简单服务器和客户端
    深入C++的运算符重载
    NLTK学习笔记(五):分类和标注词汇
    NLTK学习笔记(四):自然语言处理的一些算法研究
  • 原文地址:https://www.cnblogs.com/zfyouxi/p/4352843.html
Copyright © 2011-2022 走看看