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> 
|