android - Tab background click effect and selected tab background color change -
i want implement both click effect , selected tab background, use below code change selected tab background.
mylayout.xml code
<android.support.design.widget.tablayout android:id="@+id/tab_layout" android:layout_width="match_parent" android:layout_height="45dp" android:background="?attr/colorprimary" app:tabbackground="@drawable/tab_color_selector" app:tabindicatorcolor="@android:color/white" app:tabindicatorheight="2dp" app:tabgravity="fill" /> tab_color_selector inside drawable
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@color/colortabprimary" android:state_selected="true"/> <item android:drawable="@color/colorprimary"/> </selector> the above code works perfectly,
to provide click effect have use below
app:tabbackground="?attr/selectableitembackground" how can combine both?
try following
tab_color_selector.xml drawable add ripple.xml state_pressed
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@color/blue_selected_tab" android:state_selected="true"/> <item android:drawable="@drawable/ripple" android:state_pressed="true"/> <item android:drawable="@color/colorprimary"/> </selector> ripple.xml drawable
<ripple xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:color="@color/blue_selected_tab" tools:targetapi="lollipop"> <!-- ripple effect color --> <item android:id="@android:id/background"> <shape android:shape="rectangle"> <solid android:color="@color/blue_selected" /> <!-- background color --> </shape> </item>
Comments
Post a Comment