How to make button like this in Android?

Question

I am trying to implement button in android with following layout.How to make it??

i have already implemented button like this

i used following code to make

<TextView
              android:id="@+id/action_text_share"
                            style="@style/mediumTextSize"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginLeft="5dip"
                            android:gravity="center"
                            android:singleLine="false"
                            android:text="Share by Text"
                            android:padding="10dp"
                            android:layout_weight="1"
                             android:background="@drawable/white_broder_round_with_transparent_bg"
                            android:textColor="@color/blackColor" />

and have drawable like this

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/removeContactRedColor"/>
    <stroke android:width="2dip" android:color="@color/removeContactRedColor" />
    <corners 
       android:radius="5dip"
        />
</shape>

I really do not understand the question. If you've already made a button that looks the same, but just needs different text, surely you can make the next one? — Ewald, Sep 21 '15 at 08:58
Maybe you want make the corners of a button round. Please check this link: http://stackoverflow.com/questions/6054562/how-to-make-the-corners-of-a-button-round — Hong Thai, Sep 21 '15 at 08:58
What you have tried so far? can you please show us your code? — pcs, Sep 21 '15 at 08:58
set background image with text this is simple formate else hard to manage it will not manage by style code or this can not manage by style — Amitsharma, Sep 21 '15 at 08:59
you can write a drawable xml with what you want and set the background for the button — Sree, Sep 21 '15 at 09:04
i want to add dis-continuous white border instead of full white border. — DevThapa, Sep 21 '15 at 09:04

score 1 · Accepted Answer · answered Sep 21 '15 at 09:13

You can do like this in drawable, <item android:right="-2dp"> will remove stroke from the right end.

 <item android:right="-2dp">
    <shape>
        <corners android:radius="4dp"/>
        <solid android:color="@android:color/transparent" />
        <stroke
            android:width="1dp"
            android:color="@color/app_white" />
    </shape>
</item>

score 0 · Answer 2 · answered Sep 21 '15 at 09:06

0

Some suggestions:

Create a drawable image of the background and use this one as background.
Assuming you created this with xml, create a solid blue shape and place it over the circle.

answered Sep 21 '15 at 09:06

Robin Dijkhof

18,665
11
65
116

score 0 · Answer 3 · answered Sep 21 '15 at 09:23

0

Design a Background Image and Set it to Button with correct Padding and Margin

Set Text with The Background of Similar Above Image according to your Need

answered Sep 21 '15 at 09:23

Rajan Kali

12,627
3
25
37

How to make button like this in Android?

3 Answers3