Android - drawable with rounded corners at the top only

Question

I had this drawable to have a rounded rectangle as a background    lt shape xmlns android  http   schemas android com apk res android  gt       lt solid android color   color white    gt       lt stroke android width  1dp  android color   color light gray    gt       lt padding android left  10dp  android top  10dp  android right  10dp  android bottom  10dp    gt       lt corners android radius  6dp    gt   lt  shape gt    This is working fine  as expected   Now  I want to change this to only round the top corners  so I change it to this    lt shape xmlns android  http   schemas android com apk res android  gt       lt solid android color   color white    gt       lt stroke android width  1dp  android color   color light gray    gt       lt padding android left  10dp  android top  10dp  android right  10dp  android bottom  10dp    gt       lt corners android topLeftRadius  6dp  android topRightRadius  6dp               android bottomLeftRadius  0dp  android bottomRightRadius  0dp   gt   lt  shape gt    But now none of the corners are rounded and I get a plain rectangle   What am I missing here

User · Answer

In my case below code        lt  xml version  1 0  encoding  utf-8   gt   lt layer-list xmlns android  http   schemas android com apk res android  gt       lt item android top  10dp  android bottom  -10dp           gt            lt shape android shape  rectangle  gt               lt solid android color   color maincolor    gt                lt corners                 android topLeftRadius  10dp                  android topRightRadius  10dp                  android bottomLeftRadius  0dp                  android bottomRightRadius  0dp                gt           lt  shape gt        lt  item gt       lt  layer-list gt

User · Answer

I tried your code and got a top rounded corner button  I gave the colors as  ffffff and stroke I gave  C0C0C0    try    Giving android   bottomLeftRadius  0 1dp  instead of 0  if its not working  Check in what drawable and the emulator s resolution  I created a drawable folder under res and using it    hdpi  mdpi ldpi  the folder you have this XML   this is my output

User · Answer

You may need read this https   developer android com guide topics resources drawable-resource html Shape  and below there is a Note   Note Every corner must  initially  be provided a corner radius greater than 1  or else no corners are rounded  If you want specific corners to not be rounded  a work-around is to use android radius to set a default corner radius greater than 1  but then override each and every corner with the values you really want  providing zero   0dp   where you don t want rounded corners

User · Answer

Building upon busylee s answer  this is how you can make a drawable that only has one unrounded corner  top-left  in this example     lt  xml version  1 0  encoding  utf-8   gt   lt layer-list xmlns android  http   schemas android com apk res android  gt       lt item gt           lt shape android shape  rectangle  gt               lt solid android color   color white    gt               lt  -- A numeric value is specified in  radius  for demonstrative purposes only                    it should be  dimen val name -- gt               lt corners android radius  10dp    gt           lt  shape gt       lt  item gt       lt  -- To keep the TOP-LEFT corner UNROUNDED set both OPPOSITE offsets  bottom right   -- gt       lt item         android bottom  10dp          android right  10dp  gt           lt shape android shape  rectangle  gt               lt solid android color   color white    gt           lt  shape gt       lt  item gt   lt  layer-list gt    Please note that the above drawable is not shown correctly in the Android Studio preview  2 0 0p7   To preview it anyway  create another view and use this as android background   drawable

User · Answer

Try to do something like this    lt  xml version  1 0  encoding  utf-8   gt   lt layer-list xmlns android  http   schemas android com apk res android  gt       lt item android bottom  -20dp  android left  -20dp  gt           lt shape android shape  rectangle  gt               lt solid android color   color white    gt                lt corners android radius  20dp    gt           lt  shape gt       lt  item gt   lt  layer-list gt    It seems does not suitable to set different corner radius of rectangle  So you can use this hack

User · Answer

Try giving these values     lt corners android topLeftRadius  6dp  android topRightRadius  6dp           android bottomLeftRadius  0 1dp  android bottomRightRadius  0 1dp   gt    Note that I have changed 0dp to 0 1dp    EDIT  See Aleks G comment below for a cleaner version

User · Answer

Create roung top corners xml on drawable and copy the below code   lt shape xmlns android  http   schemas android com apk res android  android shape  rectangle   gt   lt corners     android topLeftRadius  22dp      android topRightRadius  22dp      android bottomLeftRadius  0dp      android bottomRightRadius  0dp        gt   lt gradient     android angle  180      android startColor   1d2b32      android centerColor   465059      android endColor   687079      android type  linear    gt   lt padding     android left  0dp      android top  0dp      android right  0dp      android bottom  0dp        gt   lt size     android width  270dp      android height  60dp        gt  lt  shape gt

[android] Android - drawable with rounded corners at the top only

Examples related to android

Examples related to drawable

Examples related to rounded-corners