先上图片说明一下效果:
要求:(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,自然颜色和图片也不会改变了。