点击FrameLayout，使其里面的控件TextView改变颜色

先上图片说明一下效果：

要求：（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，自然颜色和图片也不会改变了。