你的位置:首页 > 操作系统

[操作系统]android的布局



学习导图(图片在网上下载)

知识点详解(演示效果方便组件没有设置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

<??><LinearLayout  ="http://schemas.android.com/apk/res/android"                     android:layout_width="match_parent"  android:layout_height="match_parent"  android:orientation="horizontal">  <TextView    android: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"/>  <TextView    android: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"/>  <TextView    android: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

<??><LinearLayout  ="http://schemas.android.com/apk/res/android"  android:layout_width="match_parent"  android:layout_height="match_parent"  android:orientation="horizontal">  <TextView    android: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"/>  <TextView    android: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"/>  <TextView    android: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)分割线

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

案例(底部导航)

<??><LinearLayout  ="http://schemas.android.com/apk/res/android"  android:layout_width="match_parent"  android:layout_height="match_parent"