先上圖片說明一下效果：

要求：（1）點選“發表”這個TextView控制元件，字型顏色要改變；

          （2）點選“發表”這個TextView控制元件所在的FrameLayout，字型顏色要改變；

          （3）圖片也需要在點選事件時變化；

程式碼：

<span style="white-space:pre">	</span><FrameLayout
            android:id="@+id/fl_publish"
            android:layout_width="0.0dip"
            android:layout_height="fill_parent"
            android:layout_weight="1.0"
            android:clickable="true"
            android:focusable="true">

            <TextView
                android:id="@+id/tv_publish"
                style="@style/bottom_tool_bar_item"
                android:drawableTop="@drawable/ic_action_publish"
                android:text="@string/publish" />
        </FrameLayout>
 

    <style name="bottom_tool_bar_item">
        <item name="android:duplicateParentState">true</item>
        <item name="android:textSize">@dimen/bottom_tab_font_size</item>
        <item name="android:textColor">@color/bottom_text_color</item>
        <item name="android:layout_gravity">center</item>
        <item name="android:gravity">center</item>
        <item name="android:paddingTop">@dimen/bottom_tab_padding_up</item>
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:singleLine">true</item>
        <item name="android:drawablePadding">@dimen/bottom_tab_padding_drawable</item>
    </style>
 

將FrameLayout設定為clickable="true"，focusable="true"，然後再TextView中設定屬性duplicateParentState為true。

這樣子當點選FrameLayout或者TextView都可以看到TextView上的文字和圖片改變了。

android:drawableTop="@drawable/ic_action_publish" // 切換圖片

<item name="android:textColor">@color/bottom_text_color</item> // 切換顏色

重點注意：這裡不要再TextView上面設定clickable="true"。如果設定了，點選TextView那麼將不會變色。

原因很簡單，設定了duplicateParentState，說明顏色等屬性根據父佈局的狀態來改變。

當點選了TextView時，由於它的clickable="true"，此時點選的是TextView而非FrameLayout，自然顏色和圖片也不會改變了。