欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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>