Custom Drawable for ProgressBar ProgressDialog

Question

Reading the limited documentation that Google has provided  I get the feeling that it is possible to change the look  drawable  of a ProgressBar ProgressDialog by simply creating a new style an assigning it to the style property of the ProgressBar  But I cannot get this to work properly  Here is what I did so far   I created a shape like this  mp2 xml    lt  xml version  1 0  encoding  UTF-8   gt   lt shape xmlns android  http   schemas android com apk res android    android shape  ring    android innerRadiusRatio  4    android thicknessRatio  4    android useLevel  false  gt    lt size android width  50dip  android height  50dip    gt    lt gradient android type  sweep  android useLevel  false  android startColor   300000ff  android centerColor   500000ff  android endColor   ff0000ff    gt   lt  shape gt    then created an animation  mp3 xml  like this    lt  xml version  1 0  encoding  utf-8   gt   lt animation-list xmlns android  http   schemas android com apk res android  android oneshot  false  gt    lt item android duration  70  gt     lt rotate xmlns android  http   schemas android com apk res android  android drawable   drawable mp2  android pivotX  50   android pivotY  50   android fromDegrees  0  android toDegrees  30  android repeatCount  1    gt    lt  item gt    lt item android duration  70  gt     lt rotate xmlns android  http   schemas android com apk res android  android drawable   drawable mp2  android pivotX  50   android pivotY  50   android fromDegrees  30  android toDegrees  60  android repeatCount  1    gt    lt  item gt    lt item android duration  70  gt     lt rotate xmlns android  http   schemas android com apk res android  android drawable   drawable mp2  android pivotX  50   android pivotY  50   android fromDegrees  60  android toDegrees  90  android repeatCount  1    gt    lt  item gt    lt item android duration  70  gt     lt rotate xmlns android  http   schemas android com apk res android  android drawable   drawable mp2  android pivotX  50   android pivotY  50   android fromDegrees  90  android toDegrees  120  android repeatCount  1    gt    lt  item gt    lt item android duration  70  gt     lt rotate xmlns android  http   schemas android com apk res android  android drawable   drawable mp2  android pivotX  50   android pivotY  50   android fromDegrees  120  android toDegrees  150  android repeatCount  1    gt    lt  item gt    lt item android duration  70  gt     lt rotate xmlns android  http   schemas android com apk res android  android drawable   drawable mp2  android pivotX  50   android pivotY  50   android fromDegrees  150  android toDegrees  180  android repeatCount  1    gt    lt  item gt    lt item android duration  70  gt     lt rotate xmlns android  http   schemas android com apk res android  android drawable   drawable mp2  android pivotX  50   android pivotY  50   android fromDegrees  180  android toDegrees  210  android repeatCount  1    gt    lt  item gt    lt item android duration  70  gt     lt rotate xmlns android  http   schemas android com apk res android  android drawable   drawable mp2  android pivotX  50   android pivotY  50   android fromDegrees  210  android toDegrees  240  android repeatCount  1    gt    lt  item gt    lt item android duration  70  gt     lt rotate xmlns android  http   schemas android com apk res android  android drawable   drawable mp2  android pivotX  50   android pivotY  50   android fromDegrees  240  android toDegrees  270  android repeatCount  1    gt    lt  item gt    lt item android duration  70  gt     lt rotate xmlns android  http   schemas android com apk res android  android drawable   drawable mp2  android pivotX  50   android pivotY  50   android fromDegrees  270  android toDegrees  300  android repeatCount  1    gt    lt  item gt    lt item android duration  70  gt     lt rotate xmlns android  http   schemas android com apk res android  android drawable   drawable mp2  android pivotX  50   android pivotY  50   android fromDegrees  300  android toDegrees  330  android repeatCount  1    gt    lt  item gt    lt item android duration  70  gt     lt rotate xmlns android  http   schemas android com apk res android  android drawable   drawable mp2  android pivotX  50   android pivotY  50   android fromDegrees  330  android toDegrees  360  android repeatCount  1    gt    lt  item gt   lt  animation-list gt    then created a style  attrs xml  like this    lt  xml version  1 0  encoding  utf-8   gt   lt resources gt    lt style parent   android style Widget ProgressBar  name  customProgressBar  gt     lt item name  android progressDrawable  gt  anim mp3 lt  item gt    lt  style gt   lt  resources gt    and the in my main xml I have set the style like this    lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android         android orientation  vertical         android layout width  fill parent         android layout height  fill parent  android drawingCacheQuality  high  gt    lt ProgressBar android id    id ProgressBar01       android layout width  wrap content       android layout height  wrap content  style   style customProgressBar   gt   lt  LinearLayout gt    But it still shows the same drawable as before  What am I doing wrong

