[轉]用android LinearLayout和RelativeLayout實現精確布局

來源:互聯網
上載者:User

標籤:

先明確幾個概念的區別: 
padding margin都是邊距的含義,關鍵問題得明白是什麼相對什麼的邊距. 
padding是控制項的內容相對控制項的邊緣的邊距. 
margin是控制項邊緣相對父控制項的邊距. 


 

android:gravity 屬性是對該view 內容的限定.比如一個button 上面的text. 你可以設定該text 在view的靠左,靠右等位置.該屬性就幹了這個. 
android:layout_gravity是用來設定該view中的子view相對於父view的位置.比如一個button 在linearlayout裡,你想把該button放在靠左,靠右等位置就可以在linearlayout中通過該屬性設定. 

下面看布局檔案及 

Java代碼  
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="horizontal" android:layout_width="fill_parent"  
  4.     android:layout_height="wrap_content" android:gravity="center_vertical">  
  5.     <ImageView android:id="@+id/ivLogo" android:layout_width="50dp"  
  6.         android:layout_height="50dp" android:src="@drawable/icon"  
  7.         android:paddingLeft="5dp" />  
  8.     <RelativeLayout android:id="@+id/rl_name"  
  9.         android:layout_width="wrap_content"  
  10.         android:layout_height="wrap_content" android:gravity="right"  
  11.         android:padding="10dp">  
  12.         <TextView android:id="@+id/tvApplicationName"  
  13.             android:layout_width="wrap_content" android:layout_height="wrap_content"  
  14.             android:textSize="16dp" />  
  15.     </RelativeLayout>  
  16.     <RelativeLayout android:id="@+id/rl_score"  
  17.         android:layout_width="fill_parent"  
  18.         android:layout_height="wrap_content" android:gravity="right"  
  19.         android:padding="10dp">  
  20.         <TextView android:id="@+id/tvRating" android:layout_width="wrap_content"  
  21.             android:layout_height="wrap_content" android:text="5.0" />  
  22.         <RatingBar android:id="@+id/ratingbar" android:layout_width="wrap_content"  
  23.             android:layout_height="wrap_content" android:numStars="5"  
  24.             style="?android:attr/ratingBarStyleSmall" android:layout_below="@id/tvRating" />  
  25.     </RelativeLayout>  
  26. </LinearLayout>  



 

上面的布局檔案是一個ListView中的list_item布局,在一個ListView中顯示所有的APK資源,每個資源項顯示表徵圖,名稱及評分。在listItem的最外層LinearLayout中加android:gravity="center_vertical",設定內容垂直置中顯示。在id為rl_score的RelativeLayout中設定android:layout_width="fill_parent"來填充剩餘空間;android:gravity="right"設定內容相對於rl_score靠右對齊;android:padding="10dp"設定RelativeLayout中的內容相對RelativeLayout的邊緣的邊距為10dp。 
這個布局雖然簡單,但卻是經常用到的。 
引用請註明出處:http://zhangkun716717-126-com.iteye.com/

[轉]用android LinearLayout和RelativeLayout實現精確布局

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.