How To Make Circle Custom Progress Bar in Android

Question

i want to custom progress bar in circle shape like same as download blazer app in google play shop i am expected like below screen shot     any one help me how to do that

User · Accepted Answer

The best two libraries I found on the net are on github    https   github com Todd-Davies ProgressWheel https   github com f2prateek progressbutton source c   Hope that will help you

User · Answer

I d make a new view class and derive from the existing ProgressBar   Then override the onDraw function   You re going to need to make direct draw calls to the canvas for this  since its so custom-  a combination of drawText  drawArc  and drawOval should do it-  an oval for the outer ring and empty portions  and an arc for the colored in parts   You may end up needing to override onMeasure and onLayout as well   Then in your xml  reference this view by class name like this  when you want to use it

User · Answer

I have solved this cool custom progress bar by creating the custom view   I have overriden the onDraw   method to draw the circles  filled arc and text on the canvas   following is the custom progress bar  import android annotation TargetApi   import android content Context   import android graphics Canvas   import android graphics Paint   import android graphics Path   import android graphics Rect   import android graphics RectF   import android os Build   import android util AttributeSet   import android view View   import com investorfinder utils UiUtils    public class CustomProgressBar extends View     private int max   100   private int progress   private Path path   new Path     int color   0xff44C8E5   private Paint paint   private Paint mPaintProgress   private RectF mRectF   private Paint textPaint   private String text    0     private final Rect textBounds   new Rect     private int centerY   private int centerX   private int swipeAndgle   0    public CustomProgressBar Context context        super context       initUI       public CustomProgressBar Context context  AttributeSet attrs        super context  attrs       initUI       public CustomProgressBar Context context  AttributeSet attrs  int defStyleAttr        super context  attrs  defStyleAttr       initUI        TargetApi Build VERSION CODES LOLLIPOP  public CustomProgressBar Context context  AttributeSet attrs  int defStyleAttr  int defStyleRes        super context  attrs  defStyleAttr  defStyleRes       initUI       private void initUI         paint   new Paint        paint setAntiAlias true       paint setStrokeWidth UiUtils dpToPx getContext    1        paint setStyle Paint Style STROKE       paint setColor color         mPaintProgress   new Paint        mPaintProgress setAntiAlias true       mPaintProgress setStyle Paint Style STROKE       mPaintProgress setStrokeWidth UiUtils dpToPx getContext    9        mPaintProgress setColor color        textPaint   new Paint        textPaint setAntiAlias true       textPaint setStyle Paint Style FILL       textPaint setColor color       textPaint setStrokeWidth 2       Override protected void onMeasure int widthMeasureSpec  int heightMeasureSpec         super onMeasure widthMeasureSpec  heightMeasureSpec        int viewWidth   MeasureSpec getSize widthMeasureSpec       int viewHeight   MeasureSpec getSize heightMeasureSpec        int radius    Math min viewWidth  viewHeight  - UiUtils dpToPx getContext    2     2       path reset         centerX   viewWidth   2      centerY   viewHeight   2      path addCircle centerX  centerY  radius  Path Direction CW        int smallCirclRadius   radius - UiUtils dpToPx getContext    7       path addCircle centerX  centerY  smallCirclRadius  Path Direction CW       smallCirclRadius    UiUtils dpToPx getContext    4        mRectF   new RectF centerX - smallCirclRadius  centerY - smallCirclRadius  centerX   smallCirclRadius  centerY   smallCirclRadius        textPaint setTextSize radius   0 5f        Override protected void onDraw Canvas canvas          super onDraw canvas        canvas drawPath path  paint        canvas drawArc mRectF  270  swipeAndgle  false  mPaintProgress        drawTextCentred canvas       public void drawTextCentred Canvas canvas         textPaint getTextBounds text  0  text length    textBounds        canvas drawText text  centerX - textBounds exactCenterX    centerY - textBounds exactCenterY    textPaint      public void setMax int max        this max   max     public void setProgress int progress        this progress   progress       int percentage   progress   100   max       swipeAndgle   percentage   360   100       text   percentage             invalidate       public void setColor int color        this color   color        In layout XML   lt com your package name CustomProgressBar             android id    id progress bar              android layout width  70dp              android layout height  70dp              android layout alignParentRight  true              android layout below    id txt title              android layout marginRight  15dp    gt    in activity   CustomProgressBar progressBar    CustomProgressBar findViewById R id progress bar        progressBar setMax 9        progressBar setProgress 5

User · Answer

for more information on How to create Circle Android Custom Progress Bar view this link  Step 01 You should create an xml file on drawable file for configure the appearance of progress bar   So Im creating my xml file as  circular progress bar xml    lt  xml version  1 0  encoding  UTF-8   gt    lt layer-list xmlns android  http   schemas android com apk res android  android fromDegrees  120  android pivotX  50   android pivotY  50   android toDegrees  140  gt   lt item android id   android id background  gt   lt shape     android innerRadiusRatio  3      android shape  ring      android useLevel  false       android angle  0       android type  sweep      android thicknessRatio  50 0  gt       lt solid android color   000000   gt   lt  shape gt     lt  item gt    lt item android id   android id progress  gt      lt rotate     android fromDegrees  120      android toDegrees  120  gt   lt shape     android innerRadiusRatio  3      android shape  ring       android angle  0       android type  sweep      android thicknessRatio  50 0  gt       lt solid android color   ffffff   gt   lt  shape gt   lt  rotate gt   lt  item gt   lt  layer-list gt    Step 02 Then create progress bar on your xml file Then give the name of xml file on your drawable folder as the parth of android progressDrawable    lt ProgressBar             android id    id progressBar              style   android attr progressBarStyleHorizontal              android layout width  150dp              android layout height  150dp              android layout marginLeft  0dp              android layout centerHorizontal  true              android indeterminate  false              android max  100              android progressDrawable   drawable circular progress bar    gt    Step 03 Visual the progress bar using thread  package com example progress  import android os Bundle  import android os Handler  import android app Activity  import android view Menu  import android view animation Animation   import android view animation TranslateAnimation   import android widget ProgressBar   import android widget TextView    public class MainActivity extends Activity      private ProgressBar progBar    private TextView text       private Handler mHandler   new Handler         private int mProgressStatus 0      Override protected void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       setContentView R layout activity main       progBar   ProgressBar findViewById R id progressBar       text    TextView findViewById R id textView1        dosomething           public void dosomething        new Thread new Runnable             public void run             final int presentage 0              while  mProgressStatus  lt  63                    mProgressStatus    1                     Update the progress bar                 mHandler post new Runnable                         public void run                             progBar setProgress mProgressStatus                           text setText    mProgressStatus                                                                  try                          Thread sleep 50                      catch  InterruptedException e                        e printStackTrace                                                     start

