布局 - 线性布局

LinearLayout 线性布局

线性布局是一种非常常用的布局,控件在该布局中按线性方向依次排列。

属性

  • android:orientation:排列方向。
    vertical:垂直方向。
    horizontal: 水平方向。

注意:
当orientation=horizontal时,控件的layout_width属性值不能是match_parent,因为它的宽与父同宽,则其它控件无法显示了;
当orientation=vertical时,控件的layout_height属性值不能是match_parent,因为它的高与父同高,则其它控件也无法显示了。

  • 控件的android:layout_gravity:控件在布局中的对齐方式。大家是否还记得控件的android:gravity,此属性是文字在控件内的对齐方式。
    top:与父容器顶对齐。
    center_vertical:父容器中垂直居中。
    bottom:与父容器底对齐。
    left:与父容器左对齐。
    center_horizontal:父容器中水平居中。
    right:与父容器右对齐。

注意:
当orientation=horizontal时,仅top,center_vertical,bottom有效;
当orientation=vertical时,仅left,center_horizontal,right有效。

  • 控件的android:layout_weight:此属性允许我们使用比例的方式指定控件大小。

示例代码


activity_linear_layout.xml

<?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=".chapter03.LinerLayoutActivity"
    android:orientation="vertical">

    <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:padding="3dp"
                android:text="垂直布置"
                android:background="#eeeeee"/>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical">

                <Button
                    android:id="@+id/btn_liner_1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Button 1"
                    android:textAllCaps="false" />

                <Button
                    android:id="@+id/btn_liner_2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Button 2"
                    android:textAllCaps="false" />

                <Button
                    android:id="@+id/btn_liner_3"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Button 3"
                    android:textAllCaps="false" />
            </LinearLayout>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:padding="3dp"
                android:text="水平布置"
                android:background="#eeeeee"/>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="horizontal">

                <Button
                    android:id="@+id/btn_liner_4"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Button 4"
                    android:textAllCaps="false" />

                <Button
                    android:id="@+id/btn_liner_5"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Button 5"
                    android:textAllCaps="false" />

                <Button
                    android:id="@+id/btn_liner_6"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Button 6"
                    android:textAllCaps="false" />
            </LinearLayout>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:padding="3dp"
                android:text="水平布置,控件设置layout_gravity = top | center_vertical | bottom"
                android:background="#eeeeee"/>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="150dp"
                android:orientation="horizontal">

                <Button
                    android:id="@+id/btn_liner_7"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Button 7"
                    android:layout_gravity="top"
                    android:textAllCaps="false" />

                <Button
                    android:id="@+id/btn_liner_8"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Button 8"
                    android:layout_gravity="center_vertical"
                    android:textAllCaps="false" />

                <Button
                    android:id="@+id/btn_liner_9"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="bottom"
                    android:text="Button 9"
                    android:textAllCaps="false" />
            </LinearLayout>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:padding="3dp"
                android:text="垂直布置,控件设置layout_gravity = left | center_horizontal | right"
                android:background="#eeeeee"
                />
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical">

                <Button
                    android:id="@+id/btn_liner_10"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Button 10"
                    android:layout_gravity="left"
                    android:textAllCaps="false" />

                <Button
                    android:id="@+id/btn_liner_11"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Button 11"
                    android:layout_gravity="center_horizontal"
                    android:textAllCaps="false" />

                <Button
                    android:id="@+id/btn_liner_12"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="right"
                    android:text="Button 12"
                    android:textAllCaps="false" />
            </LinearLayout>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:padding="3dp"
                android:text="控件layout_width均为0dp,layout_weight均为1,两个控件宽度平分父容器宽度。"
                android:background="#eeeeee"/>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="horizontal">

                <EditText
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"/>

                <Button
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    android:text="Button 13"
                    android:textAllCaps="false"
                    android:layout_weight="1"/>
            </LinearLayout>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:padding="3dp"
                android:text="EditText的layout_weight为1;Button的未设置,但layout_width为wrap_content,则Button宽度仅包裹内容,其余宽度给EditText。"
                android:background="#eeeeee"/>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="horizontal">

                <EditText
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="1"/>

                <Button
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Button 14"
                    android:textAllCaps="false" />
            </LinearLayout>

        </LinearLayout>
    </ScrollView>

</LinearLayout>

LinearLayoutActivity.java

public class LinearLayoutActivity extends MyBaseActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_liner_layout);
    }

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容