幸运快三 > 数码 > android

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

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

    表格布局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. 3

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

    Android程序开发:[16]表格布局TableLayout步骤阅读
    Android程序开发:[16]表格布局TableLayout步骤阅读
    Android程序开发:[16]表格布局TableLayout步骤阅读
    END
Android程序开发(共17篇)
上一篇:线性布局LinearLa...|下一篇:相对布局Relative...

本文来自投稿,不代表幸运快三立场,转载请注明出处:http://www.morucat.com/digital/9952.html