Android ApiDemos示例解析(150):Views->Layouts->LinearLayout->10. Background Image

利用LinearLayout 可以将几个相关的UI空间构成一个组，将android:addStatesFromChildren设为True，这样当组中的EditText或是Button获取Focus时，将Layout的BackgroundImage设置成相应EditText或的Button的Drawable (按下，获取Focus) ，此时整个Layout 的drawable 状态和有和其子EditText或是Button的显示效果，给用户的感觉这个Layout中的View为一个整体。

<LinearLayout
android:layout_width=”match_parent”
android:layout_height=”wrap_content”
android:addStatesFromChildren=”true”
android:gravity=”center_vertical”
android:paddingRight=”0dip”
android:background=”@android:drawable/edit_text”>

<!–
TextView label goes at the left.
–>
<TextView
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:text=”@string/linear_layout_10_to”
android:textColor=”?android:attr/textColorSecondary”
android:textAppearance=”?android:attr/textAppearanceLargeInverse”
/>

<!–
EditText goes in between.
–>
<EditText
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_weight=”1″
android:singleLine=”true”
android:background=”@null”
/>

<!–
The button goes at the right.
–>
<ImageButton
style=”@android:style/Widget.Button.Inset”
android:src=”@android:drawable/star_big_on”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_marginTop=”2dip”
android:layout_marginRight=”2dip”
android:layout_marginBottom=”2dip”
android:padding=”10dip”
/>

</LinearLayout>

本例的LinearLayout 中子ViewEditText可以获取焦点，将LinearLayout 的background设成@android:drawable/edit_text 和EditText的Drawable，并且android:addStatesFromChildren=”true”，这样当EditText获取焦点时， 显示效果为整个Layout获取焦点。这三个子View好像是一个整体：