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

Android 五大布局之(一) 线性布局和相对布局

程序员文章站 2022-05-17 15:01:30
...
<?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>