XML布局文件的示例分析

這篇文章主要為大家展示了“XML布局文件的示例分析”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“XML布局文件的示例分析”這篇文章吧。

XML布局文件

在文件夾res/layout中存放著xml格式的布局文件

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

當(dāng)然還有AbsoluteLayout、(絕對布局)、FrameLayout(幀布局)等等

他們之間也可以通過嵌套達(dá)到更好的界面效果

我按照個人的理解將常用的屬性整理了一下

可能不科學(xué) 但我認(rèn)為很實用。

控件為整體：

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

控件內(nèi)容：

android:text                                         文本內(nèi)容

android:textSize                                   文本大小

android:gravity                                     內(nèi)容基本位置

android:background                               背景色（RBG）

android:padding(Left/Top/Right/Bottom)    內(nèi)邊距(*dip)

android:singleLine                                  內(nèi)容同行顯示（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=" 重復(fù)密碼/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>

以上是“XML布局文件的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！