Circle shape in XML drawable file

<!-- activity_main.xml --> <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/rl" android:layout_width="match_parent" android:layout_height="match_parent" android:padding="16dp" tools:context=".MainActivity" android:background="#f0f7e7"> <!-- To get a circular shape, we need to apply the same value for width and height --> <Button android:id="@+id/btn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Circular Shape" android:layout_centerInParent="true" android:background="@drawable/circle_shape" android:textColor="#fff" /> </RelativeLayout> <!-- res/drawable/circle_shape.xml --> <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item> <!-- android:shape Keyword. Defines the type of shape. Valid values are: rectangle : A rectangle that fills the containing View. This is the default shape. oval : An oval shape that fits the dimensions of the containing View. line : A horizontal line that spans the width of the containing View. This shape requires the <stroke> element to define the width of the line. ring : A ring shape. --> <shape android:shape="oval"> <solid android:color="#e42828"/> <stroke android:color="#3b91d7" android:width="5dp"/> <!-- Set the same value for both width and height to get a circular shape --> <size android:width="250dp" android:height="250dp"/> </shape> </item> </selector>
Circle shape in XML drawable file in Android

#android #circle #shape #drawable

#cesarnocps

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.