Home/ Questions/Q 7417727
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T07:45:14+00:00

I want to create a button background (or button itself) that look exactly like

  • 0

I want to create a button background (or button itself) that look exactly like the below one.

enter image description here

I’m doing it currently with an image. I tried to create a similar one using the following XML, but it doesn’t look as expected.

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
   android:shape="oval">
   <solid
     android:color="#f0600000"/>
   <stroke
     android:width="10dp"
     android:color="#FFFF6666"/>
</shape>

Actually I want a round button with 3 pixel shadow and 1/4 width stroke in red color around the white circle. I have not succeeded with the shadow part at all. Thanks for any sort of help.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Well, the solid fills the middle and stroke paints the border. Since you want 3 colors you will have to use 2 drawables, painting white circle over the red circle with grey border. You can then use LayerDrawable to keep these as one unit

    • 0