Android 五大布局之(一) 线性布局和相对布局
程序员文章站
2024-03-25 19:47:34
...
<?xml version="1.0" encoding="utf-8"?>
<!--
RelativeLayout 的相关的属性 相对布局
第一类 :属性值为true 和false 的:
android:layout_centerHrizontal 水平居中
android:layout_centerVertial 垂直居中
android:layout_centerInparent 相对于父元素完全居中
android:layout_alignParentBottom 贴紧父元素的下边缘
android:layout_alignParentLeft 贴紧父元素的左边缘
android:layout_alignParentRight 贴紧父元素的右边缘
android:layout_alignParentTop 贴父元素的上边缘
android:layout_alignWithParentIfMissing 如果对应的兄弟元素找不到的话就以父元素作为参照物
第二类:属性值必须为id的引用名,"@id/id-name" 就是参照的元素id
android:layout_below 在某元素的下方
android:layout_above 在某元素的上方
android:layout_toLeftOf 在某元素的左边
android:layout_toRigthOf 在某元素的右边
android:layout_alignTop 本元素的上边缘和某元素的上边缘对齐
android:layout_alignLeft 本元素的左边缘和某元素的左边缘对齐
android:layout_alignBottom 本元素的下边缘和某元素的下边缘对齐
android:layout_alignRigth 本元素的右边缘和某元素的右边缘对齐
第三类的:属性的值为具体的像素的值: 如:20dip , 50px
android:layout_marginBottom 离某元素底边缘的距离
android:layout_marginLeft 离某元素左边缘的距离
android:layout_marginRigth 离某元素右边缘的距离
android:layout_marginTop 离某元素上边缘的距离
-->
<!--
五大布局之一:线性布局 LinearLayout
横向布局:一行多列 纵向布局:一列多行
本省的属性:
android:background 设置整个布局画面的背景
android:orientation="horizontal" 子元素的排列队形,是横向排列还是纵向排列
android:gravity="bottom" 子元素在布局中的缺省(默认)看起方式
android:padding 设置子元素的彼次连接,中间不留空白
子元素的属性:
android:layout_gravity 设置自身对象在父布局中的看齐方式,可以更新父布局对象给定的缺省的值
android:layout_weight 将父布局中剩余的尺寸按各兄弟元素的weight值比例进行填充;
-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_horizontal"
android:orientation="vertical" >
<LinearLayout
android:layout_marginTop="5dp"
android:layout_gravity="center_horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<TextView
android:id="@+id/tuser"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="账户:" />
<EditText
android:id="@+id/euser"
android:layout_width="220dp"
android:layout_height="wrap_content"
/>
</LinearLayout>
<!-- 二行 -->
<LinearLayout
android:layout_gravity="center_horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="密码:" />
<EditText
android:id="@+id/epass"
android:layout_width="220dp"
android:layout_height="wrap_content"
/>
</LinearLayout>
<!-- 第三行 -->
<LinearLayout
android:layout_width="fill_parent"
android:layout_marginLeft="20dp"
android:layout_marginTop="20dp"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:orientation="horizontal" >
<Button
android:id="@+id/btnOk"
android:layout_width="86dp"
android:layout_height="35dp"
android:text="登陆" />
<Button
android:layout_marginLeft="30px"
android:id="@+id/btnCancel"
android:layout_width="86dp"
android:layout_height="35dp"
android:text="取消" />
</LinearLayout>
<!-- 计算器的功能 -->
<EditText
android:id="@+id/n1"
android:layout_marginLeft="70dp"
android:layout_width="220dp"
android:layout_height="wrap_content"
android:singleLine="true"
android:hint="input number"
android:inputType="number"
/>
<TextView
android:id="@+id/tuser"
android:layout_marginLeft="70dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="计算" />
<EditText
android:id="@+id/n2"
android:layout_width="220dp"
android:layout_marginLeft="70dp"
android:layout_height="wrap_content"
android:singleLine="true"
android:inputType="number"
/>
<Button
android:layout_marginLeft="70dp"
android:id="@+id/jisuan"
android:layout_width="86dp"
android:layout_height="35dp"
android:text="计算" />
</LinearLayout>