How to change shape color dynamically

Question

I have    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   FFFF00    gt       lt padding android left  7dp          android top  7dp          android right  7dp          android bottom  7dp    gt   lt  shape gt    lt TextView     android background   drawable test      android layout height  45dp      android layout width  100dp      android text  Moderate    gt    So now I want this shape to change colors based on information I get back from a web service call  So it could be maybe yellow or green or red or whatever depending on the color I receive from the web serivce call   How can I change the color of the shape  Based on this information

User · Answer

Maybe someone else need to change color in the XML without create multiple drawables like I needed. Then make a circle drawable without color and then specify backgroundTint for the ImageView.

circle.xml

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

And in your layout:

<ImageView
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:background="@drawable/circle"
    android:backgroundTint="@color/red"/>

Edit:

There is a bug regarding this method that prevents it from working on Android Lollipop 5.0 (API level 21). But have been fixed in newer versions.

User · Answer

You can use a binding adapter Kotlin  to achieve this  Create a binding adapter class named ChangeShapeColor like below    BindingAdapter  shapeColor       Method to load shape and set its color   fun loadShape textView  TextView  color  String       first get the drawable that you created for the shape  val mDrawable   ContextCompat getDrawable textView context   R drawable language image bg  val  shape     mDrawable as  GradientDrawable     use parse color method to parse  34444 to the int  shape setColor Color parseColor color        Create a drawable shape in res drawable folder  I have created a circle   lt shape xmlns android  http   schemas android com apk res android  android shape  oval   gt   lt solid android color   anyColorCode   gt    lt size     android width   dimen dp 16      android height   dimen dp 16   gt   lt  shape gt    Finally refer it to your view      lt TextView gt                 app shapeColor    modelName colorString     lt  Textview gt

User · Answer

If you have an imageView like this        lt ImageView     android id    id color button      android layout width  wrap content      android layout height  wrap content      android layout marginRight  10dp      android src   drawable circle color   gt    which give it a drawable shape as src  you can use this code to change shape s color   ImageView iv    ImageView findViewById R id color button   GradientDrawable bgShape    GradientDrawable iv getDrawable    bgShape setColor Color BLACK

User · Answer

You can build your own shapes in Java   I did this for an iPhone like Page Controler and paint the shapes in Java           Builds the active and inactive shapes   drawables for the page control     private void makeShapes          activeDrawable   new ShapeDrawable        inactiveDrawable   new ShapeDrawable        activeDrawable setBounds 0  0   int  mIndicatorSize               int  mIndicatorSize       inactiveDrawable setBounds 0  0   int  mIndicatorSize               int  mIndicatorSize        int i     new int 2       i 0    android R attr textColorSecondary      i 1    android R attr textColorSecondaryInverse      TypedArray a   this getTheme   obtainStyledAttributes i        Shape s1   new OvalShape        s1 resize mIndicatorSize  mIndicatorSize       Shape s2   new OvalShape        s2 resize mIndicatorSize  mIndicatorSize          ShapeDrawable  activeDrawable  getPaint   setColor              a getColor 0  Color DKGRAY          ShapeDrawable  inactiveDrawable  getPaint   setColor              a getColor 1  Color LTGRAY           ShapeDrawable  activeDrawable  setShape s1         ShapeDrawable  inactiveDrawable  setShape s2       hope this helps  Greez Fabian

User · Answer

You could modify it simply like this  GradientDrawable bgShape    GradientDrawable btn getBackground    bgShape setColor Color BLACK

User · Answer

