软件编程
位置:首页>> 软件编程>> Android编程>> Android中LinearLayout布局的常用属性总结

Android中LinearLayout布局的常用属性总结

作者:chris930921  发布时间:2023-11-23 17:09:37 

标签: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% 分配。      

0
投稿

猜你喜欢

手机版 软件编程 asp之家 www.aspxhome.com