Android shape button stripped

Question

I want to build a button with 3 different color in the background like the attached image, and I have no idea how to do that with shapes

Thank you for you help.

@LucaNicolett with image I have to adapt it to each screen, shape are better for performances — nabenzine, Jun 30 '16 at 10:14
You can use gradients, but that whould looks different from that image — Luca Nicoletti, Jun 30 '16 at 10:17
@mitesh viradiya it's the same image as the post, there is just a centered text, and the whole image is a button — nabenzine, Jun 30 '16 at 10:26

score 0 · Answer 1 · answered Jun 30 '16 at 09:44

0

Use ImageButton and use above image as background of that button:

 <ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" 
    android:src="@drawable/YOUR_BTN_IMG"/>

answered Jun 30 '16 at 09:44

Dhruvi

1,971
2
10
18

*how to do that with shapes* – Tim Jun 30 '16 at 09:45
Thank you Drv, but I want to do it with shape – nabenzine Jun 30 '16 at 09:50

score 0 · Answer 2 · answered Jun 30 '16 at 09:49

0

1st make a xml file in drawable folder with bg1 name and put this code

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:angle="90"
        android:centerColor="#4CAF50"
        android:endColor="#2E7D32"
        android:startColor="#b5e7b7"
        android:type="linear" />
</shape>

than where ever you want it use like

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" 
    android:src="@drawable/bg1"/>

here u change angle,start end and center color as per your requirement

answered Jun 30 '16 at 09:49

mitesh viradiya

66
5

Thank you, In fact I don't want to use gradient, I need only 3 colors, maybe i need to create 3 shapes, but i don't know how make them diagonal – nabenzine Jun 30 '16 at 09:58
just make angle 45 or 135 so it become diagonal – mitesh viradiya Jun 30 '16 at 10:04
I have already tried, it gives many gradient color without stripes, I only need 3 stripped color, nothing between – nabenzine Jun 30 '16 at 10:18
than i think you have to use 9-patch image so that it can be expand as per your requirement. – mitesh viradiya Jun 30 '16 at 10:20
http://stackoverflow.com/questions/4457030/how-to-show-the-text-on-a-imagebutton use this link than inform me its work or not – mitesh viradiya Jun 30 '16 at 10:29
I can't see difference between 9-path image and an normal image with different size, it still an image isn't ? – nabenzine Jun 30 '16 at 11:54

Android shape button stripped

2 Answers2