您现在的位置是：首页 >技术交流 >Android 平台应用软件开发（学习中）网站首页技术交流

Android 中的五种布局

1，LinearLayout(线性布局),RelativeLayout(相对布局)，FrameLayout（帧布局）,AbsoluteLayout(绝对布局),TableLayout(表格布局)。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:background="@drawable/sky"
    android:orientation="vertical"
    >
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="注册"
        android:textColor="@color/teal_200"
        android:textSize="25dp"
        android:gravity="center"
        android:textStyle="bold"

        />
    <View
        android:layout_width="match_parent"
        android:layout_height="2dp"
        android:background="@color/white"/>



    <LinearLayout
        android:id="@+id/w1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:text="QQ"
            android:src="@drawable/qq"
            android:textColor="@color/teal_200"
            android:textSize="20sp" />

        <View
            android:layout_width="2dp"
            android:layout_height="match_parent"
            android:background="@color/white"/>

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="97dp"
            android:layout_weight="1"
            android:gravity="center"
            android:text="微信"
            android:src="@drawable/weixin"
            android:textColor="@color/teal_200"
            android:textSize="20sp" />

    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="2dp"
        android:background="@color/white"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center">
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/youxiang">
        </ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="使用邮箱登录"
            android:textSize="30sp"
            >

        </TextView>

    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="姓      名"
            android:textColor="@color/teal_200"
            android:textSize="20sp">
        </TextView>

        <EditText
            android:id="@+id/name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:hint="请输入姓名">
            <requestFocus />

        </EditText>

    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="邮      箱"
            android:textColor="@color/teal_200"
            android:textSize="20sp">
        </TextView>

        <EditText
            android:id="@+id/email"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:hint="请输入邮箱">

            <requestFocus />

        </EditText>

    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="密      码"
            android:textColor="@color/teal_200"
            android:textSize="20sp">
        </TextView>

        <EditText
            android:id="@+id/password_toggle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:hint="请输入密码">
            <requestFocus />

        </EditText>

    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="姓      别"
            android:textColor="@color/teal_200"
            android:textSize="20sp">
        </TextView>
        <RadioGroup
            android:layout_marginLeft="30dp"
            android:id="@+id/radioGroup1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
            <RadioButton
                android:id="@+id/radio_man"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:checked="true"
                android:textColor="@color/teal_200"
                android:text="男"/>
            <RadioButton
                android:id="@+id/radio_woman"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textColor="@color/teal_200"
                android:text="女"/>
        </RadioGroup>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_vertical">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="爱      好"
            android:textColor="@color/teal_200"
            android:textSize="20sp"/>
        <CheckBox
            android:layout_marginLeft="30dp"
            android:id="@+id/cb_game"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="游戏"/>
        <CheckBox
            android:layout_marginLeft="30dp"
            android:id="@+id/cb_basketball"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="篮球"/>
        <CheckBox
            android:layout_marginLeft="30dp"
            android:id="@+id/cb_music"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="音乐"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

    </LinearLayout>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="81dp"
        android:gravity="center"
        android:text="提交"
        android:textColor="@color/teal_200"
        android:textSize="25dp"
        android:textStyle="bold"

        />
    <View
        android:layout_width="match_parent"
        android:layout_height="2dp"
        android:background="@color/white"/>
</LinearLayout>

2，线性布局中的控件属性说明
①android:background,设置UI控件的背景，其值可以是资源文件夹中的图片或者是颜色的十六进制值。
②android:orientation,该属性是线性布局的特有属性，用来指定线性布局的方向，vertical表示垂直线性布局，horizontal表示水平线性布局
③android:layout_width:设置UI控件的宽度，match_parent的含义是设置UI控件的宽度充满父窗体，wrap_content的含义是设置UI控件的宽度随内容的大小变化
④android:id,该属性为UI控件设置一个名字，在源代码程序中可以通过R.id名字的形式来获取这个控件实体
⑤android:src,用来设置图片控件ImmageView的前景图片
⑥android:text,设置UI控件上面显示的文字内容。
android:textSize,设置控件中文字的大小。最好用sp为单位，控件宽度和高度多采用dip做单位
⑦android:textColor,设置字体的颜色，采用八位十六进制数格式为该属性设置值。
⑧android:gravity,设置控件在父容器中的对齐方式，其值可以是水平居中，垂直居中，靠左，靠右
3，相对布局控件属性说明
①android:layout_alignParentBottom,设置UI控件贴紧父元素底部，如需要与父元素的底部对齐，将其值设为true，否则为false。
②android:layout_alignParentRight,设置UI控件紧贴父元素的右边，其值设置同上属性
③android:layout_centerHorizontal,设置控件在相对布局中水平居中
④android:layout_centerInParent,设置父控件相对于父元素完全居中
⑤android:layout_alignParentLeft,设置控件贴紧父元素的左边缘
⑥android:layout_alignParentTop,设置控件贴紧父元素的上边缘
以上属性值均为true或false
android:layout_below,设置控件在某元素的下方
android:layout_above,设置控件在某元素的上方
android:layout_toRightOf,设置控件在某元素的右边
android:layout_alignTop,设置控件本元素的上边缘和某元素大的上边缘对齐
以上属性的属性值必须为其他控件的id引用名。
4，帧布局中控件属性说明
android:layout_gravity,该属性用于设置当前控件在父元素中的对齐方式，若其值为center_vertical,表示当前控件在父元素中垂直居中，若其值为center_horizontal表示当前控件在父元素中水平居中，若两个值并列使用，则表示控件对父元素既垂直居中有水平居中。
android:layout_gravity=‘center_vertical|center_horizontal’
②android:visibility,设置控件的可见性，该属性有三个值，visible,gone,invisible.visible代表控件可见，invisible代表控件不可见，但占据布局位置，gone带代表不可见也而且不占据布局位置。