User · Answer

i do your code  i can run but i need modify two places    name  android indeterminateDrawable  instead of android progressDrawable  modify name attrs xml ---  styles xml

User · Answer

Try setting   android indeterminateDrawable   drawable progress     It worked for me  Here is also the code for progress xml    lt  xml version  1 0  encoding  utf-8   gt   lt rotate xmlns android  http   schemas android com apk res android      android pivotX  50   android pivotY  50   android fromDegrees  0      android toDegrees  360  gt        lt shape android shape  ring  android innerRadiusRatio  3          android thicknessRatio  8  android useLevel  false  gt            lt size android width  48dip  android height  48dip    gt            lt gradient android type  sweep  android useLevel  false              android startColor   4c737373  android centerColor   4c737373              android centerY  0 50  android endColor   ffffd300    gt        lt  shape gt    lt  rotate gt

User · Answer

I was having some trouble using an Indeterminate Progress Dialog with the solution here  after some work and trial and error I got it to work   First  create the animation you want to use for the Progress Dialog  In my case I used 5 images       res anim progress dialog icon drawable animation xml    lt animation-list xmlns android  http   schemas android com apk res android  gt       lt item android drawable   drawable icon progress dialog drawable 1  android duration  150    gt       lt item android drawable   drawable icon progress dialog drawable 2  android duration  150    gt       lt item android drawable   drawable icon progress dialog drawable 3  android duration  150    gt       lt item android drawable   drawable icon progress dialog drawable 4  android duration  150    gt       lt item android drawable   drawable icon progress dialog drawable 5  android duration  150    gt   lt  animation-list gt    Where you want to show a ProgressDialog   dialog   new ProgressDialog Context this   dialog setIndeterminate true   dialog setIndeterminateDrawable getResources   getDrawable R anim progress dialog icon drawable animation    dialog setMessage  Some Text    dialog show      This solution is really simple and worked for me  you could extend ProgressDialog and make it override the drawable internally  however  this was really too complicated for what I needed so I did not do it

User · Answer

I m not sure but in this case you can still go with a complete customized AlertDialog by having a seperate layout file set in the alert dialog and set the animation for your imageview using part of your above code that should also do it

User · Answer

