XML布局文件的代码案例分享

XML布局文件

在文件夹res/layout中存放着xml格式的布局文件

布局方式主要是LinearLayout(线性布局) 、TableLayout(表格布局)、RelativeLayout(相对布局)

当然还有AbsoluteLayout、(绝对布局)、FrameLayout(帧布局)等等

他们之间也可以通过嵌套达到更好的界面效果

我按照个人的理解将常用的属性整理了一下

可能不科学 但我认为很实用。

控件为整体：

android:id 地址

android:width 宽度

android:height 高度

android:layout_width 宽（fill_parent/wrap_content）

android:layout_height 高（fill_parent/wrap_content）

android:layout_margin(Left/Top/Right/Bottom) 外边距(*dip)

android:layout_weight 比重

控件内容：

android:text 文本内容

android:textSize 文本大小

android:gravity 内容基本位置

android:background 背景色（RBG）

android:padding(Left/Top/Right/Bottom) 内边距(*dip)

android:singleLine 内容同行显示（true/false）

相对布局：

android:layout_above 下边与谁的上边对齐（id）

android:layout_below 上边与谁的下边对齐（id）

android:layout_toLeftOf 右边与谁的左边对齐（id）

android:layout_toRightOf 左边与谁的右边对齐（id）

android:layout_alignTop 上边与谁的上边对齐（id）

android:layout_alignBottom 下边与谁的下边对齐（id）

android:layout_alignLeft 左边与谁的左边对齐（id）

android:layout_alignRight 右边与谁的右边对齐（id）

android:layout_alignParentTop 上边与父控件的上边对齐（true/false）

android:layout_alignParentBottom 下边与父控件的下边对齐（true/false）

android:layout_alignParentLeft 左边与父控件的左边对齐（true/false）

android:layout_alignParentRight 右边与父控件的右边对齐（true/false）

android:layout_centerInParent 相对父控件居中（true/false）

android:layout_centerHorizontal 相对父控件水平方向居中（true/false）

android:layout_centerVertical 相对父控件垂直方向居中（true/false）

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

下面给出我刚做好的注册页面

<?xml version=1.0 encoding=utf-8?>
<RelativeLayout xmlns:android=http://schemas.android.com/apk/res/android
    android:layout_width=fill_parent
    android:layout_height=fill_parent
    android:padding=10dip
    >
    
<LinearLayout xmlns:android=http://schemas.android.com/apk/res/android
    android:orientation=vertical
    android:layout_width=fill_parent
    android:layout_height=wrap_content
    >
 
<TextView 
    android:text=欢迎注册 
    android:gravity=center
    android:textSize=15pt
    android:textColor=#ff8c00
    android:layout_width=fill_parent 
    android:layout_height=wrap_content 
    ></TextView>
 
<TextView 
    android:text= 性别/Gender 
    android:textSize=8pt
    android:layout_width=wrap_content 
    android:layout_height=wrap_content 
    ></TextView>
<RadioGroup android:layout_width=wrap_content android:layout_height=wrap_content android:id=@+id/genderGroup android:orientation=horizontal>
<RadioButton android:id=@+id/maleButton android:layout_width=wrap_content android:layout_height=wrap_content android:text=男></RadioButton>
<RadioButton android:id=@+id/femaleButton android:layout_width=wrap_content android:layout_height=wrap_content android:text=女></RadioButton>

</RadioGroup>
 
<TextView 
    android:text= 用户名/User 
    android:textSize=8pt
    android:layout_width=wrap_content 
    android:layout_height=wrap_content 
    ></TextView>
<EditText 
    android:id=@+id/user 
    android:layout_width=fill_parent 
    android:layout_height=wrap_content 
    ></EditText>
 
<TextView 
    android:text= 密码/Password 
    android:textSize=8pt
    android:layout_width=wrap_content 
    android:layout_height=wrap_content 
    ></TextView>
<EditText 
    android:id=@+id/password 
    android:layout_width=fill_parent 
    android:layout_height=wrap_content 
    ></EditText>
 
<TextView 
    android:text= 重复密码/Re-type Password 
    android:textSize=8pt
    android:layout_width=wrap_content 
    android:layout_height=wrap_content 
    ></TextView>
<EditText 
    android:id=@+id/rpassword 
    android:layout_width=fill_parent 
    android:layout_height=wrap_content 
    ></EditText>
 
<CheckBox 
    android:text=同意注册条款* 
    android:id=@+id/CheckBox01 
    android:layout_width=wrap_content 
    android:layout_height=wrap_content
    ></CheckBox>
 
</LinearLayout>
 
<TableRow 
    android:layout_alignParentBottom=true
    android:id=@+id/TableRow01 
    android:layout_width=fill_parent 
    android:layout_height=wrap_content>
<Button 
    android:id=@+id/confirm 
    android:text=confirm 
    android:textSize=10pt
    android:layout_width=wrap_content 
    android:layout_height=wrap_content 
    android:layout_weight=1 
    ></Button>
<Button 
    android:textSize=10pt 
    android:text=cancel 
    android:layout_width=wrap_content 
    android:id=@+id/cancel 
    android:layout_height=wrap_content
    android:layout_weight=1
    ></Button>
</TableRow>
</RelativeLayout>