温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

XML布局文件的示例分析

发布时间:2021-09-17 14:13:08 来源:亿速云 阅读:129 作者:小新 栏目:编程语言

这篇文章主要为大家展示了“XML布局文件的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“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>

XML布局文件的示例分析

以上是“XML布局文件的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

xml
AI