Android中LinearLayout布局的常用属性总结读书笔记

转帖请注明本文出自weimeig的博客（https://blog.csdn.net/weimeig/article/details/79667479），请尊重他人的辛勤劳动成果，谢谢

应朋友们反馈的Android基础薄弱的问题，决定出一套Android基础教程，帮助大家复习，巩固Android基础，今天要讲的是Android中的Android中LinearLayout布局的常用属性总结读书笔记。

基本属性要求

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

• android:orientation
• 决定是水平排列或是垂直排列
• vertical 垂直排列
• horizontal 水平排列

垂直排列 Button

<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical" >
 
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 1" />
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 2" />
 
</LinearLayout>

水平排列 Button

<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical" >
 
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 1" />
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 2" />
 
</LinearLayout>

重心设定

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

• android:gravity
• 设定框架的内容的放置方向
• center 水平垂直皆置中
• center_vertical 垂直置中
• center_horizontal 水平置中
• top 置顶
• left 置左
• bottom 置底
• right 置右

水平、垂直置中

<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  android:gravity="center_vertical">
 
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 1" />
 
</LinearLayout>
 
<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  android:gravity="center_horizontal">
 
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 1" />
 
</LinearLayout>
 
<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  android:gravity="center">
 
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 1" />
 
</LinearLayout>

透过 OR 运算子组合重心

<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  android:gravity="top|right">
 
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 1" />
 
</LinearLayout>
 
<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  android:gravity="bottom|left">
 
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 1" />
 
</LinearLayout>
 
<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  android:gravity="center_vertical|center_horizontal">
 
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 1" />
 
</LinearLayout>

比例分配

<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="horizontal">
 
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 1"
 
    android:layout_weight="1"/>
 
</LinearLayout>

• android:layout_weight
• 子元件或子框架的比重。
• LinearLayout 下的子元件或子框架，才能设定这项属性。

等比例分配

<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="horizontal">
 
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 1"
    android:layout_weight="1"/>
 
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 2"
    android:layout_weight="1"/>
 
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 3"
    android:layout_weight="1"/>
 
</LinearLayout>

比重都是 1，所以大小相同。

非等比例分配

<LinearLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="horizontal">
 
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 1"
    android:layout_weight=".10"/>
 
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 2"
    android:layout_weight=".20"/>
  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Button 3"
    android:layout_weight=".70"/>
 
</LinearLayout>

.10 代表 0.10
.20 代表 0.20
.70 代表 0.70
合起来刚好是 1 ，作 100% 分配。