User · Answer

Try this piece of code to create circular progress bar pie chart   pass it integer value to draw how many percent of filling area        private void circularImageBar ImageView iv2  int i         Bitmap b   Bitmap createBitmap 300  300 Bitmap Config ARGB 8888       Canvas canvas   new Canvas b        Paint paint   new Paint             paint setColor Color parseColor   c4c4c4             paint setStrokeWidth 10           paint setAntiAlias true           paint setStyle Paint Style STROKE           canvas drawCircle 150  150  140  paint           paint setColor Color parseColor   FFDB4C             paint setStrokeWidth 10              paint setStyle Paint Style FILL           final RectF oval   new RectF            paint setStyle Paint Style STROKE           oval set 10 10 290 290           canvas drawArc oval  270    i 360  100   false  paint           paint setStrokeWidth 0               paint setTextAlign Align CENTER           paint setColor Color parseColor   8E8E93              paint setTextSize 140           canvas drawText    i  150  150  paint getTextSize   3   paint            iv2 setImageBitmap b

User · Answer

A very useful lib for custom progress bar in android   In your layout file   lt com lylc widget circularprogressbar example CircularProgressBar android id    id mycustom progressbar           gt    and Java file  CircularProgressBar progressBar    CircularProgressBar  findViewById R id mycustom progressbar   progressBar setTitle  Circular Progress Bar

User · Answer

I ve encountered same problem and not found any appropriate solution for my case  so I decided to go another way  I ve created custom drawable class  Within this class I ve created 2 Paints for progress line and background line  with some bigger stroke   First of all set startAngle and sweepAngle in constructor       mSweepAngle   0      mStartAngle   270    Here is onDraw method of this class    Override public void draw Canvas canvas           draw background line     canvas drawArc mRectF  0  360  false  mPaintBackground          draw progress line     canvas drawArc mRectF  mStartAngle  mSweepAngle  false  mPaintProgress       So now all you need to do is set this drawable as a backgorund of the view  in background thread change sweepAngle   mSweepAngle    360   totalTimerTime    this is mStep   and directly call InvalidateSelf   with some interval  e g every 1 second or more often if you want smooth progress changes  on the view that have this drawable as a background  Thats it   P S  I know  I know   of course you want some more code  So here it is all flow    Create XML view      lt View  android id    id timer   android layout width  match parent   android layout height  match parent   gt   Create and configure Custom Drawable class  as I described above   Don t forget to setup Paints for lines  Here paint for progress line   mPaintProgress   new Paint    mPaintProgress setAntiAlias true   mPaintProgress setStyle Paint Style STROKE   mPaintProgress setStrokeWidth widthProgress   mPaintProgress setStrokeCap Paint Cap ROUND   mPaintProgress setColor colorThatYouWant      Same for backgroung paint  set width little more if you want    In drawable class create method for updating  Step calculation described above   public void update         mSweepAngle    mStep      invalidateSelf       Set this drawable class to YourTimerView  I did it in runtime  - view with   id timer from xml above   OurSuperDrawableClass superDrawable   new OurSuperDrawableClass     YourTimerView setBackgroundDrawable superDrawable   Create background thread with runnable and update view   YourTimerView post new Runnable          Override     public void run                update progress view         superDrawable update                 Thats it   Enjoy your cool progress bar  Here screenshot of result if you re too bored of this amount of text

User · Answer

