原CSDN博客已弃用,文章会逐渐迁移过来。

转帖请注明本文出自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% 分配。