How to make a round button

Question

I m trying to make a round button  but I don t know how can I do it  I can make button with rounded corners  but how can I can round circle  It s not the same  Please  tell me  is it possible on Android  Thank you

User · Answer

It is  android R drawable expander ic minimized   look into built in android drawables   http   androiddrawableexplorer appspot com

User · Answer

If you want a FAB looking circular button and you are using the official Material Component library you can easily do it like this    lt com google android material button MaterialButton     style   style Widget MaterialComponents ExtendedFloatingActionButton      app cornerRadius  28dp      android layout width  56dp      android layout height  56dp      android text  1    gt    Result     If you change the size of the button  just be careful to use half of the button size as app cornerRadius

User · Answer

Used the shape as oval  This makes the button oval      lt item gt       lt shape android shape  oval   gt           lt stroke             android height  1 0dip              android width  1 0dip              android color   ffee82ee    gt            lt solid android color   ffee82ee    gt            lt corners             android bottomLeftRadius  12 0dip              android bottomRightRadius  12 0dip              android radius  12 0dip              android topLeftRadius  12 0dip              android topRightRadius  12 0dip    gt       lt  shape gt   lt  item gt

User · Answer

Fully rounded circle shape   lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt shape xmlns android  quot http   schemas android com apk res android quot      android shape  quot rectangle quot  gt       lt solid android color  quot  FFFFFF quot    gt       lt stroke         android width  quot 1dp quot          android color  quot  F0F0F0 quot    gt       lt corners         android radius  quot 90dp quot   gt   lt  shape gt   Happy Coding

User · Answer

lt corners android bottomRightRadius  180dip      android bottomLeftRadius  180dip      android topRightRadius  180dip      android topLeftRadius  180dip   gt    lt solid android color   6E6E6E   gt   lt  -- this one is ths color of the Rounded Button -- gt      and add this to the button code      android layout width  50dp      android layout height  50dp

User · Answer

Create an xml file named roundedbutton xml in drawable folder   lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android   android shape  rectangle  gt       lt solid android color   eeffffff    gt       lt corners android bottomRightRadius  8dp          android bottomLeftRadius  8dp            android topRightRadius  8dp          android topLeftRadius  8dp   gt   lt  shape gt    Finally set that as background to your Button as android background     drawable roundedbutton   If you want to make it completely rounded  alter the radius and settle for something that is ok for you

User · Answer

I went through all the answers  But none of them is beginner friendly  So here I have given a very detailed answers fully explained with pictures  Open Android Studio  Go to Project Window and scroll to drawable folder under res folder  Right click  select New -- gt  drawable resource folder  In the window that appears  name the file rounded corners and click on OK  A new file rounded corners xml gets created Open the file  You are presented with the following code -- gt   lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt selector xmlns android  quot http   android com apk res android quot  gt    lt  selector gt    Replace it with the following code -- gt   lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt shape xmlns android  quot http   schemas android com apk res android quot  gt       lt corners android radius  quot 8dp quot    gt       lt solid android color  quot  66b3ff quot    gt   lt  shape gt    Here the design view can be seen on the right side Adjust the value in android radius to make the button more or less rounded  Then go to activity main xml Put the following code -- gt   lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt RelativeLayout xmlns android  quot http   schemas android com apk res android quot      xmlns app  quot http   schemas android com apk res-auto quot      xmlns tools  quot http   schemas android com tools quot      android layout width  quot match parent quot      android layout height  quot match parent quot      tools context  quot  MainActivity quot      android padding  quot 10dp quot  gt        lt Button         android id  quot   id  1 quot          android text  quot 1 quot          android textSize  quot 25dp quot          android textColor  quot  ffffff quot          android background  quot  drawable rounded corners quot          android layout width  quot 50dp quot          android layout height  quot wrap content quot          android layout margin  quot 20dp quot          android layout alignParentLeft  quot true quot          android layout alignParentTop  quot true quot   gt    lt  RelativeLayout gt    Here I have placed the Button inside a RelativeLayout  You can use any Layout you want  For reference purpose MainActivity java code is as follows -- gt  import android app Activity  import android os Bundle   public class MainActivity extends Activity         Override     protected void onCreate Bundle savedInstanceState            super onCreate savedInstanceState           setContentView R layout activity main            I have a Pixel 4 API 30 avd installed  After running the code in the avd the display is as follows -- gt

