初入android之LinearLayout嵌套线性布局

最新推荐文章于 2024-09-05 10:08:24 发布

加一点点醋

最新推荐文章于 2024-09-05 10:08:24 发布

阅读量1.6w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： Android xml 布局设计 textview

本文链接：https://blog.youkuaiyun.com/u013398034/article/details/48529535

Android 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用嵌套LinearLayout布局实现特定的TextView排列方式。通过调整LinearLayout的属性，如orientation和gravity，来控制子视图的位置，从而达到预期的界面效果。

最终的效果如下，实现五个TextView控件在布局中成图中排列：

控件的嵌套层次如下图：

嵌套的核心思想：从给出的设计图可以看出TextView控件的分布规律，LinearLayout布局有两种方式：一种是行，一种是列。从LinearLayout控件构造方式和TextView空间的排列方式分析可得，TextView可以看成排成了三列，第一，三列两个，第二列一个。于是使用最外层列排列方式LinearLayout布局，并且在下其嵌套两个LinearLayout行控件（为了使TextView能在同一列排列），提示：在LinearLayout使用gravity属性是操控它内部的控件的位置，而TextView使用gravity属性是操控控件中文字的位置，而不能控件本身在布局中的位置改变。

代码如下，写的不好希望多多包涵，谢谢啦！

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_weight="0.10"
        android:gravity="left"
        android:orientation="vertical" >

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

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="TextView2"
            android:gravity="bottom" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_weight="2.49"
        android:gravity="center"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:layout_weight="0.33"
        android:gravity="right" >
         <TextView
            android:id="@+id/textView11"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            
            
            android:text="TextView" />

        <TextView
            android:id="@+id/textView21"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="TextView2"
            android:gravity="bottom" />
    </LinearLayout>

</LinearLayout>