How to programmatically round corners and set random background colors

Question

I d like to round the corners of a view and also change the color of the view based on the contents at runtime   TextView v   new TextView context   v setText tagsList get i    if i 2    0       v setBackgroundColor Color RED    else      v setBackgroundColor Color BLUE      v setLayoutParams new LayoutParams LayoutParams WRAP CONTENT LayoutParams WRAP CONTENT    v setPadding twoDP  twoDP  twoDP  twoDP                  v setBackgroundResource R drawable tags rounded corners     I was hoping setting a drawable and color would overlap  but they do not  Whichever one I execute second is the resulting background   Is there any way to programmatically create this view  keeping in mind that the background color won t be decided until runtime   edit  I m only swapping between red and blue now for testing  Later the color will be choosable by the user   edit   tags rounded corners xml    lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android   gt       lt corners           android bottomRightRadius  2dp            android bottomLeftRadius  2dp            android topLeftRadius  2dp            android topRightRadius  2dp   gt   lt  shape gt

User · Answer

You can dynamically change color of any items ( layout, textview ) . Try below code to set color programmatically in layout

in activity.java file


String quote_bg_color = "#FFC107"
quoteContainer= (LinearLayout)view.findViewById(R.id.id_quotecontainer);
quoteContainer.setBackgroundResource(R.drawable.layout_round);
GradientDrawable drawable = (GradientDrawable) quoteContainer.getBackground();
drawable.setColor(Color.parseColor(quote_bg_color));

create layout_round.xml in drawable folder

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/colorPrimaryLight"/>
    <stroke android:width="0dp" android:color="#B1BCBE" />
    <corners android:radius="10dp"/>
    <padding android:left="0dp" android:top="0dp" android:right="0dp" android:bottom="0dp" />
</shape>

layout in activity.xml file

<LinearLayout
        android:id="@+id/id_quotecontainer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

----other components---

</LinearLayout>

User · Answer

Here s an example using an extension  This assumes the view has the same width and height   Need to use a layout change listener to get the view size  Then you can just call this on a view like this myView setRoundedBackground Color WHITE   fun View setRoundedBackground  ColorInt color  Int        addOnLayoutChangeListener object  View OnLayoutChangeListener           override fun onLayoutChange v  View   left  Int  top  Int  right  Int  bottom  Int  oldLeft  Int  oldTop  Int  oldRight  Int  oldBottom  Int                 val shape   GradientDrawable               shape cornerRadius   measuredHeight   2f             shape setColor color               background   shape              removeOnLayoutChangeListener this

User · Answer

Copying  cimlman s comment into a top-level answer for more visibility   PaintDrawable Color CYAN  apply     setCornerRadius 24f      FYI  ShapeDrawable  and its subtype  PaintDrawable  uses default intrinsic width and height of 0  If the drawable does not show up in your usecase  you might have to set the dimensions manually   PaintDrawable Color CYAN  apply     intrinsicWidth   -1   intrinsicHeight   -1   setCornerRadius 24f      -1 is a magic constant which indicates that a Drawable has no intrinsic width and height of its own  Source

User · Answer

Total programmatic approach to set rounded corners and add random background color to a View  I have not tested the code  but you get the idea    GradientDrawable shape    new GradientDrawable     shape setCornerRadius  8         add some color     You can add your random color generator here     and set color  if  i   2    0      shape setColor Color RED      else     shape setColor Color BLUE           now find your view and add background to it  View view    LinearLayout  findViewById  R id my view     view setBackground shape     Here we are using gradient drawable so that we can make use of GradientDrawable setCornerRadius because ShapeDrawable DOES NOT provide any such method

User · Answer

You can better achieve it by using the DrawableCompat like this   Drawable backgroundDrawable   view getBackground                 DrawableCompat setTint backgroundDrawable  newColor

User · Answer

Instead of setBackgroundColor  retrieve the background drawable and set its color   v setBackgroundResource R drawable tags rounded corners    GradientDrawable drawable    GradientDrawable  v getBackground    if  i   2    0      drawable setColor Color RED     else     drawable setColor Color BLUE       Also  you can define the padding within your tags rounded corners xml    lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android  gt     lt corners android radius  4dp    gt     lt padding     android top  2dp      android left  2dp      android bottom  2dp      android right  2dp    gt   lt  shape gt

User · Answer

I think the fastest way to do this is   GradientDrawable gradientDrawable   new GradientDrawable              GradientDrawable Orientation TOP BOTTOM    set a gradient direction              new int    0xFF757775 0xFF151515      set the color of gradient gradientDrawable setCornerRadius 10f     set corner radius    Apply background to your view View view    RelativeLayout  findViewById  R id my view    if Build VERSION SDK INT gt  16       view setBackground gradientDrawable   else view setBackgroundDrawable gradientDrawable

User · Answer

If you are not having a stroke you can use  colorDrawable   resources getDrawable R drawable x sd circle     colorDrawable setColorFilter color  PorterDuff Mode SRC ATOP     but this will also change stroke color

User · Answer

As the question has already been answered  But I have a little tweak GradientDrawable drawable    GradientDrawable  ContextCompat getDrawable context  R drawable YOUR DRAWABLE  mutate     you can change corner radius with  drawable setCornerRadius YOUR VALUE    Change color with  drawable setColor Color YOUR COLOR    A mutable drawable is guaranteed to not share its state with any other drawable  So if you change radius without using mutate    you are likely to change others state too  It is best suitable for specific views  At last don t forget to set the drawable  this setBackground drawable

[android] How to programmatically round corners and set random background colors

Examples related to android

Examples related to android-layout

Examples related to background

Examples related to android-view

Examples related to rounded-corners