I did a simple class which u can use to make custom ProgressBar dialog  Actually it has 2 default layouts  - First dialog with no panel with progress bar and animated text centered over it - Second normal dialog with panel  progress bar  title and msg  It is just a class  so not a customizable library which u can import in your project  so you need to copy it and change it how you want  It is a DialogFragment class  but you can use it inside an activity as a normal fragment just like you do with classic fragment by using FragmentManager   Code of the dialog class   public class ProgressBarDialog extends DialogFragment    private static final String TAG   ProgressBarDialog class getSimpleName    private static final String KEY   TAG concat   key       Argument Keys private static final String KEY DIALOG TYPE   KEY concat   dialogType    private static final String KEY TITLE   KEY concat   title    private static final String KEY PROGRESS TEXT   KEY concat   progressText    private static final String KEY CUSTOM LAYOUT BUILDER   KEY concat   customLayoutBuilder       Class Names private static final String CLASS GRADIENT STATE    GradientState      Field Names private static final String FIELD THICKNESS    mThickness   private static final String FIELD INNER RADIUS    mInnerRadius        Dialog Types     private static final int TYPE PROGRESS BAR ONLY NO ANIM   0x0  private static final int TYPE PROGRESS BAR ONLY ROTATE ANIM   0x1  private static final int TYPE PROGRESS BAR ONLY FADE ANIM   0x2  private static final int TYPE PROGRESS BAR AND MSG   0xF       Animations Values     private static final long CENTER TEXT VIEWS ANIMATION DURATION   250L  private static final long CENTER TEXT VIEWS START OFFSET MULTIPLIER   250L   private MaterialProgressBar mProgressBar  private LinearLayout mllTextContainer  private TextView mtvTitle  private TextView mtvProgressText   private List lt TextView gt  mCenterTextViews  private int mDialogType  private String mTitle  private String mProgressText  private CustomLayoutBuilder mCustomLayoutBuilder       Public Static Factory Methods     public static ProgressBarDialog initLayoutProgressBarOnlyNoAnim String text  CustomLayoutBuilder builder       return initLayoutProgressBarOnly TYPE PROGRESS BAR ONLY NO ANIM  text  builder      public static ProgressBarDialog initLayoutProgressBarOnlyRotateAnim String text  CustomLayoutBuilder builder       return initLayoutProgressBarOnly TYPE PROGRESS BAR ONLY ROTATE ANIM  text  builder      public static ProgressBarDialog initLayoutProgressBarOnlyFadeAnim String text  CustomLayoutBuilder builder       return initLayoutProgressBarOnly TYPE PROGRESS BAR ONLY FADE ANIM  text  builder      public static ProgressBarDialog initLayoutProgressBarAndMsg String title  String text  CustomLayoutBuilder builder       ProgressBarDialog mInstance   new ProgressBarDialog        Bundle args   new Bundle        args putInt KEY DIALOG TYPE  TYPE PROGRESS BAR AND MSG       args putString KEY TITLE  title       args putString KEY PROGRESS TEXT  text       args putParcelable KEY CUSTOM LAYOUT BUILDER  builder       mInstance setArguments args       return mInstance         Private Static Factory Methods     private static ProgressBarDialog initLayoutProgressBarOnly int animation  String text  CustomLayoutBuilder builder       ProgressBarDialog mInstance   new ProgressBarDialog        Bundle args   new Bundle        args putInt KEY DIALOG TYPE  animation       args putString KEY PROGRESS TEXT  text       args putParcelable KEY CUSTOM LAYOUT BUILDER  builder       mInstance setArguments args       return mInstance         Override Lifecycle Methods      Override public void onCreate  Nullable Bundle savedInstanceState        super onCreate savedInstanceState       initData        Override  Nullable public View onCreateView  NonNull LayoutInflater inflater   Nullable ViewGroup container  Bundle savedInstanceState        super onCreateView inflater  container  savedInstanceState       View view   inflater inflate R layout dialog progress bar  container  false       initViews view       if getContext      null  amp  amp  mCustomLayoutBuilder    null            mProgressBar setIndeterminateDrawable getResources   getDrawable mCustomLayoutBuilder getLayoutResID              initShapes              return view     private void initShapes        if mProgressBar getIndeterminateDrawable   instanceof LayerDrawable            LayerDrawable layerDrawable    LayerDrawable  mProgressBar getIndeterminateDrawable            for  int i   0  i  lt  layerDrawable getNumberOfLayers    i                  if layerDrawable getDrawable i  instanceof RotateDrawable                    RotateDrawable rotateDrawable    RotateDrawable  layerDrawable getDrawable i                   int   fromToDeg   mCustomLayoutBuilder getDegreesMatrixRow i                   if fromToDeg length  gt  0                       rotateDrawable setFromDegrees fromToDeg CustomLayoutBuilder INDEX FROM DEGREES                        rotateDrawable setToDegrees fromToDeg CustomLayoutBuilder INDEX TO DEGREES                                      if rotateDrawable getDrawable   instanceof GradientDrawable                       GradientDrawable gradientDrawable    GradientDrawable  rotateDrawable getDrawable                        int innerRadius   getResources   getDimensionPixelSize mCustomLayoutBuilder getInnerRadius i                        if mDialogType    TYPE PROGRESS BAR AND MSG                           innerRadius    3                                            int thickness   getResources   getDimensionPixelSize mCustomLayoutBuilder getThickness i                        int   colors   mCustomLayoutBuilder getColorsMatrixRow i                       if colors length  gt  0x0                           gradientDrawable setColors DataUtils resourcesIDsToColors this getContext    colors                                              if innerRadius    -0x1                           DataUtils setSubClassFieldIntValue gradientDrawable getConstantState    gradientDrawable getClass    CLASS GRADIENT STATE  FIELD INNER RADIUS  innerRadius                                             if thickness    -0x1                           DataUtils setSubClassFieldIntValue gradientDrawable getConstantState    gradientDrawable getClass    CLASS GRADIENT STATE  FIELD THICKNESS  thickness                                                                             Override public void onStart         super onStart        setWindowSize        startAnimation           Public Methods     public void changeTextViews String progressText       mProgressText   progressText      initTextViews        startAnimation       public String getProgressText        return mProgressText         Private Methods        Init Methods     private void initData        if getArguments      null            if  getArguments   containsKey KEY DIALOG TYPE                 mDialogType   getArguments   getInt KEY DIALOG TYPE                     if getArguments   containsKey KEY TITLE                mTitle   getArguments   getString KEY TITLE                     if  getArguments   containsKey KEY PROGRESS TEXT                 mProgressText   getArguments   getString KEY PROGRESS TEXT                     if  getArguments   containsKey KEY CUSTOM LAYOUT BUILDER                mCustomLayoutBuilder   getArguments   getParcelable KEY CUSTOM LAYOUT BUILDER                       mCenterTextViews   new ArrayList lt  gt        private void initViews View layout       if layout    null           switch mDialogType               case TYPE PROGRESS BAR ONLY NO ANIM              case TYPE PROGRESS BAR ONLY ROTATE ANIM              case TYPE PROGRESS BAR ONLY FADE ANIM                  if getDialog      null  amp  amp  getDialog   getWindow      null                        getDialog   getWindow   setBackgroundDrawableResource android R color transparent                                     LinearLayout mLayoutProgressBarOnly   layout findViewById R id layout progress bar only                   mLayoutProgressBarOnly setVisibility LinearLayout VISIBLE                   mProgressBar   layout findViewById R id dpb progress bar                   if mCustomLayoutBuilder getProgressBarWidthDimen      -0x1                       ConstraintLayout LayoutParams lp    ConstraintLayout LayoutParams  mProgressBar getLayoutParams                        lp width   getResources   getDimensionPixelSize mCustomLayoutBuilder getProgressBarWidthDimen                         lp height   getResources   getDimensionPixelSize mCustomLayoutBuilder getProgressBarHeightDimen                         mProgressBar setLayoutParams lp                                     mllTextContainer   layout findViewById R id dpb text container                   initTextViews                    break              case TYPE PROGRESS BAR AND MSG                  LinearLayout mLayoutProgressBarAndMsg   layout findViewById R id layout progress bar and msg                   mLayoutProgressBarAndMsg setVisibility LinearLayout VISIBLE                   mProgressBar   layout findViewById R id dpb progress bar and msg                   mtvTitle   layout findViewById R id pbd title                   mtvProgressText   layout findViewById R id dpb progress msg                   initProgressMsg                    break                     private void initTextViews        if  TextUtils isEmpty mProgressText            clearTextContainer            for char digit   mProgressText toCharArray                 TextView tv   new TextView getContext    null  0x0  R style PBDCenterTextStyleWhite               if mCustomLayoutBuilder getProgressMsgColor      CustomLayoutBuilder DEFAULT COLOR  amp  amp  getContext      null                   tv setTextColor ActivityCompat getColor getContext    mCustomLayoutBuilder getProgressMsgColor                                if mCustomLayoutBuilder getProgressMsgDimen      CustomLayoutBuilder DEFAULT DIMEN                   tv setTextSize getResources   getDimension mCustomLayoutBuilder getProgressMsgDimen                                tv setText String valueOf digit                mCenterTextViews add tv               mllTextContainer addView tv                      private void initProgressMsg        mtvTitle setText mTitle       mtvProgressText setText mProgressText       if mCustomLayoutBuilder getProgressMsgColor      CustomLayoutBuilder DEFAULT COLOR           mtvProgressText setTextColor mCustomLayoutBuilder getProgressMsgColor               if mCustomLayoutBuilder getProgressMsgDimen      CustomLayoutBuilder DEFAULT DIMEN           mtvProgressText setTextSize getResources   getDimension mCustomLayoutBuilder getProgressMsgDimen               private void clearTextContainer        if mllTextContainer getChildCount    gt   0x0           for int i 0  i  lt  mllTextContainer getChildCount    i                 View v   mllTextContainer getChildAt i               if v instanceof TextView                   TextView tv    TextView  v                  if tv getAnimation      null                       tv clearAnimation                                                        mllTextContainer removeAllViews       private void setWindowSize        Dialog dialog   getDialog        if dialog    null  amp  amp  dialog getWindow      null           int width   0x0  height   0x0          switch mDialogType               case TYPE PROGRESS BAR ONLY NO ANIM              case TYPE PROGRESS BAR ONLY ROTATE ANIM              case TYPE PROGRESS BAR ONLY FADE ANIM                  width   ViewGroup LayoutParams WRAP CONTENT           getResources   getDimensionPixelSize R dimen pbd window width                   height   ViewGroup LayoutParams WRAP CONTENT          getResources   getDimensionPixelSize R dimen pbd window height                   break              case TYPE PROGRESS BAR AND MSG                  width   ViewGroup LayoutParams MATCH PARENT                  height   ViewGroup LayoutParams WRAP CONTENT          getResources   getDimensionPixelSize R dimen pbd textual window height                   break                    dialog getWindow   setLayout width  height                Animation Methods     private void startAnimation        switch mDialogType           case TYPE PROGRESS BAR ONLY ROTATE ANIM          startRotateAnimations            break          case TYPE PROGRESS BAR ONLY FADE ANIM          startFadeInAnimations            break           private void startRotateAnimations        for TextView tv   mCenterTextViews           if tv    null  amp  amp  tv getText      null  amp  amp   TextUtils isEmpty tv getText   toString   trim                   int i   mCenterTextViews indexOf tv               RotateAnimation anim   new RotateAnimation 0  360  Animation RELATIVE TO SELF  0 5f  Animation RELATIVE TO SELF  0 5f               anim setDuration CENTER TEXT VIEWS ANIMATION DURATION               anim setFillAfter true               anim setStartOffset CENTER TEXT VIEWS START OFFSET MULTIPLIER   i               if  i     mCenterTextViews size   - 0x1                     anim setAnimationListener new Animation AnimationListener                          Override                     public void onAnimationStart Animation animation                                                 Override                     public void onAnimationEnd Animation animation                            startRotateAnimations                                                Override                     public void onAnimationRepeat Animation animation                                                                         tv startAnimation anim                      private void startFadeInAnimations        for TextView tv   mCenterTextViews           if tv    null  amp  amp  tv getText      null  amp  amp   TextUtils isEmpty tv getText   toString   trim                   int i   mCenterTextViews indexOf tv               AlphaAnimation anim   new AlphaAnimation 0x1  0x0               anim setDuration CENTER TEXT VIEWS ANIMATION DURATION               anim setFillAfter true               anim setStartOffset CENTER TEXT VIEWS START OFFSET MULTIPLIER   i               if  i     mCenterTextViews size   - 0x1                     anim setAnimationListener new Animation AnimationListener                          Override                     public void onAnimationStart Animation animation                                                 Override                     public void onAnimationEnd Animation animation                            startFadeOutAnimations                                                Override                     public void onAnimationRepeat Animation animation                                                                         tv startAnimation anim                      private void startFadeOutAnimations        for TextView tv   mCenterTextViews           int i   mCenterTextViews indexOf tv           AlphaAnimation anim   new AlphaAnimation 0x0  0x1           anim setDuration CENTER TEXT VIEWS ANIMATION DURATION           anim setFillAfter true           anim setStartOffset CENTER TEXT VIEWS START OFFSET MULTIPLIER   i           if i     mCenterTextViews size   - 0x1                anim setAnimationListener new Animation AnimationListener                      Override                 public void onAnimationStart Animation animation                                         Override                 public void onAnimationEnd Animation animation                        startFadeInAnimations                                        Override                 public void onAnimationRepeat Animation animation                                                         tv startAnimation anim                Progress Bar Custom Layout Builder Class     public static class CustomLayoutBuilder implements Parcelable            Shapes         private static final int RING   GradientDrawable RING           Colors         private static final int     COLORS MATRIX RYGB   new int              new int    R color transparent  R color transparent  R color material red A700            new int    R color transparent  R color transparent  R color material amber A700            new int    R color transparent  R color transparent  R color material light green A700            new int    R color transparent  R color transparent  R color material blue A700              private static final int DEFAULT COLOR   -0x1           Dimens         private static final int DEFAULT DIMEN   -0x1      private static final int   DEFAULT PROGRESS BAR DIMEN   new int               Indexes         private static final int INDEX PROGRESS BAR WIDTH   0x0      private static final int INDEX PROGRESS BAR HEIGHT   0x1      private static final int INDEX FROM DEGREES   0x0      private static final int INDEX TO DEGREES   0x1           Arrays Sizes         private static final int SIZE PROGRESS BAR DIMENS ARRAY   0x2           Matrix Columns Number         private static final int NUM COLUMNS DEGREES MATRIX   0x2          Degrees Matrix Index                     - gt   degrees 3         fromDegrees  toDegrees          private static final int NUM COLUMNS COLORS MATRIX   0x3           GradientDrawable Colors Matrix Index     - gt   colors 3          startColor  centerColor  endColor               Drawables Layout Resource IDs         private static final int LAYOUT RES PROGRESS BAR RINGS   R drawable progress bar rings           Layout Data  Four Rings Overlaid         private static final int RINGS OVERLAID LAYERS   0x4      private static final int     RINGS OVERLAID DEGREES   new int      new int    300  660    new int    210  570    new int    120  480    new int    30  390          private static final int   RINGS OVERLAID SHAPES   new int    RING  RING  RING  RING        private static final int   RINGS OVERLAID INNER RADIUS   new int    R dimen pbd inner radius 60dp  R dimen pbd inner radius 60dp  R dimen pbd inner radius 60dp  R dimen pbd inner radius 60dp       private static final int   RINGS OVERLAID THICKNESS   new int    R dimen pbd thickness 40dp  R dimen pbd thickness 30dp  R dimen pbd thickness 20dp  R dimen pbd thickness 10dp             Layout Data  Four Rings Spaced         private static final int RINGS SPACED LAYERS   0x4      private static final int     RINGS SPACED DEGREES   new int      new int    180  540    new int    0  360    new int    90  450    new int    270  630          private static final int   RINGS SPACED SHAPES   new int    RING  RING  RING  RING        private static final int   RINGS SPACED INNER RADIUS   new int    R dimen pbd inner radius 30dp  R dimen pbd inner radius 60dp  R dimen pbd inner radius 90dp  R dimen pbd inner radius 120dp        private static final int   RINGS SPACED THICKNESS   new int    R dimen pbd thickness 10dp  R dimen pbd thickness 15dp  R dimen pbd thickness 20dp  R dimen pbd thickness 25dp         private int mLayoutResID      private int   mProgressBarDimens      private int mNumLayers      private int     mRotateDegrees      private int   mShapes      private int   mInnerRadius      private int   mThickness      private int     mColors      private int mProgressMsgColor      private int mProgressMsgDimen       public static Parcelable Creator CREATOR   new CreatorCustomLayoutBuilder             Constructors         private CustomLayoutBuilder int layoutResID  int   progressBarDimens  int numLayers  int     degreesMatrix  int   shapes  int   innerRadius  int   thickness                                  int     colorsMatrix  int msgColor  int progressMsgDimen           mLayoutResID   layoutResID          mProgressBarDimens   progressBarDimens          mNumLayers   numLayers          mRotateDegrees   degreesMatrix          mShapes   shapes          mInnerRadius   innerRadius          mThickness   thickness          mColors   colorsMatrix          mProgressMsgColor   msgColor          mProgressMsgDimen   progressMsgDimen             private CustomLayoutBuilder Parcel in           mLayoutResID   in readInt            mProgressBarDimens   new int SIZE PROGRESS BAR DIMENS ARRAY           in readIntArray mProgressBarDimens           mNumLayers   in readInt            int   tempArray   new int NUM COLUMNS DEGREES MATRIX   mNumLayers           in readIntArray tempArray           mRotateDegrees   DataUtils arrayToMatrix tempArray  NUM COLUMNS DEGREES MATRIX           mShapes   new int mNumLayers           in readIntArray mShapes           mInnerRadius   new int mNumLayers           in readIntArray mInnerRadius           mThickness   new int mNumLayers           in readIntArray mThickness           tempArray   new int NUM COLUMNS COLORS MATRIX   mNumLayers           in readIntArray tempArray           mColors   DataUtils arrayToMatrix tempArray  NUM COLUMNS COLORS MATRIX           mProgressMsgColor   in readInt            mProgressMsgDimen   in readInt                   Public Static Factory Methods         public static CustomLayoutBuilder initLayoutRingsOverlaid            return new CustomLayoutBuilder LAYOUT RES PROGRESS BAR RINGS  DEFAULT PROGRESS BAR DIMEN  RINGS OVERLAID LAYERS  RINGS OVERLAID DEGREES  RINGS OVERLAID SHAPES                  RINGS OVERLAID INNER RADIUS  RINGS OVERLAID THICKNESS  COLORS MATRIX RYGB  R color material white  DEFAULT DIMEN              public static CustomLayoutBuilder initLayoutRingsOverlaid int   resProgBarDimens  int resProgMsgColor  int resProgMsgDimen           return new CustomLayoutBuilder LAYOUT RES PROGRESS BAR RINGS  resProgBarDimens  RINGS OVERLAID LAYERS  RINGS OVERLAID DEGREES  RINGS OVERLAID SHAPES                  RINGS OVERLAID INNER RADIUS  RINGS OVERLAID THICKNESS  COLORS MATRIX RYGB  resProgMsgColor  resProgMsgDimen              public static CustomLayoutBuilder initLayoutRingsSpaced            return new CustomLayoutBuilder LAYOUT RES PROGRESS BAR RINGS  DEFAULT PROGRESS BAR DIMEN  RINGS SPACED LAYERS  RINGS SPACED DEGREES  RINGS SPACED SHAPES                  RINGS SPACED INNER RADIUS  RINGS SPACED THICKNESS  COLORS MATRIX RYGB  DEFAULT COLOR  DEFAULT DIMEN                  Override Parcelable Methods          Override     public int describeContents             return 0              Override     public void writeToParcel Parcel out  int flags            out writeInt mLayoutResID           out writeIntArray mProgressBarDimens           out writeInt mNumLayers           out writeIntArray DataUtils matrixToArray mRotateDegrees            out writeIntArray mShapes           out writeIntArray mInnerRadius           out writeIntArray mThickness           out writeIntArray DataUtils matrixToArray mColors            out writeInt mProgressMsgColor           out writeInt mProgressMsgDimen                  Getter  amp  Setter Methods         private int getLayoutResID             return mLayoutResID             private void setLayoutResID int layoutResID            this mLayoutResID   layoutResID             private int   getProgressBarDimens             return mProgressBarDimens             private void setProgressBarDimens int   progressBarDimens            this mProgressBarDimens   progressBarDimens             private int getProgressBarWidthDimen               Used to check if  mProgressBarDimens  array is set          if mProgressBarDimens    null  amp  amp  mProgressBarDimens length    SIZE PROGRESS BAR DIMENS ARRAY               return mProgressBarDimens INDEX PROGRESS BAR WIDTH             else               return -0x1                       private int getProgressBarHeightDimen            return mProgressBarDimens INDEX PROGRESS BAR HEIGHT              private int getNumLayers             return mNumLayers             private void setNumLayers int numLayers            this mNumLayers   numLayers             private int     getRotateDegrees             return mRotateDegrees             private void setRotateDegrees int     rotateDegrees            this mRotateDegrees   rotateDegrees             private int   getShapes             return mShapes             private void setShapes int   shapes            this mShapes   shapes             private int   getInnerRadius             return mInnerRadius             private void setInnerRadius int   innerRadius            this mInnerRadius   innerRadius             private int   getThickness             return mThickness             private void setThickness int   thickness            this mThickness   thickness             private int     getColorsMatrix             return mColors             private void setColorsMatrix int     colorsMatrix            this mColors   colorsMatrix             private int getProgressMsgColor             return mProgressMsgColor             private void setProgressMsgColor int progressMsgColor            this mProgressMsgColor   progressMsgColor             private int getProgressMsgDimen             return mProgressMsgDimen             private void setProgressMsgDimen int progressMsgDimen            this mProgressMsgDimen   progressMsgDimen                 Public Methods         private int   getDegreesMatrixRow int numRow           if mRotateDegrees    null  amp  amp  mRotateDegrees length  gt  numRow                return mRotateDegrees numRow             else               return new int                           private int getShape int position           if mShapes    null  amp  amp  mShapes length  gt  position               return mShapes position             else               return -0x1                       private int getInnerRadius int position           if mInnerRadius    null  amp  amp  mInnerRadius length  gt  position               return mInnerRadius position             else               return -0x1                       private int getThickness int position           if mThickness    null  amp  amp  mThickness length  gt  position               return mThickness position             else               return -0x1                       private int   getColorsMatrixRow int numRow            if mColors    null  amp  amp  mColors length  gt  numRow               return mColors numRow             else               return new int                               Private Static Class Parcelable Creator         private static class CreatorCustomLayoutBuilder implements Parcelable Creator lt CustomLayoutBuilder gt              Override         public CustomLayoutBuilder createFromParcel Parcel in                return new CustomLayoutBuilder in                       Override         public CustomLayoutBuilder   newArray int size                return new CustomLayoutBuilder size                            The class has a progress bar with no dialog and custom text over it  The text can have 2 animations  Fade In -  Fade Out animation  digits will fade out like a sequentially from left to right  At end of text will restart from left  Rotate Animation  same sequential behavior but the digits rotate on themself one by one instead of fading out  Other way is a Progress Bar with a dialog  Title   Message

