Android布局之LinearLayout线性布局

时间:2021-05-19

LinearLayout是线性布局控件:要么横向排布,要么竖向排布

常用属性:

android:gravity------------设置的是控件自身上面的内容位置

android:layout_gravity-----设置控件本身相对于父控件的显示位置

android:layout_weight----- 给控件分配剩余空间

先给大家展示一下导图:


知识点详解(演示效果方便组件没有设置id)

(1)gravity和Layout_gravity

android:gravity 属性是对该view中内容的限定.比如一个button 上面的text. 你可以设置该text 相对于view的靠左,靠右等位置.

android:layout_gravity是用来设置该view相对与父view 的位置.比如一个button 在linearlayout里,你想把该button放在linearlayout里靠左、靠右等位置就可以通过该属性设置.

(2)weight权重(以水平为例)

  (a)当width = 0或者 width = wrap_content的时候,按照权重比例计算!:2: 3

<?xml version="1.0" encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"><TextViewandroid:id="@+id/text1" android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:background="@android:color/holo_red_dark"android:text="Text1"/><TextViewandroid:id="@+id/text2"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="2"android:background="@android:color/holo_blue_bright"android:text="Text2"/><TextViewandroid:id="@+id/text3"android:layout_width="0dp"android:layout_height="match_parent"android:background="@android:color/white"android:layout_weight="3"android:text="Text3"/></LinearLayout>

  (b)当width = fill_parent/match_parent的时候

    第一步:当三个都为match_parent的时候屏幕只有一个 1 -3 = -2;

    第二步:计算每个TextView占有的比例 1/6,2/6,3/6;

    第三步: 1 -2*1/6 = 2/3; 1 - 2*2/6 = 1/3; 1 - 2*3/6 = 0;

    第四步:2:1:0

<?xml version="1.0" encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"><TextViewandroid:id="@+id/text1"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_weight="1"android:background="@android:color/holo_red_dark"android:text="Text1"android:gravity="center"android:textSize="40sp"/><TextViewandroid:id="@+id/text2"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_weight="2"android:background="@android:color/holo_blue_bright"android:text="Text2"android:gravity="center"android:textSize="40sp"/><TextViewandroid:id="@+id/text3"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@android:color/white"android:layout_weight="3"android:text="Text3"android:gravity="center"android:textSize="40sp"/></LinearLayout>

(3)分割线

<Viewandroid:layout_marginLeft="20sp"android:layout_marginRight="20sp"android:layout_width="3"android:layout_height="match_parent" android:background="#ff00ee" />

案例(底部导航)

<?xml version="1.0" encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent" android:orientation="horizontal"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="80sp"android:layout_gravity="bottom"android:background="@android:color/holo_purple"><LinearLayoutandroid:layout_width="0sp"android:layout_height="match_parent"android:layout_weight="1"android:orientation="vertical"android:gravity="center"><ImageViewandroid:layout_width="60dp"android:layout_height="60dp"android:src="@mipmap/ic_launcher"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="one"android:textSize="20sp"/></LinearLayout><Viewandroid:layout_marginLeft="20sp"android:layout_marginRight="20sp"android:layout_width="3"android:layout_height="match_parent"android:background="#ff00ee" /><LinearLayoutandroid:layout_width="0sp"android:layout_height="match_parent"android:layout_weight="1"android:orientation="vertical"android:gravity="center"><ImageViewandroid:layout_width="60dp"android:layout_height="60dp"android:src="@mipmap/ic_launcher"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="two"android:textSize="20sp"/></LinearLayout><Viewandroid:layout_marginLeft="20sp"android:layout_marginRight="20sp"android:layout_width="3"android:layout_height="match_parent"android:background="#ff00ee" /><LinearLayoutandroid:layout_width="0sp"android:layout_height="match_parent"android:layout_weight="1"android:orientation="vertical"android:gravity="center"><ImageViewandroid:layout_width="60dp"android:layout_height="60dp"android:src="@mipmap/ic_launcher"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="three"android:textSize="20sp"/></LinearLayout></LinearLayout></LinearLayout>

以上内容给大家介绍了Android布局之LinearLayout线性布局的相关知识,希望大家喜欢。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章