Android布局之LinearLayout

LinearLayout

1.核心属性

　　高度:layout_height   (基于内容 wrap_content；基于父控件；)

　　宽度:layout_width

　　方向:orientation  (纵向 vertical；横向 horizontal；)

　　位置:layout_gravity (居中 center；居右 right；)

 

2.等分控件

　　做等分时将layout_width设为0dp layout_weight设为权重比是谷歌推荐的做法

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="wrap_content"
    android:layout_width="match_parent">
    <!-- 横排等分 layout_width="match_parent" 根据父控件的宽度决定自己的宽度-->
    <LinearLayout
        android:orientation="horizontal"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_height="wrap_content"
        android:layout_width="match_parent">
        <!-- 做等分时将layout_width设为0dp layout_weight设为权重比是谷歌推荐的做法-->
        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#234578"
            android:text="等分1"/>
        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#234578"
            android:text="等分1"/>
        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="2"
            android:background="#284578"
            android:text="等分(1+1)"/>
    </LinearLayout>

    <!-- 横排非等分 layout_width="wrap_content" 根据内容的宽度决定自己的宽度-->
    <LinearLayout
        android:orientation="horizontal"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_marginTop="10dp">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#897654"
            android:text="非等分1"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#897654"
            android:text="=====非等分123====="/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAllCaps="false"
            android:background="#897654"
            android:text="Demo"/>
    </LinearLayout>



    <!-- 横排等分 -->
    <LinearLayout
        android:orientation="horizontal"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_height="match_parent"
        android:layout_width="wrap_content"
        android:layout_marginTop="10dp">

        <!-- 竖排等分 -->
        <LinearLayout
            android:orientation="vertical"
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_height="match_parent"
            android:layout_width="0dp"
            android:layout_weight="1">
            <Button
                android:layout_width="wrap_content"
                android:layout_height="0dp"
                android:layout_weight="2"
                android:background="#457421"
                android:text="等分1"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="0dp"
                android:layout_weight="1"
                android:background="#126735"
                android:text="等分2"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="0dp"
                android:layout_weight="1"
                android:background="#843975"
                android:text="等分3"/>
        </LinearLayout>

        <!-- 竖排按数值确定高度 -->
        <LinearLayout
            android:orientation="vertical"
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_height="wrap_content"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_marginLeft="20dp">
            <Button
                android:layout_width="wrap_content"
                android:layout_height="44dp"
                android:background="#547836"
                android:text="按钮1"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="66dp"
                android:background="#837282"
                android:text="按钮2"/>
            <Button
                android:layout_width="wrap_content"
                android:layout_height="98dp"
                android:layout_weight="2"
                android:background="#973422"
                android:text="按钮3"/>
        </LinearLayout>
    </LinearLayout>

    <LinearLayout
        android:orientation="vertical"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_gravity="right">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="44dp"
            android:background="#547836"
            android:text="靠右"/>
    </LinearLayout>
    <LinearLayout
        android:orientation="vertical"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_gravity="center">
        <Button
            android:layout_width="wrap_content"
            android:layout_height="44dp"
            android:background="#547836"
            android:text="居中"/>
    </LinearLayout>
</LinearLayout>

 

效果图