zoukankan      html  css  js  c++  java
  • 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>

    界面效果:

  • 相关阅读:
    第一阶段冲刺第二天
    第一阶段冲刺第一天
    用户场景描述
    第十一周总结
    第十周总结
    找水王
    sqli-labs第5关布尔盲注pyhton脚本
    intel:spectre&Meltdown侧信道攻击(一)
    windows:shellcode 远程线程hook/注入(五)
    windows:shellcode 远程线程hook/注入(四)
  • 原文地址:https://www.cnblogs.com/cxm-weiniss/p/7228373.html
Copyright © 2011-2022 走看看