`

android 表单布局 左右布局

阅读更多
    <?xml version="1.0" encoding="utf-8"?>  
    <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"  
        android:layout_width="fill_parent"  
        android:layout_height="match_parent"  
        android:stretchColumns="*" >  
       
        <TableRow  
            android:id="@+id/tableRow1"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content" >  
       
            <TextView  
                android:id="@+id/username_label"  
                android:layout_width="wrap_content"  
                android:layout_height="wrap_content"  
                android:layout_gravity="right|center_vertical"  
                android:text="用户名:" />  
       
            <EditText  
                android:id="@+id/editText1"  
                android:layout_height="wrap_content"  
                android:ems="10"  
                android:hint="请输入用户名" />  
       
        </TableRow>  
       
        <TableRow  
            android:id="@+id/tableRow2"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content" >  
       
            <TextView  
                android:id="@+id/textView1"  
                android:layout_width="wrap_content"  
                android:layout_height="wrap_content"  
                android:layout_gravity="right|center_vertical"  
                android:text="密码:" />  
       
            <EditText  
                android:id="@+id/editText2"  
                android:layout_height="wrap_content"  
                android:ems="10"  
                android:hint="请设定密码"  
                android:inputType="textPassword" >  
       
                <requestFocus />  
            </EditText>  
       
        </TableRow>  
       
        <TableRow  
            android:id="@+id/tableRow3"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content" >  
       
            <Space  
                android:layout_width="wrap_content"  
                android:layout_height="wrap_content" />  
       
            <LinearLayout  
                android:layout_width="wrap_content"  
                android:layout_height="wrap_content"  
                android:layout_gravity="right" >  
       
                <Button  
                    android:id="@+id/button1"  
                    android:layout_width="wrap_content"  
                    android:layout_height="wrap_content"  
                    android:text="登录" />  
       
                <Button  
                    android:id="@+id/button2"  
                    android:layout_width="wrap_content"  
                    android:layout_height="wrap_content"  
                    android:text="注册" />  
       
            </LinearLayout>  
       
        </TableRow>  
       
    </TableLayout>  

 

  • 在TableLayout中使用stretchColumns=”*”伸展所有界面组件,以使得屏幕得到充分利用。
  • 用户名和密码的Lable的宽度通常只需要wrap_content即可,gravity设置为right|center_vertical居右显示。
  • 文本输入框(EditText域)的宽度在stretchColumns=”*”的情况下可以不设置,由系统自动确定宽度。
  • 使用嵌套的LinearLayout进行两个按钮的布局,并且LinearLayout的gravity设置为right,使得两个按钮居右显示。注意,需要一个space(空的界面组件)来占据表格的第一列。

 

分享到:
评论

相关推荐

    【Android Studio代码】表格布局

    用Android Studio 2.3.3做的表格布局例子,主要用到、标签,还有android:shrinkColumns="0,1,2"、android:layout_column="0"等设置。

    android布局_Android布局_android_

    5. **网格布局(GridLayout)**:类似于表格布局,但它允许更灵活的行和列配置,可以设置每行和每列的宽度和高度。 6. **约束布局(ConstraintLayout)**:这是Android Studio 2.0引入的新布局,允许开发者创建复杂...

    android界面布局详解

    Android提供了多种布局类型,如LinearLayout(线性布局,水平或垂直排列)、RelativeLayout(相对布局,基于相对位置放置组件)、FrameLayout(帧布局,按顺序叠加组件)、TableLayout(表格布局)等。每种布局都有...

    android常用布局的使用

    不过,表格布局在现代Android设计中使用较少,因为网格布局(GridLayout)提供了更好的替代方案。 五、网格布局(GridLayout) 网格布局自Android 4.0引入,它将视图组织成网格,每个视图占据一定数量的行和列。...

    android框架布局demo

    5. **网格布局(GridLayout)**:类似于表格布局,但提供了更精细的控制,可以设置行和列的数量。 6. **约束布局(ConstraintLayout)**:是Google推出的最新布局工具,能实现复杂的界面设计,无需嵌套多个布局,...

    Android移动应用开发表格布局TableLayout的特点.pdf

    在Android移动应用开发中,表格布局(TableLayout)是一种强大的布局工具,它允许开发者以类似电子表格的方式组织UI元素。TableLayout以其灵活性和可扩展性,成为了创建复杂界面的一种有效方式。下面将详细探讨...

    android 中页面布局使用demo

    4. **表格布局(TableLayout)**:类似于HTML的表格,可以创建行和列来组织内容,常用于展示数据。 5. **网格布局(GridLayout)**:将子视图均匀分布在网格中,每个子视图占据相同大小的空间。 6. **约束布局...

    Android 表格布局实例应用

    在Android开发中,表格布局(TableLayout)是一种常用的布局方式,尤其在展示数据时非常实用。本实例将探讨如何在Android应用中运用表格布局,并通过实际的代码示例来展示其工作原理和实现方法。 首先,`...

    Android学习笔记13:表格布局管理器TableLayout

    在Android开发中,表格布局管理器(TableLayout)是一种常用且强大的组件,它允许开发者创建类似于HTML中的表格的布局。TableLayout是LinearLayout的扩展,它通过行和列的方式来组织子视图(Views)。本篇学习笔记将...

    Android页面布局总结

    本文将详细介绍Android中三种常见的布局方式:LinearLayout(线性布局)、RelativeLayout(相对布局)以及TableLayout(表格布局),并深入探讨它们的特点和应用场景。 #### 1. LinearLayout(线性布局) 线性布局...

    Android 表格布局的RadioButton

    通过RadioButton与GridView,实现了单选按钮成表格布局,同时具备单选效果的功能。实现效果见http://blog.csdn.net/ddxxll2008/article/details/49421129

    Android之布局实例

    本篇文章将详细讲解Android中的五种主要布局:线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局(FrameLayout)、表格布局(TableLayout)以及约束布局(ConstraintLayout),并结合实例来帮助理解...

    Android 表格布局

    ### Android表格布局详解 在Android开发中,布局是构建用户界面的基础。为了适应不同场景的需求,Android提供了多种布局方式,其中“表格布局”(Table Layout)作为一种常用的布局方式,在处理表格数据展示时尤为...

    制作excel表格全步骤[Android开发之表格布局].pdf

    示例中的`activity_main.xml`展示了如何创建一个简单的两行三列的表格布局。`TableLayout`设置了`android:stretchColumns="0"`,意味着第一列将被拉伸以填充所有可用空间。每个`TableRow`包含三个`TextView`,分别...

    Android 表格控件-动态实现表格效果(内容、样式可扩展)

    创建一个简单的动态表格,首先在XML布局文件中添加TableLayout,然后在Activity中创建并添加TableRow,每行中添加TextView。例如: ```java TableLayout table = findViewById(R.id.table); for (int i = 0; i ;...

    Android界面布局详解

    本文将深入探讨Android系统提供的五种基本布局类型:LinearLayout(线性布局)、TableLayout(表格布局)、RelativeLayout(相对布局)、AbsoluteLayout(绝对布局)以及FrameLayout(框架布局),并详细解析它们的...

    android Activity布局初步(一)- 线性、表格布局

    线性布局适用于简单的单行或单列排列,而表格布局则适合展示和组织多列数据。了解并熟练掌握这两种布局,能够帮助开发者构建更高效、更美观的Android界面。在实际项目中,通常会结合使用多种布局以满足复杂的界面...

    android框架布局

    网格布局(GridLayout)是Android 3.0引入的新布局,类似于表格布局,但它支持行和列的动态定义以及自动填充。每个子视图都有自己的行和列索引,通过`android:layout_row`和`android:layout_column`属性指定。 还有...

    android的布局文件介绍

    本篇文章将详细讲解Android的几种布局方式,包括线性布局、相对布局、表格布局、网格视图、标签布局、列表视图以及已废弃的绝对布局。 1. **线性布局(Linear Layout)** 线性布局是最基础的布局方式,它可以按照...

Global site tag (gtag.js) - Google Analytics