How to draw rounded rectangle in Android UI

Question

I need to draw a rounded rectangle in the Android UI  Having the same rounded rectangle for TextView and EditText would also be helpful

User · Answer

Use CardView for Round Rectangle  CardView give more functionality like cardCornerRadius  cardBackgroundColor  cardElevation  amp  many more  CardView make UI more suitable then Custom Round Rectangle drawable

User · Answer

You could just define a new xml background in the drawables 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  enter your desired color here    gt   lt corners android radius  enter your desired radius the corners    gt   lt  shape gt      After this just include it in your TextView or EditText  by defining it in the background    lt TextView  android id    id textView   android layout width  0dp   android layout height  80dp   android background  YOUR FILE HERE   Android layout weight  1   android gravity  center   android text  TEXT HERE   android textSize  40sp    gt

User · Answer

In monodroid  you can do like this for rounded rectangle  and then keeping this as a parent class  editbox and other layout features can be added      class CustomeView   TextView              public CustomeView  Context context  IAttributeSet     base  context  attrs                                 public CustomeView Context context  IAttributeSet attrs  int defStyle    base context  attrs  defStyle                                 protected override void OnDraw Android Graphics Canvas canvas                      base OnDraw canvas              Paint p   new Paint               p Color   Color White             canvas DrawColor Color DarkOrange               Rect rect   new Rect 0 0 3 3               RectF rectF   new RectF rect                canvas DrawRoundRect  rectF  1 1  p

User · Answer

lt shape xmlns android  http   schemas android com apk res android    android padding  10dp    android shape  rectangle  gt       lt solid android color   color colorAccent    gt        lt corners       android bottomLeftRadius  500dp        android bottomRightRadius  500dp        android topLeftRadius  500dp        android topRightRadius  500dp    gt   lt  shape gt    Now  in which element you  want to use this shape just add  android background   drawable custom round ui shape   Create a new XML in drawable named  custom round ui shape

User · Answer

I think  this is you exactly needed   Here drawable xml  file that creates rounded rectangle  round rect shape xml   lt shape xmlns android  http   schemas android com apk res android      android shape  rectangle   gt        lt solid android color   ffffff    gt        lt corners         android bottomLeftRadius  8dp          android bottomRightRadius  8dp          android topLeftRadius  8dp          android topRightRadius  8dp    gt    lt  shape gt    Here layout file  my layout xml   lt LinearLayout     android id    id linearLayout1      android layout width  match parent      android layout height  wrap content      android background   drawable round rect shape      android orientation  vertical      android padding  5dp   gt        lt TextView         android id    id textView1          android layout width  wrap content          android layout height  wrap content          android text  Something text          android textAppearance   android attr textAppearanceLarge          android textColor   ff0000    gt        lt EditText         android id    id editText1          android layout width  match parent          android layout height  wrap content   gt            lt requestFocus   gt       lt  EditText gt   lt  LinearLayout gt    -  In the above code  LinearLayout having the background That is the key role to place to create rounded rectangle    So you can place any view like TextView  EditText    in that LinearLayout to see background as round rectangle for all

User · Answer

Right click on the drawable and create new layout xml file in the name of for example button background xml  then copy and paste the following code  You can change it according your need    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 corners android radius  14dp    gt   lt solid android color   color colorButton    gt   lt padding android bottom  0dp  android left  0dp  android right  0dp  android top  0dp    gt   lt size android width  120dp  android height  40dp    gt   lt  shape gt    Now you can use it    lt Button android background   drawable button background  android layout width  wrap content  android layout height  wrap content   gt

User · Answer

In your layout xml do the following    lt shape xmlns android  http   schemas android com apk res android      android shape  rectangle  gt        lt solid android color   android color holo red dark    gt        lt corners android radius  32dp    gt    lt  shape gt    By changing the android radius you can change the amount of  radius  of the corners    lt solid gt  is used to define the color of the drawable   You can use replace android radius with android bottomLeftRadius  android bottomRightRadius  android topLeftRadius and android topRightRadius to define radius for each corner

User · Answer

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   android color white    gt       lt corners android radius  4dp    gt   lt  shape gt

[android] How to draw rounded rectangle in Android UI?

Examples related to android

Examples related to android-edittext

Examples related to textview