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, te

Answer 1

It is

android.R.drawable.expander_ic_minimized

look into built in android drawables:

http://androiddrawableexplorer.appspot.com/

Answer 2

You can use google's FloatingActionButton

XMl:

<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" />

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'

Answer 3

1. Create a drawable/button_states.xml file containing:

   <?xml version="1.0" encoding="utf-8"?>
   <selector xmlns:android="http://schemas.android.com/apk/res/android">
       <item android:state_pressed="false"> 
           <shape android:shape="rectangle">
           <corners android:radius="1000dp" />
           <solid android:color="#41ba7a" />
           <stroke
               android:width="2dip"
               android:color="#03ae3c" />
           <padding
               android:bottom="4dp"
               android:left="4dp"
               android:right="4dp"
               android:top="4dp" />
           </shape>
       </item>
       <item android:state_pressed="true"> 
           <shape android:shape="rectangle">
           <corners android:radius="1000dp" />
           <solid android:color="#3AA76D" />
           <stroke
               android:width="2dip"
               android:color="#03ae3c" />
           <padding
               android:bottom="4dp"
               android:left="4dp"
               android:right="4dp"
               android:top="4dp" />
           </shape>
       </item>
   </selector>
   

2. Use it in button tag in any layout file

   <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"
   />
   

Answer 4

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid
    android:color="#ffffff"
    />
</shape>

Set that on your XML drawable resources, and simple use and image button with an round image, using your drawable as background.

Answer 5

If using Android Studio you can just use:

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="ring">
        <solid android:color="#FFFFFF"/>

    </shape>

this works fine for me, hope this helps someone.