skip to Main Content

Here is the image which I want to design in android studio.

2

Answers


  1. This will give you the same image that you’re looking for.

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:gravity="center">
            <shape android:shape="rectangle">
                <solid android:color="@color/black" />
                <stroke
                    android:width="16dp"
                    android:color="@color/white" />
            </shape>
        </item>
        <item>
            <shape android:shape="rectangle">
                <stroke
                    android:width="8dp"
                    android:color="@color/black" />
            </shape>
        </item>
    </layer-list>
    
    Login or Signup to reply.
  2. You can achieve the required output by using layer-list. In the drawable folder create a new Drawable Resource File named background.xml and replace with the following code in the file.

    This is the code for background.xml

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
     <item android:gravity="center">
        <shape android:shape="rectangle">
            <solid android:color="#5271ff" />
            <stroke
                android:width="20dp"
                android:color="#f5fffe" />
        </shape>
     </item>
     <item>
        <shape android:shape="rectangle">
            <stroke
                android:width="10dp"
                android:color="#4d75f9" />
        </shape>
     </item>
    </layer-list>
    
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search