安卓开发实战(2)之Android线性布局LinearLayout
Android线性布局以及权重
·
系列文章目录
前言
线性布局就是字面意思呈垂直或者水平对view进行布局
一、垂直
就是代码块第五行将 android:orientation=“vertical”
即可设置此模块内下的view为垂直分布
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="600dp"
android:layout_height="200dp"
android:background="@color/black"
android:text="菜单1"
android:textColor="@color/white"
android:textSize="80sp"
/>
<TextView
android:layout_width="500dp"
android:layout_height="200dp"
android:background="#4593ec"
android:text="菜单2"
android:textColor="@color/white"
android:textSize="80sp"
/>
<TextView
android:layout_width="400dp"
android:layout_height="200dp"
android:background="#7DB"
android:text="菜单3"
android:textColor="@color/white"
android:textSize="80sp"
/>
</LinearLayout>
实际效果:
二、水平
就是代码块第五行将 android:orientation=“horizontal”
即可设置此模块内下的view为水平分布
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<TextView
android:layout_width="100dp"
android:layout_height="500dp"
android:background="@color/black"
android:text="菜单1"
android:textColor="@color/white"
android:textSize="80sp"
/>
<TextView
android:layout_width="200dp"
android:layout_height="500dp"
android:background="#4593ec"
android:text="菜单2"
android:textColor="@color/white"
android:textSize="80sp"
/>
<TextView
android:layout_width="300dp"
android:layout_height="500dp"
android:background="#7DB"
android:text="菜单3"
android:textColor="@color/white"
android:textSize="80sp"
/>
</LinearLayout>
实际效果:
三、权重
权重就是如果设置 android:layout_height=“0dp”,可以对所有的view进行均分,权重大小就是比例,比如三个view权重为,2,2,1。且 android:layout_height均为"0dp",则该三个view以2:2:1的比例平分页面大小。
权重代码:android:layout_weight="2"
在这里插入代码片<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="2"
android:background="#ff1323"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="2"
android:background="@color/white"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="#cd526879"
/>
</LinearLayout>
实际效果:
总结
比较简单好理解0.0
更多推荐
已为社区贡献2条内容
所有评论(0)