User · Answer

Markushi s android circlebutton     This library is deprecated and no new development is taking place  Consider using a FAB instead

User · Answer

If using Android Studio you can just use   lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt       lt shape xmlns android  quot http   schemas android com apk res android quot      android shape  quot oval quot  gt           lt solid android color  quot  FFFFFF quot   gt        lt  shape gt   this works fine for me  hope this helps someone

User · Answer

Use the Image Buttons and make the background as the image you want  Create the images from the android asset studio link -      https   romannurik github io AndroidAssetStudio icons-launcher html foreground type image amp foreground space trim 0 amp foreground space pad 0 25 amp foreColor rgba 94 2C 20126 2C 20142 2C 200  amp backColor rgb 96 2C 20125 2C 20139  amp crop 1 amp backgroundShape circle amp effects none amp name ic home     and download it  extraxt it   inside that look for mipmap-hdpi folder    copy the image from the mipmap-hdpi folder and paste it in the drwable folder of your android project  Now set the background as that image

User · Answer

Yes it s possible  look for 9-patch on google  Good articles    http   radleymarx com blog simple-guide-to-9-patch   http   ogrelab ikratko com custom-color-buttons-for-android

User · Answer

You can use a MaterialButton        lt com google android material button MaterialButton             android layout width  quot 48dp quot              android layout height  quot 48dp quot              android insetTop  quot 0dp quot              android insetBottom  quot 0dp quot              android text  quot A quot              app shapeAppearanceOverlay  quot  style ShapeAppearanceOverlay App Rounded quot                gt   and apply a circular ShapeAppearanceOverlay with   lt style name  quot ShapeAppearanceOverlay App rounded quot  parent  quot  quot  gt       lt item name  quot cornerSize quot  gt 50  lt  item gt   lt  style gt

User · Answer

I simply use a FloatingActionButton with elevation   0dp to remove the shadow   lt com google android material floatingactionbutton FloatingActionButton     android layout width  quot wrap content quot      android layout height  quot wrap content quot      android src  quot  drawable ic send quot      app elevation  quot 0dp quot    gt

User · Answer

Round button in Android  You can make a ImageButton with circular background image

User · Answer

Create a drawable button states xml file containing    lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt       lt item android state pressed  false  gt            lt shape android shape  rectangle  gt           lt corners android radius  1000dp    gt           lt solid android color   41ba7a    gt           lt stroke             android width  2dip              android color   03ae3c    gt           lt padding             android bottom  4dp              android left  4dp              android right  4dp              android top  4dp    gt           lt  shape gt       lt  item gt       lt item android state pressed  true  gt            lt shape android shape  rectangle  gt           lt corners android radius  1000dp    gt           lt solid android color   3AA76D    gt           lt stroke             android width  2dip              android color   03ae3c    gt           lt padding             android bottom  4dp              android left  4dp              android right  4dp              android top  4dp    gt           lt  shape gt       lt  item gt   lt  selector gt   Use it in button tag in any layout file   lt Button     android layout width  220dp      android layout height  220dp      android background   drawable button states      android text   string btn scan qr      android id    id btn scan qr      android textSize  15dp    gt

User · Answer

lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android  android shape  oval  gt   lt solid     android color   ffffff        gt   lt  shape gt    Set that on your XML drawable resources  and simple use and image button with an round image  using your drawable as background

User · Answer

You can use google s FloatingActionButton  XMl    lt android support design widget FloatingActionButton     android id    id fab      android layout width  wrap content      android layout height  wrap content      android src   android drawable ic dialog email    gt    Java      Override protected void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       setContentView R layout activity main        FloatingActionButton bold    FloatingActionButton  findViewById R id fab       bold setOnClickListener new View OnClickListener              Override         public void onClick View view               Do Stuff                       Gradle       compile  com android support design 23 4 0

User · Answer

For a round button create a shape    lt  xml version  1 0  encoding  utf-8   gt       lt stroke     android width  8dp      android color   FFFFFF    gt    lt solid android color   ffee82ee    gt     lt corners     android bottomLeftRadius  45dp      android bottomRightRadius  45dp      android topLeftRadius  45dp      android topRightRadius  45dp    gt      use it as a background of your button link

User · Answer

use ImageButton instead of Button      and make Round image with transparent background

[android] How to make a round button?

Examples related to android

Examples related to android-button