public class CustomProgressBar       private RelativeLayout rl      private ProgressBar mProgressBar      private Context mContext      private String color       FF4081       private ViewGroup layout      public CustomProgressBar  Context context  boolean isMiddle  ViewGroup layout            initProgressBar context  isMiddle  layout              public CustomProgressBar  Context context  boolean isMiddle            try               layout    ViewGroup    Activity  context  findViewById android R id content  getRootView              catch  Exception e                e printStackTrace                      initProgressBar context  isMiddle  layout              void initProgressBar Context context  boolean isMiddle  ViewGroup layout            mContext   context          if  layout    null                int padding              if  isMiddle                    mProgressBar   new ProgressBar context  null  android R attr progressBarStyleSmall                      mProgressBar setBackgroundResource R drawable pb custom progress    Color parseColor   55000000                   padding   context getResources   getDimensionPixelOffset R dimen padding                 else                   padding   context getResources   getDimensionPixelOffset R dimen padding                   mProgressBar   new ProgressBar context  null  android R attr progressBarStyleSmall                             mProgressBar setPadding padding  padding  padding  padding               mProgressBar setBackgroundResource R drawable pg back               mProgressBar setIndeterminate true                   try                       color     AppData getTopColor context    UservaluesModel getAppSettings   getSelectedColor                      catch  Exception e                        color       FF4081                                     int color   Color parseColor color                       color getContrastColor color                     color     color   replaceAll            R color colorAccent                 mProgressBar getIndeterminateDrawable   setColorFilter color  android graphics PorterDuff Mode SRC ATOP                                             RelativeLayout LayoutParams params   new                     RelativeLayout LayoutParams RelativeLayout LayoutParams MATCH PARENT  RelativeLayout LayoutParams MATCH PARENT               RelativeLayout LayoutParams lp   new RelativeLayout LayoutParams RelativeLayout LayoutParams WRAP CONTENT  RelativeLayout LayoutParams WRAP CONTENT               rl   new RelativeLayout context               if   isMiddle                    int valueInPixels    int  context getResources   getDimension R dimen padding                   lp setMargins 0  0  0   int   valueInPixels   1 5      int  Utils convertDpToPixel valueInPixels  context                    rl setClickable false                   lp addRule RelativeLayout ALIGN PARENT BOTTOM                 else                   rl setGravity Gravity CENTER                   rl setClickable true                             lp addRule RelativeLayout CENTER IN PARENT               mProgressBar setScaleY 1 55f               mProgressBar setScaleX 1 55f               mProgressBar setLayoutParams lp                rl addView mProgressBar               layout addView rl  params                        public void show             if  mProgressBar    null              mProgressBar setVisibility View VISIBLE              public void hide             if  mProgressBar    null                rl setClickable false               mProgressBar setVisibility View INVISIBLE                       And then call   customProgressBar   new CustomProgressBar  Activity  true   customProgressBar  show

User · Answer

I used the following for creating a custom progress bar   File res drawable progress bar states xml declares the colors of the different states    lt layer-list xmlns android  http   schemas android com apk res android  gt        lt item android id   android id background  gt           lt shape gt               lt gradient                     android startColor   000001                      android centerColor   0b131e                      android centerY  0 75                      android endColor   0d1522                      android angle  270                gt           lt  shape gt       lt  item gt        lt item android id   android id secondaryProgress  gt           lt clip gt               lt shape gt                   lt gradient                         android startColor   234                          android centerColor   234                          android centerY  0 75                          android endColor   a24                          android angle  270                    gt               lt  shape gt           lt  clip gt       lt  item gt        lt item android id   android id progress  gt           lt clip gt               lt shape gt                   lt gradient                     android startColor   144281                      android centerColor   0b1f3c                      android centerY  0 75                      android endColor   06101d                      android angle  270                    gt               lt  shape gt           lt  clip gt       lt  item gt    lt  layer-list gt    And the code inside your layout xml    lt ProgressBar android id    id progressBar      android progressDrawable   drawable progress bar states      android layout width  fill parent  android layout height  8dip       style   android attr progressBarStyleHorizontal       android indeterminateOnly  false       android max  100  gt   lt  ProgressBar gt    Enjoy

User · Answer

Your style should look like this    lt style parent   android style Widget ProgressBar  name  customProgressBar  gt       lt item name  android indeterminateDrawable  gt  anim mp3 lt  item gt   lt  style gt

User · Answer

Custom progress with scale    lt  xml version  1 0  encoding  utf-8   gt   lt animation-list xmlns android  http   schemas android com apk res android   gt       lt item android duration  150  gt           lt scale             android drawable   drawable face no smile eyes off              android scaleGravity  center    gt       lt  item gt       lt item android duration  150  gt           lt scale             android drawable   drawable face no smile eyes on              android scaleGravity  center    gt       lt  item gt       lt item android duration  150  gt           lt scale             android drawable   drawable face smile eyes off              android scaleGravity  center    gt       lt  item gt       lt item android duration  150  gt           lt scale             android drawable   drawable face smile eyes on              android scaleGravity  center    gt       lt  item gt    lt  animation-list gt

[android] Custom Drawable for ProgressBar/ProgressDialog

Examples related to android

Examples related to progress-bar

Examples related to progressdialog