21 UI_布局 之 线性布局 xml配置方式

线性布局

布局管理:

线性布局:LinearLayout:

 <!--

        android:orientation="vertical"垂直排布

        android:orientation="horizontal"水平排布

        android:gravity="center_vertical"垂直方向上居中

        android:gravity="center_horizontal"水平方向上居中线性布局:

        android:layout_weight="1"把屏幕分成几份,该组件只占其中1

  -->


 

Layout之间也可以进行嵌套;如下面的实例:

登录页面界面:

代码:

main.xml:

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/linearLayout1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >

        <!-- 第一行 -->

        <LinearLayout
            android:id="@+id/linearLayout2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >

            <TextView
                android:id="@+id/textView1"
                android:layout_width="79dp"
                android:layout_height="wrap_content"
                android:text="username:" />

            <EditText
                android:id="@+id/editText1"
                android:layout_width="196dp"
                android:layout_height="wrap_content" >

                <requestFocus />
            </EditText>
        </LinearLayout>
        <!-- 第二行 -->

        <LinearLayout
            android:id="@+id/linearLayout3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >

            <TextView
                android:id="@+id/textView2"
                android:layout_width="75dp"
                android:layout_height="wrap_content"
                android:text="TextView" />

            <EditText
                android:id="@+id/editText2"
                android:layout_width="182dp"
                android:layout_height="wrap_content" />
        </LinearLayout>

        <!-- 第三行 -->

        <LinearLayout
            android:id="@+id/linearLayout3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >

            <Button
                android:id="@+id/button1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="0.18"
                android:text="登录" />

            <Button
                android:id="@+id/button2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="0.17"
                android:text="注册" />
        </LinearLayout>

    </LinearLayout>

界面效果:

 

posted @ 2017-07-24 12:50  维尼少少  阅读(427)  评论(0编辑  收藏  举报