欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android LinearLayout线性布局详解

程序员文章站 2022-06-27 20:08:57
为了更好地管理Android应用的用户界面里的各组件,Android提供了布局管理器。通过使用布局管理器,Android应用图形用户界面具有良好的平台无关性。推荐使用布局管理器来管理组件的分布、大小,而不是直接设置组件的位置和大小。可以使用布局管理器嵌套布局管理器,即也可作为一个UI组件来使用。 L ......

  为了更好地管理android应用的用户界面里的各组件,android提供了布局管理器。通过使用布局管理器,android应用图形用户界面具有良好的平台无关性。推荐使用布局管理器来管理组件的分布、大小,而不是直接设置组件的位置和大小。可以使用布局管理器嵌套布局管理器,即也可作为一个ui组件来使用。

  linearlayout可以控制组件横向排列或者纵向排列,内容不会换行,超出屏幕部分将不会显示出来。

 

学习图解

Android LinearLayout线性布局详解

 

linearlayout 常用xml属性及方法

【属性一】orientation 设置子组件的排列方式(单选)

  xml: android:orientation="horizontal"

  Android LinearLayout线性布局详解

     horizontal:横向排列

     vertical:纵向排列

   java :linearlayout.setorientation(linearlayout.vertical); 

      linearlayout.horizontal 横向排列

  Android LinearLayout线性布局详解

    linearlayout.vertical 纵向排列 

  Android LinearLayout线性布局详解

 

【属性二】gravity 设置子组件的对齐方式(多选

   xml: android:gravity="center"

   Android LinearLayout线性布局详解

   java :linearlayout.setgravity(gravity.center);

  Android LinearLayout线性布局详解

 

【属性三】baselinealigned 设置子元素基准线对弃,默认为true

  基准线:

    打开的英语练习本,那条红线就是基准线  

    Android LinearLayout线性布局详解

    Android LinearLayout线性布局详解

   xml: android:baselinealigned="false"  

  Android LinearLayout线性布局详解

   java: linearlayout.setbaselinealigned(true);

代码:true
    <linearlayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:baselinealigned="true"
        android:orientation="horizontal">

        <textview
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_red_light"
            android:padding="20dp"
            android:text="text1"
            android:textsize="30sp">

        </textview>
        <textview
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_blue_light"
            android:padding="10dp"
            android:text="text2"
            android:textsize="16sp">

        </textview>
    </linearlayout>
  效果:

   Android LinearLayout线性布局详解

   Android LinearLayout线性布局详解

 

【搭配属性三】baselinealignedchildindex linearlayout的基准线以他的第几个子元素为准,下标从0开始

  一个linearlayout 里面有很多 textview ,每一个 textview 都有自己的基准线,那么linearlayout可能也是另一个linearlayout的子元素,作为子元素 baselinealignedchildindex 就决定这他的一个基准线

  xml:android:baselinealignedchildindex="0"
  java:linearlayout.setbaselinealignedchildindex(0);
  代码:⭐注意内部的linearlayout,后面将在 第二个linearlayout上添加 baselinealignedchildindex ,搭配  baselinealigned="false" 使用
<linearlayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <linearlayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:baselinealigned="false"
        android:orientation="horizontal">

  
        <textview
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_blue_light"
            android:text="这是text2"
            android:textsize="20sp">

        </textview>
        <textview
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_red_light"
            android:text="这是text1"
            android:textsize="30sp">

        </textview>
        <textview
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@android:color/holo_green_dark"
            android:text="这是text2"
            android:textsize="15sp">

        </textview>
    </linearlayout>
    <textview
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是text4"
        android:textsize="25sp"
        android:background="@android:color/holo_orange_light"
        >

    </textview>
    <textview
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@android:color/black"
        android:text="text"
        android:textcolor="@android:color/white"
        android:textsize="15sp">

   </textview>
</linearlayout>
  效果:
  Android LinearLayout线性布局详解

   Android LinearLayout线性布局详解

   Android LinearLayout线性布局详解

   Android LinearLayout线性布局详解

  ⭐ 总结

  • 默认linearlayout是没有基准线的,从图一和图三的对比可知。
  • 下标从0开始三个子组件,最大index为2,超过2时布局将不显示
  • 这个属性是用来决定当前linearlayout的基准线时以哪个子组件为准的

 

  

上一篇: zookeeper核心知识

下一篇: Vue 入门