How I can do a button with left/right side as rounded as circle

Question

I'm trying to do a button with the sides rounded, but when I change the size of screen the button sides left to be rounded as circles, doesn't mantain the aspect ratio (I think).

I want to have the next togglebutton in everysize. How I can do an XML with the sides rounded for every resolution?

I've read this, but is not a solution (How to make the corners of a button round?)

score 2 · Answer 1 · answered Feb 23 '18 at 15:03

The other answers are correct... almost: if you will set corners to some value (let's say 20dp), but your button height will be greater (like 40dp) - you will end with rounded corners instead of rounded sides. The solution is thus straightforward: set android:corners attribute to some high enough value that will be greater than button height:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@color/colorPrimary" />
    <corners android:radius="200dp" />
    <size
        android:height="16dp"
        android:width="32dp" />
</shape>

score 1 · Answer 2 · answered Jun 19 '17 at 11:50

1

Create a drawable resource file in xml. The following is code for a blue button

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <solid android:color="#2196f3"></solid>

    <corners android:radius="12dp"></corners>
</shape>

Then just asign this resource file as the background to one of your textViews

I hope this helps

answered Jun 19 '17 at 11:50

Janwilx72

502
4
18

1

If I have a big big screen with that values it possible that the button won't be completely rounded in the sides. – Víctor Martín Jun 19 '17 at 12:32
Just alter the radius of the corners to a smaller size. – Janwilx72 Jun 19 '17 at 15:06

score 0 · Answer 3 · answered Jun 19 '17 at 11:56

0

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
    <corners android:radius="20dp" />
    <solid android:color="#1ee" />
</shape>

answered Jun 19 '17 at 11:56

pia

11
6

thanks but is the same problem that I've explained below in other answer – Víctor Martín Jun 19 '17 at 12:32
1

While this code may answer the question, providing additional context regarding how and/or why it solves the problem would improve the answer's long-term value. – Badacadabra Jun 19 '17 at 14:21

How I can do a button with left/right side as rounded as circle

3 Answers3

Linked