Android Button change style on click

Question

How create buttons with underline light when is clicked.

like tabs but i need only for buttons.

score 1 · Answer 1 · answered May 04 '15 at 20:09

1

Checkout these tutorial.You can use TabHost

http://www.learn-android-easily.com/2013/07/android-tabwidget-example.html

http://www.androidhive.info/2011/08/android-tab-layout-tutorial/

answered May 04 '15 at 20:09

Soham

4,397
11
43
71

Ya beat me to it. I also by accidently posted the wrong URL – Ben P. Dorsi-Todaro May 04 '15 at 20:12
LOL. Better luck next time @BenP.Dorsi-Todaro – Soham May 04 '15 at 20:15

score 0 · Answer 2 · edited May 23 '17 at 12:01

You need to use a custom Selector (similar to Tabs Selector) as background to your Button.

<Button
     android:id="@+id/button"
     android:background="@drawable/button_background"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:text="My button" />

Your button_background.xml :

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- Non focused states -->
    <item android:state_focused="false" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/tab_unselected_holo" />
    <item android:state_focused="false" android:state_selected="true"  android:state_pressed="false" android:drawable="@drawable/tab_selected_holo" />

    <!-- Focused states -->
    <item android:state_focused="true" android:state_selected="false" android:state_pressed="false" android:drawable="@drawable/tab_unselected_focused_holo" />
    <item android:state_focused="true" android:state_selected="true"  android:state_pressed="false" android:drawable="@drawable/tab_selected_focused_holo" />

    <!-- Pressed -->
    <!--    Non focused states -->
    <item android:state_focused="false" android:state_selected="false" android:state_pressed="true" android:drawable="@drawable/tab_unselected_pressed_holo" />
    <item android:state_focused="false" android:state_selected="true"  android:state_pressed="true" android:drawable="@drawable/tab_selected_pressed_holo" />

    <!--    Focused states -->
    <item android:state_focused="true" android:state_selected="false" android:state_pressed="true" android:drawable="@drawable/tab_unselected_pressed_holo" />
    <item android:state_focused="true" android:state_selected="true"  android:state_pressed="true" android:drawable="@drawable/tab_selected_pressed_holo" />
</selector>

PS: I get this example from here.

Android Button change style on click

2 Answers2