Android-RelativeLayout布局技巧(一)

本文轉載自查看原文 2015-02-01 12:41 4702 androidUI

如果有一個需求是這樣的，在標題中的右上角有一個button

 1     <?xml version="1.0" encoding="utf-8"?>  
 2     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
 3         android:layout_width="match_parent"  
 4         android:layout_height="match_parent"  
 5         android:orientation="vertical" >  
 6      <RelativeLayout   
 7          android:layout_width="match_parent"  
 8          android:layout_height="45dp"  
 9          android:background="@color/pink_light">  
10          <TextView   
11              android:layout_width="wrap_content"  
12              android:layout_height="wrap_content"  
13              android:text="標題"  
14              android:layout_centerInParent="true"  
15              />  
16            
17          <Button   
18              android:layout_width="45dp"  
19              android:layout_height="26dp"  
20              android:layout_alignParentRight="true"  
21              android:layout_marginRight="10dp"  
22              android:layout_centerVertical="true"  
23              android:background="@color/green_light"  
24              android:text="更多"  
25              android:textSize="12sp"  
26              />  
27      </RelativeLayout>     
28     </LinearLayout>

其實上面的例子用到了相對布局的相對父控件，居中，靠右，距離右邊多少db。當然相對父控件比較多，我們也給你自己定義一個參照物，比如，我們可以相對標題中的TextView作為參照物

 1     <?xml version="1.0" encoding="utf-8"?>  
 2     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
 3         android:layout_width="match_parent"  
 4         android:layout_height="match_parent"  
 5         android:orientation="vertical" >  
 6      <RelativeLayout   
 7          android:layout_width="match_parent"  
 8          android:layout_height="45dp"  
 9          android:background="@color/pink_light">  
10          <TextView   
11              android:id="@+id/title"  
12              android:layout_width="wrap_content"  
13              android:layout_height="wrap_content"  
14              android:text="標題"  
15              android:layout_centerInParent="true"  
16              />  
17          <TextView   
18              android:layout_width="wrap_content"  
19              android:layout_height="wrap_content"  
20              android:text="標題2"  
21              android:layout_toRightOf="@+id/title"  
22              android:layout_centerInParent="true"  
23              android:layout_marginLeft="5dp"  
24              />  
25      </RelativeLayout>     
26     </LinearLayout>

居中參照物

 1 <RelativeLayout
 2         android:layout_width="match_parent"
 3         android:background="@color/white"
 4         android:layout_gravity="center_horizontal"
 5         android:layout_height="wrap_content"
 6         android:layout_marginTop="10dp"
 7         >
 8         <Button
 9             android:id="@+id/common_dialog_sureBtn"
10             android:layout_width="@dimen/common_button_width"
11             android:layout_height="@dimen/common_button_height"
12             android:background="@drawable/common_click_bule_btn_selector"
13             android:text="@string/sure"
14             android:gravity="center"
15             android:textColor="@color/white"
16             android:textSize="@dimen/common_words_size"
17             android:layout_marginRight="30dp"
18             android:layout_toLeftOf="@+id/target_mid"/>
19           <View 
20             android:id="@+id/target_mid"
21             android:layout_width="0dp"
22             android:layout_height="0dp"
23             android:layout_centerHorizontal="true"
24             />
25         <Button
26             android:id="@+id/common_dialog_cancleBtn"
27             android:layout_width="@dimen/common_button_width"
28             android:layout_height="@dimen/common_button_height"
29             android:background="@drawable/common_click_gray_btn_selector"
30             android:text="@string/cencle"
31             android:gravity="center"
32             android:textColor="@color/white"
33             android:layout_toRightOf="@+id/target_mid"
34             android:layout_marginLeft="30dp"
35             android:textSize="@dimen/common_words_size"/>
36     </RelativeLayout>

此篇主要是相對參照物

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Android-RelativeLayout（相對布局）、LinearLayout（線性布局） Android 布局之RelativeLayout Android之RelativeLayout相對布局 Android相對布局(RelativeLayout) Android布局之相對布局——RelativeLayout Android Studio [相對布局RelativeLayout] Android studio——RelativeLayout(相對布局) Android：控件布局（相對布局）RelativeLayout（轉） Android五大布局詳解——RelativeLayout（相對布局） Android五大布局之一相對布局(RelativeLayout)