My shape xml      lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android  gt   lt solid  android color   android color transparent    gt   lt stroke android width  0 5dp  android color   android color holo green dark   gt   lt  shape gt    My activity xml     lt  xml version  1 0  encoding  utf-8   gt   lt android support design widget CoordinatorLayout xmlns android  http   schemas android com apk res android  xmlns app  http   schemas android com apk res-auto  xmlns tools  http   schemas android com tools  android layout width  match parent  android layout height  match parent  android fitsSystemWindows  true  tools context  cn easydone test MainActivity  gt    lt android support design widget AppBarLayout     android layout width  match parent      android layout height  wrap content      android theme   style AppTheme AppBarOverlay  gt        lt android support v7 widget Toolbar         android id    id toolbar          android layout width  match parent          android layout height   attr actionBarSize          android background   attr colorPrimary          app popupTheme   style AppTheme PopupOverlay    gt       lt TextView         android id    id test text          android background   drawable bg stroke dynamic color          android padding  20dp          android text  asdasdasdasd          android layout width  wrap content          android layout height  wrap content   gt    lt  android support design widget AppBarLayout gt    lt android support v7 widget RecyclerView     android id    id recycler view      android layout width  match parent      android layout height  match parent      android padding  10dp      android clipToPadding  false      app layout behavior   string appbar scrolling view behavior    gt      My activity java     TextView testText    TextView  findViewById R id test text      GradientDrawable testText getBackground    setStroke 10 Color BLACK     Result picture   result

User · Answer

This works for me  with an initial xml resource   example setBackgroundResource R drawable myshape   GradientDrawable gd    GradientDrawable  example getBackground   getCurrent    gd setColor Color parseColor   000000     gd setCornerRadii new float   30  30  30  30  0  0  30  30    gd setStroke 2  Color parseColor   00FFFF    5  6     Result of the above  http   i stack imgur com hKUR7 png

User · Answer

For me  it crashed because getBackground returned a GradientDrawable instead of a ShapeDrawable   So i modified it like this     GradientDrawable someView getBackground    setColor someColor

User · Answer

drawable rectangle xml   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 transparent    gt        lt stroke         android width  1dp          android color   9f9f9f    gt        lt corners         android bottomLeftRadius  5dp          android bottomRightRadius  5dp          android topLeftRadius  5dp          android topRightRadius  5dp    gt    lt  shape gt    TextView   lt androidx appcompat widget AppCompatTextView     android id    id textView      android layout width  wrap content      android layout height  wrap content      android background   drawable drawable rectangle      android gravity  center      android padding  10dp      android text  Status      android textColor   android color white      android textSize  20sp    gt    public static void changeRectangleColor View view  int color          GradientDrawable  view getBackground    setStroke 1  color          changeRectangleColor textView  ContextCompat getColor context  R color colorAccent

User · Answer

This solution worked for me using the android sdk v19     get the image button by id ImageButton myImg    ImageButton  findViewById R id some id      get drawable from image button GradientDrawable drawable    GradientDrawable  myImg getDrawable       set color as integer   can use Color parseColor color  if color is a string drawable setColor color

User · Answer

LayerDrawable bgDrawable    LayerDrawable  button getBackground        final GradientDrawable shape    GradientDrawable              bgDrawable findDrawableByLayerId R id round button shape       shape setColor Color BLACK

User · Answer

circle xml  drawable    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   000   gt    lt size     android width  10dp      android height  10dp   gt   lt  shape gt    layout   lt ImageView       android id    id circleColor        android layout width  15dp         android layout height  15dp        android textSize  12dp         android layout gravity  center         android layout marginLeft  10dp        android background   drawable circle   gt    in activity     circleColor    ImageView  view findViewById R id circleColor      int color   Color parseColor   00FFFF         GradientDrawable circleColor getBackground    setColor color

User · Answer

I try Ronnie s answer  and my app crashed  Then I check my drawable xml  It looks like this    lt selector  gt     lt  selector gt      I changed it to this  also changed attributes    lt shape gt       lt  shape gt    It works   For those who encounter the same problem

User · Answer

The simplest way to fill the shape with the Radius is   XML    lt TextView     android id    id textView      android background   drawable test      android layout height  45dp      android layout width  100dp      android text  Moderate   gt    Java    textView getBackground    setColorFilter Color parseColor   FFDE03    PorterDuff Mode SRC IN

[android] How to change shape color dynamically?

Examples related to android

Examples related to android-layout

Examples related to xamarin.android

Examples related to shape