How to create custom shape button with selector in android?

by

basically you will need to create some new XML files and apply them to your Button element. As i can see from the mockup you will need a stroke and the background color with some shading effect applied, you can research more into the shading thing but the background color and the stroke is pretty straight forward.

Here is an example, done_rounded_btn.xml:

   <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item 
        android:state_pressed="true" 
        android:state_enabled="true" 
        android:drawable="@drawable/zzzzzzzzz_btn_orange" />
    <item 
        android:state_focused="true" 
        android:state_enabled="true"
        android:drawable="@drawable/zzzzzzzzz_btn_orange" />
    <item 
        android:state_focused="false" 
        android:state_enabled="false"
        android:drawable="@drawable/zzzzzzzzz_btn_inactiv" />
    <item android:drawable="@drawable/zzzzzzzzz_btn_black"/>
</selector>

for the selection part and then you create the custom drawables corresponding to the mockup.

An example, zzzzzzzzzz_btn_orange:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

    <solid
        android:color="@color/done_color">
    </solid>

    <corners
        android:bottomLeftRadius="3dp"
        android:bottomRightRadius="3dp"
        android:topLeftRadius="3dp"
        android:topRightRadius="3dp" />

</shape>

And then add it to your button as background, main.xml:

<Button
            android:id="@+id/registers_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_marginBottom="10dp"
            android:layout_marginLeft="15dp"
            android:layout_marginTop="10dp"
            android:background="@drawable/done_rounded_btn"
            android:text="@string/done_txt"
            android:textColor="@color/white"
            android:textSize="15sp" />

Hope this helps!

More Related Contents:

  1. How to know which Button was pressed recently among all the Buttons in an activity?
  2. Application crashes at the startup. [closed]
  3. Android: combining text & image on a Button or ImageButton
  4. How to add a custom button state
  5. Android ImageButton with a selected state?
  6. Call method when home button pressed
  7. Android setOnClickListener method – How does it work?
  8. Best practice for defining button events in android
  9. How to disable / enable dialog negative positive buttons?
  10. Event OnClick for a button in a custom notification
  11. android set button background programmatically
  12. One OnClickHandler for multiple Buttons
  13. ListView and Buttons inside ListView
  14. How to handle Back button with in the dialog?
  15. How to bring view in front of everything?
  16. Dynamically creating Buttons and setting onClickListener
  17. Android : change button text and background color
  18. How to detect “Recent Apps” system button clicks (Honeycomb+)
  19. Add an array of buttons to a GridView in an Android application
  20. Single click and double click of a button in android
  21. Android button background color
  22. how to change background image of button when clicked/focused?
  23. Can I click a button programmatically for a predefined intent?
  24. OnItemClickListener doesn’t work with ListView item containing button
  25. How to avoid multiple button click at same time in android?
  26. Multi-State Toggle Button
  27. Exception: This is not supported, use MenuItemCompat.getActionProvider()
  28. How to change a TextView’s text by pressing a Button
  29. Android: Creating shaped button
  30. Android. How do I keep a button displayed as PRESSED until the action created by that button is finished?

Leave a Comment