User · Answer

Rest of code Code of utils methods  public static int   resourcesIDsToColors Context context  int   resIDs               int   colors   new int resIDs length               for int i 0  i  lt  resIDs length  i                     colors i    ActivityCompat getColor context  resIDs i                              return colors                     public static void setSubClassFieldIntValue Object objField  Class lt   gt  superClass  String subName  String fieldName  int fieldValue               Class lt   gt  subClass   getSubClass superClass  subName               if subClass    null                    Field field   getClassField subClass  fieldName                   if  field    null                        setFieldValue objField  field  fieldValue                                                          public static Class lt   gt  getSubClass Class lt   gt  superClass  String subName               Class lt   gt    classes   superClass getDeclaredClasses                if classes    null  amp  amp  classes length  gt  0                   for Class lt   gt  clss   classes                       if clss getSimpleName   equals subName                            return clss                                                                    return null                         public static Field getClassField Class lt   gt  clss  String fieldName               try                   Field field   clss getDeclaredField fieldName                   field setAccessible true                   return field                catch  NoSuchFieldException nsfE                    Log e TAG  nsfE getMessage                   catch  SecurityException sE                   Log e TAG  sE getMessage                   catch  Exception e                   Log e TAG  e getMessage                               return null                     public static int     arrayToMatrix int   array  int numColumns               int numRows   array length   numColumns              int     matrix   new int numRows  numColumns               int nElemens   array length              for int i 0  i  lt  nElemens  i                     matrix i   numColumns  i   numColumns    array i                             return matrix             public static int   matrixToArray int     matrix                   Square matrix of order n        - gt       A matrix with n rows and n columns  same number of rows and columns                  Matrix rows  amp  columns number annotations                      matrix rows  columns            matrix  rows x columns          matrix rows  columns        rows by columns matrix                        int numRows   matrix length          int   arr   new int              for int i 0  i  lt  numRows  i                 int numColumns   matrix i  length              int   row   new int numColumns               for int j 0  j  lt  numColumns  j                     row j    matrix i  j                             arr   ArrayUtils addAll arr  row                     return arr         Code of default layout   lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt LinearLayout     xmlns android  quot http   schemas android com apk res android quot      xmlns app  quot http   schemas android com apk res-auto quot      android layout width  quot wrap content quot      android layout height  quot wrap content quot      android orientation  quot vertical quot      android background  quot  color transparent quot  gt       lt LinearLayout         android id  quot   id layout progress bar only quot          android layout width  quot wrap content quot          android layout height  quot wrap content quot          android orientation  quot vertical quot          android visibility  quot gone quot  gt           lt android support constraint ConstraintLayout             android id  quot   id dpb constraint layout quot              android layout width  quot match parent quot              android layout height  quot match parent quot  gt               lt me zhanghai android materialprogressbar MaterialProgressBar                 android id  quot   id dpb progress bar quot                  android layout width  quot  dimen pbd progressbar width 2 quot                  android layout height  quot  dimen pbd progressbar height 2 quot                  app layout constraintTop toTopOf  quot parent quot                  app layout constraintBottom toBottomOf  quot parent quot                  app layout constraintStart toStartOf  quot parent quot                  app layout constraintEnd toEndOf  quot parent quot                  app layout constraintHorizontal bias  quot 0 5 quot   gt               lt LinearLayout                 android id  quot   id dpb text container quot                  android layout width  quot wrap content quot                  android layout height  quot wrap content quot                  android orientation  quot horizontal quot                  app layout constraintTop toTopOf  quot parent quot                  app layout constraintBottom toBottomOf  quot parent quot                  app layout constraintStart toStartOf  quot parent quot                  app layout constraintEnd toEndOf  quot parent quot                  app layout constraintHorizontal bias  quot 0 5 quot   gt           lt  android support constraint ConstraintLayout gt       lt  LinearLayout gt       lt LinearLayout         android id  quot   id layout progress bar and msg quot          android layout width  quot match parent quot          android layout height  quot wrap content quot          android orientation  quot vertical quot          android visibility  quot gone quot          style  quot  style PBDTextualMainLayoutStyle quot  gt           lt android support v7 widget CardView             android layout width  quot match parent quot              android layout height  quot wrap content quot              app cardElevation  quot  dimen pbd textual card elevation quot  gt               lt TextView                 android id  quot   id pbd title quot                  android layout width  quot match parent quot                  android layout height  quot wrap content quot                  style  quot  style PBDTextualTitle quot   gt           lt  android support v7 widget CardView gt           lt LinearLayout             android layout width  quot match parent quot              android layout height  quot  dimen pbd textual main layout height quot              android orientation  quot horizontal quot  gt               lt android support v7 widget CardView                 android layout width  quot  dimen pbd textual progressbar width quot                  android layout height  quot  dimen pbd textual progressbar height quot  gt                   lt me zhanghai android materialprogressbar MaterialProgressBar                     android id  quot   id dpb progress bar and msg quot                      android layout width  quot match parent quot                      android layout height  quot match parent quot                      style  quot  style PBDProgressBarStyle quot   gt               lt  android support v7 widget CardView gt               lt android support v7 widget CardView                 android layout width  quot match parent quot                  android layout height  quot  dimen pbd textual msg container height quot  gt                   lt TextView                     android id  quot   id dpb progress msg quot                      android layout width  quot match parent quot                      android layout height  quot match parent quot                      style  quot  style PBDTextualProgressMsgStyle quot   gt               lt  android support v7 widget CardView gt           lt  LinearLayout gt       lt  LinearLayout gt   lt  LinearLayout gt   Progress Bar Rings   lt layer-list     xmlns android  quot http   schemas android com apk res android quot  gt       lt item gt           lt rotate             android fromDegrees  quot 300 quot              android toDegrees  quot 660 quot  gt               lt shape                 android shape  quot ring quot                  android useLevel  quot false quot  gt                   lt gradient                     android type  quot sweep quot   gt               lt  shape gt           lt  rotate gt       lt  item gt       lt item gt           lt rotate             android fromDegrees  quot 210 quot              android toDegrees  quot 570 quot  gt               lt shape                 android shape  quot ring quot                  android useLevel  quot false quot  gt                   lt gradient                     android type  quot sweep quot   gt               lt  shape gt           lt  rotate gt       lt  item gt       lt item gt           lt rotate             android fromDegrees  quot 120 quot              android toDegrees  quot 480 quot  gt               lt shape                 android shape  quot ring quot                  android useLevel  quot false quot  gt                   lt gradient                     android type  quot sweep quot                      android startColor  quot  00000000 quot                      android centerColor  quot  00000000 quot   gt               lt  shape gt           lt  rotate gt       lt  item gt       lt item gt           lt rotate             android fromDegrees  quot 30 quot              android toDegrees  quot 390 quot  gt               lt shape                 android shape  quot ring quot                  android useLevel  quot false quot  gt                   lt solid android color  quot  000000 quot   gt                   lt gradient                     android type  quot sweep quot   gt               lt  shape gt           lt  rotate gt       lt  item gt   lt  layer-list gt   Dimens Resources    lt  -- ProgressBarDialog Dimens  Normal  amp  Textual Versions  -- gt           lt dimen name  quot pbd window width quot  gt 250dp lt  dimen gt           lt dimen name  quot pbd window height quot  gt 250dp lt  dimen gt           lt dimen name  quot pbd progressbar width 1 quot  gt 250dp lt  dimen gt           lt dimen name  quot pbd progressbar height 1 quot  gt 250dp lt  dimen gt           lt dimen name  quot pbd progressbar width 2 quot  gt 400dp lt  dimen gt           lt dimen name  quot pbd progressbar height 2 quot  gt 400dp lt  dimen gt           lt dimen name  quot pbd textual window height quot  gt 170dp lt  dimen gt           lt dimen name  quot pbd textual main layout height quot  gt 150dp lt  dimen gt           lt dimen name  quot pbd textual progressbar width quot  gt 150dp lt  dimen gt           lt dimen name  quot pbd textual progressbar height quot  gt 150dp lt  dimen gt           lt dimen name  quot pbd textual msg container height quot  gt 150dp lt  dimen gt           lt dimen name  quot pbd textual main layout margin horizontal quot  gt 50dp lt  dimen gt           lt dimen name  quot pbd textual main layout padding horizontal quot  gt 5dp lt  dimen gt           lt dimen name  quot pbd textual main layout padding bottom quot  gt 15dp lt  dimen gt           lt dimen name  quot pbd textual title padding quot  gt 4dp lt  dimen gt           lt dimen name  quot pbd textual msg container margin quot  gt 3dp lt  dimen gt           lt dimen name  quot pbd textual msg container padding quot  gt 3dp lt  dimen gt           lt dimen name  quot pbd textual card elevation quot  gt 15dp lt  dimen gt           lt dimen name  quot pbd textual progressmsg padding start quot  gt 10dp lt  dimen gt           lt dimen name  quot pbd inner radius 30dp quot  gt 30dp lt  dimen gt           lt dimen name  quot pbd inner radius 60dp quot  gt 60dp lt  dimen gt           lt dimen name  quot pbd inner radius 90dp quot  gt 90dp lt  dimen gt           lt dimen name  quot pbd inner radius 120dp quot  gt 120dp lt  dimen gt           lt dimen name  quot pbd thickness 40dp quot  gt 40dp lt  dimen gt           lt dimen name  quot pbd thickness 30dp quot  gt 30dp lt  dimen gt           lt dimen name  quot pbd thickness 25dp quot  gt 25dp lt  dimen gt           lt dimen name  quot pbd thickness 20dp quot  gt 20dp lt  dimen gt           lt dimen name  quot pbd thickness 15dp quot  gt 15dp lt  dimen gt           lt dimen name  quot pbd thickness 10dp quot  gt 10dp lt  dimen gt   Styles Resources   lt  -- PROGRESS BAR DIALOG STYLES -- gt       lt style name  quot PBDCenterTextStyleWhite quot  gt           lt item name  quot android textAlignment quot  gt center lt  item gt           lt item name  quot android textAppearance quot  gt  android attr textAppearanceLarge lt  item gt           lt item name  quot android textStyle quot  gt bold italic lt  item gt           lt item name  quot android textColor quot  gt  color material white lt  item gt           lt item name  quot android layout gravity quot  gt center lt  item gt           lt item name  quot android gravity quot  gt center lt  item gt       lt  style gt        lt style name  quot PBDTextualTitle quot  gt           lt item name  quot android textAlignment quot  gt viewStart lt  item gt           lt item name  quot android textAppearance quot  gt  android attr textAppearanceLargeInverse lt  item gt           lt item name  quot android textStyle quot  gt bold italic lt  item gt           lt item name  quot android textColor quot  gt  color colorAccent lt  item gt           lt item name  quot android padding quot  gt  dimen pbd textual title padding lt  item gt           lt item name  quot android layout gravity quot  gt start lt  item gt           lt item name  quot android gravity quot  gt center vertical start lt  item gt           lt item name  quot android background quot  gt  color colorPrimaryDark lt  item gt       lt  style gt        lt style name  quot PBDTextualProgressMsgStyle quot  gt           lt item name  quot android textAlignment quot  gt viewStart lt  item gt           lt item name  quot android textAppearance quot  gt  android attr textAppearanceMedium lt  item gt           lt item name  quot android textColor quot  gt  color material black lt  item gt           lt item name  quot android textStyle quot  gt normal italic lt  item gt           lt item name  quot android paddingStart quot  gt  dimen pbd textual progressmsg padding start lt  item gt           lt item name  quot android layout gravity quot  gt start lt  item gt           lt item name  quot android gravity quot  gt center vertical start lt  item gt           lt item name  quot android background quot  gt  color material yellow A100 lt  item gt       lt  style gt        lt style name  quot PBDTextualMainLayoutStyle quot  gt           lt item name  quot android paddingLeft quot  gt  dimen pbd textual main layout padding horizontal lt  item gt           lt item name  quot android paddingRight quot  gt  dimen pbd textual main layout padding horizontal lt  item gt           lt item name  quot android paddingBottom quot  gt  dimen pbd textual main layout padding bottom lt  item gt           lt item name  quot android background quot  gt  color colorPrimaryDark lt  item gt       lt  style gt        lt style name  quot PBDProgressBarStyle quot  gt           lt item name  quot android layout gravity quot  gt center lt  item gt           lt item name  quot android gravity quot  gt center lt  item gt       lt  style gt

[android] How To Make Circle Custom Progress Bar in Android

Examples related to android