點選FrameLayout,使其裡面的控制元件TextView改變顏色
阿新 • • 發佈:2019-01-01
先上圖片說明一下效果:
要求:(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,自然顏色和圖片也不會改變了。