Android程序开发:[16]表格布局TableLayout

  • 原创
  • |
  • 浏览:5780
  • |
  • 更新:
  • |
  • 标签:android 

    表格布局TableLayout最常用的用法就是用户注册,如下图所示,表格布局必须包含子控件<TableRow>,它表示表格中的一行,一行中又可以包括多个控件(水平),各个控件相互对齐。这节主要通过下图示例来介绍表格布局TableLayout用法,在上一节LayoutText程序的基础上,新建一个布局文件。

Android程序开发:[16]表格布局TableLayout

方法/步骤

  1. 1

    打开上一节LayoutText程序,展开程序导航目录res\layout,选中layout点击右键,弹出菜单选择“New”(新建)——>"Other"(其它),在弹出窗口中找到Android项并展开目录,选中Android XML Layout File项目,点击“下一步”,填写File名称(这里取名为tabletest),并在窗口中选中TableLayout,点击“完成”即可。

    Android程序开发:[16]表格布局TableLayout
    Android程序开发:[16]表格布局TableLayout
    Android程序开发:[16]表格布局TableLayout
    Android程序开发:[16]表格布局TableLayout
  2. 2

    展开程序导航目录res\layout,这时可以看到刚才创建的tabletest.xml布局文件,打开编辑,输入以下代码。这里用到android:gravity属性,作个说明:android:layout_gravity="center"  指控件在布局里中间,android:gravity="center"  指控件里的内容居中,类似textview里的字在中间。另外:layout_weight的作用是设置子空间的重要度(控件的大小比重)。layout_weight的值越低,则控件越重要。若不设置layout_weight则默认比重为0。

    /////////////////////////////////////////////////////////////////////////////

     <TableRow

         android:id="@+id/tableRow1"

         android:layout_height="wrap_content"

         android:gravity="center" >

         

         <TextView

        android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:text="用户名" />

         

         <EditText

             

         android:id="@+id/userName"

         android:layout_weight="1"

         android:layout_height="wrap_content" />

         

     </TableRow>   

     

      <TableRow

         android:id="@+id/tableRow2"

         android:layout_height="wrap_content"

         android:gravity="center">

         

         <TextView

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:text="密码" />

         

         <EditText

             

         android:id="@+id/password"

         android:layout_weight="1"

         android:layout_height="wrap_content"

         android:inputType="textPassword"  />

         

         </TableRow>>

         

       <TableRow

         android:id="@+id/tableRow3"

         android:layout_height="wrap_content"

         android:gravity="center">

         

         <TextView

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:text="确认密码" />

         

         <EditText

             

         android:id="@+id/repassword"

         android:layout_weight="1"

         android:layout_height="wrap_content"

         android:inputType="textPassword" />

         

     </TableRow>   

     

    <TableRow

         android:id="@+id/tableRow4"

         android:layout_height="wrap_content"

         android:gravity="center" >

         

         <Button

         android:id="@+id/register"

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:text="注     册" />

         

     </TableRow>   

  3. 2
    本页面未经授权抓取自百度经验
  4. 3

    运行程序,查看结果。这时得出的结果还是上一节的界面,所以我们需要通过手动修改MainActivity.java程序来实现运行程序时调用本节的tabletest.xml布局,从而显示该节演示的用户注册界面。

    Android程序开发:[16]表格布局TableLayout
    Android程序开发:[16]表格布局TableLayout
    Android程序开发:[16]表格布局TableLayout
    END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部
相关标签android