Android UI學習 Linear Layout, RelativeLayout

XML代碼：

< ?xml version="1.0" encoding="utf-8"?> < LinearLayout XMLns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > < TextView android:text="@string/hello" android:layout_width="fill_parent" android:layout_height="wrap_content" /> < EditText android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" android:id="@+id/edittext" /> < LinearLayout android:id="@+id/LinearLayout01" android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="horizontal"> < TextView android:text="text1" android:id="@+id/TextView01" android:layout_width="wrap_content" android:layout_height="wrap_content" /> < Button android:text="Button01" android:id="@+id/Button01" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1" /> < TextView android:text="text2" android:id="@+id/TextView02" android:layout_width="wrap_content" android:layout_height="wrap_content" /> < /LinearLayout> < TextVIEw android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="buttom" /> < /LinearLayout>

3. RelativeLayout 相對定位布局

這個布局比較易懂，但組件間容易存在依賴關系，“牽一發而動全身“，所以在確定組件間布局關系不會再變動時，可以考慮采用!先看看XML代碼：

< ?xml version="1.0" encoding="utf-8"?> < RelativeLayout XMLns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/relativelayout"> < ImageView android:id="@+id/image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/icon" /> < TextVIEw android:id="@+id/text1" android:layout_width="fill_parent" android:layout_height="wrap_content"

Java代碼(動態添加組件)：

public class RelativeDemo extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.relative); RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams( ViewGroup.LayoutParams.FILL_PARENT, //width ViewGroup.LayoutParams.WRAP_CONTENT //height ); //設置editText layout_below="@id/button1" lp.addRule(RelativeLayout.BELOW, R.id.button1); //設置editText layout_alignLeft="@id/image" lp.addRule(RelativeLayout.ALIGN_LEFT, R.id.image); ((RelativeLayout) findViewById(R.id.relativelayout)).addVIEw( new EditText(this), lp); } }

效果圖：

先添加參照物(ImageVIEw)，然後就可以依次添加其他組件，定義位置規則rule!位置規則是不分先後的!另外ADT插件提供的預覽圖，有時候是不准的，未能及時更新，所以最好還是要到模擬器上測試!

RelativeLayout的XML屬性很多，總的來說分為2類：

1) 要指定參照物的，layout_alignBottom，layout_toLeftOf，layout_above，layout_alignBaseline系列的;

layout_above = ”@id/text1“

2) 以parent為參照物，設置true/false，layout_centerVertical，layout_alignParentLeft系列的。

layout_alignParentLeft = ”true“

其中layout_alignWithParentIfMissing是比較有用且要注意的屬性，當設置為true，在指定的參照物找不到的情況下，會使用parent作為新的參照物!

RelativeLayout.LayoutParams是用於設置位置規則的。上述的xml屬性均來自此靜態類。但它的AddRule(int verb, int anchor)，參數的verb動作卻是引用RelativeLayout的常量，而這些常量和部分XML屬性相對應。參數anchor的值可能是參照物的id，RelativeLayout.TRUE，-1(當不需要指定anchor的verb)。可以這樣理解verb和anchor:

XML屬性 (verb) = "value" (anchor)

其中它的構造函數之一: RelativeLayout.LayoutParams(int w, int h)，參數指定所要設置子VIEw的寬度和高度。