1. 程式人生 > >用RelativeLayout實現左中右三部分顯示

用RelativeLayout實現左中右三部分顯示

http://mingkg21.iteye.com/blog/588214

有人問到如何實現這樣的佈局顯示


實現這樣的佈局應該有很多種方式很多人都會了。既然有人問了,那肯定有的人還不知道怎麼實現。那分享我的實現方式吧。

我習慣用RelativeLayout,用TableLayout應該也可以。這裡我用我的習慣用法吧,用RelativeLayout。

這個顯示分成三部分,左邊(圖片)、右邊(播放的按鈕)和中間部分(剩下的)。

本來想用文字描敘清楚的,限於文字描敘能力,還是看程式碼比較直接明瞭。有什麼問題可以提出來討論。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content">
  <ImageView
  	android:id="@+id/icon_left"
  	android:layout_width="wrap_content"
  	android:layout_height="wrap_content"
  	android:layout_alignParentLeft="true"
  	android:src="@drawable/icon"
  	/>
  <Button
  	android:id="@+id/button"
  	android:layout_width="wrap_content"
  	android:layout_height="wrap_content"
  	android:layout_alignParentRight="true"
  	android:text="button"
  	/>	
  <LinearLayout
  	android:orientation="vertical"
  	android:layout_width="fill_parent"
  	android:layout_height="wrap_content"
  	android:layout_toLeftOf="@id/button"
  	android:layout_toRightOf="@id/icon_left"
  	>
  	<TextView
  		android:layout_width="fill_parent"
  		android:layout_height="wrap_content"
  		android:text="trust you"
  		/>
  	<TextView
  		android:layout_width="fill_parent"
  		android:layout_height="wrap_content"
  		android:text="aaaaa"
  		/>
  </LinearLayout>		
</RelativeLayout>