Hello, this is a great library. I like it. Thanks for your hard work. Can I ask how to show decimals number ?
Ex: I set max value to "10" and I want to show current value is "6.8". I have tried, but it show "68" not "6.8".

i tried to change the unit scale because i want the step to be 0.25 and to start the progress from 0 -10 , but it is not working , it is always 1.

Hi

i try to change color of text using:
setUnitColor & setTextColor
but i can't

what happened that Text color is same color of bar

note: i can change size of text using:
setTextSize

Regards

It would be nice to use other interpolators (specifically LinearInterpolator). I can make the change if you'll accept a pull request.

Hi, I tried following:

compile 'com.github.jakob-grabner:Circle-Progress-View:a9ac80c39b'

OR

compile 'com.github.jakob-grabner:Circle-Progress-View:1.1'

But, it comes error says:

Error:(45, 13) Failed to resolve: com.github.jakob-grabner:Circle-Progress-View:a9ac80c39b

May you suggest the correct way to install this library through gradle?

Is there any idea?

I always get same data from server. but when i refresh,the circle-progress-view will change from 0 to the value I set. why ?
this is code

  @Override
    public void onBindViewHolder(StoveHolder holder, int position) {
        DeviceEntity stoveItem = lists.get(position);
        if(stoveItem != null) {
            holder.stoveDevice.setBackgroundResource(StatusMap.statusAndView.get(stoveItem.getStatus().name()));
            holder.stoveNum.setText(stoveItem.getAssetsCode());
            holder.runState.setText(stoveItem.getStatus().name());
            holder.runStateBlock.setBackgroundResource(StatusMap.statusAndView.get(stoveItem.getStatus().name()));
            holder.timeLeft.setText(stoveItem.getResidualTime());
            holder.firstSetting.setText(stoveItem.getTemperature());

           // circle-progress-view  set value
            holder.firstActual.setValue(Float.parseFloat(stoveItem.getTemperature1()));


            holder.secondSetting.setText(stoveItem.getTemperature());
            holder.secondActual.setValue(Float.parseFloat(stoveItem.getTemperature2()));
            holder.thirdSetting.setText(stoveItem.getHumidity());
            holder.thirdActual.setValue(Float.parseFloat(stoveItem.getHumidity1()));
            holder.fourSetting.setText(stoveItem.getHumidity());
            holder.fourActual.setValue(Float.parseFloat(stoveItem.getHumidity2()));
            holder.productModel.setText(stoveItem.getMaterialCode());
            holder.orderNum.setText(stoveItem.getQuantity());
        }
    }

this is setAdapter

 recyclerView.setLayoutManager(new StaggeredGridLayoutManager(6,StaggeredGridLayoutManager.VERTICAL));
        adapter = new StoveAdapter(list,this, (view,code) -> {
            //jump to other page
            Intent intent = new Intent(MainActivity.this,DetailActivity.class);
            intent.putExtra(TAG,code);
            startActivity(intent);
        });
        recyclerView.setAdapter(adapter);

this is refresh from server

 // polling from server
        subscription =  HttpMethods.getInstance().getService(SacredsunService.class)
                .getDeviceBasicData(WORK_SHOP_NAME)
                .compose(RxHelper.io_main())
                .retryWhen(errors -> errors.flatMap(error -> Observable.timer(5, TimeUnit.SECONDS)))
                .repeatWhen(completed -> completed.delay(5, TimeUnit.SECONDS))
                .subscribe((r) -> {
                    Log.d(LOG_TAG,"onNext");
                   //   this is set value
                    list.clear();
                    list.addAll(r.getItems());
                    adapter.notifyDataSetChanged();
                },(e) -> {
                    e.printStackTrace();
                },() -> {
                    Log.d(LOG_TAG,"completed");
                });

display like this
picture

thanks !!!

The percentage number sometimes isn't exactly in the center of the circle. 1 out 3 times, it messes up and it slightly towards the right instead of the center.

Could you please create a new version of the master branch with the latest bug fixes? I'm running into a deadline and would really like to use this library. Thanks in advance!

xml:-
<at.grabner.circleprogress.CircleProgressView
android:id="@+id/circleView"
android:layout_width="75dp"
android:layout_height="75dp"
android:layout_marginTop="@dimen/dimen8"
android:layout_marginLeft="14dp" />

//rcolo=#6CBD50
//bcolo=#D26911
mCircle2.setRimColor(Color.parseColor(rcolo));
mCircle2.setBarColor(Color.parseColor(bcolo));

is my code is correct?

Hi jakob-grabner,

Can you tell me if it's possible to mask the Circular Progress View? Like this StackOverflow lays out?

http://stackoverflow.com/questions/31846237/android-mask-imageview-with-circular-progress-view

Thanks.

-- Rick

I want to show bar as dashed line, how can this be achieved in CiircleProgressView ?

is that by design? I'd like my text (e.g. "Saving...") to remain on display while the wheel is spinning.

<at.grabner.circleprogress.CircleProgressView
        android:id="@+id/circleView4"
        android:layout_width="84dp"
        android:layout_height="84dp"
        android:textAlignment="center"
        android:layout_marginTop="@dimen/dimen8"
        android:layout_marginLeft="@dimen/activity_horizontal_margin"
        CircleProgressView:cpv_unit="%"
        CircleProgressView:cpv_textScale="1"
        CircleProgressView:cpv_textSize="40sp"
        CircleProgressView:cpv_unitSize="30sp"
        CircleProgressView:cpv_unitPosition="right_top"
        CircleProgressView:cpv_unitScale="1"
        CircleProgressView:cpv_unitColor="@color/colorPrimary"
        CircleProgressView:cpv_showUnit="true"
        />

code using in java
int fval=Integer.parseInt(bvalu)*10;
mCircle2.setMaxValue(100);
mCircle2.setValueAnimated(fval);
mCircle2.setUnitVisible(true);
mCircle2.setUnitColor(Color.parseColor(bcolo));

    mCircle2.setRimColor(Color.parseColor(rcolo));
    mCircle2.setBarColor(Color.parseColor(bcolo));
    //colors of text and unit can be set via

mCircle2.setText("33");
mCircle2.setTextColor(Color.parseColor(bcolo));
//or to use the same color as in the gradient
// mCircle2.setAutoTextColor(true); //previous set values are ignored
mCircle2.setBarWidth(8);
mCircle2.setRimWidth(8);
mCircle2.setContourSize(0);

Bug with pointer. Pointer always in center view after inflate view before touch.
https://www.dropbox.com/s/vxvmm9z586dnzlm/Screenshot_20161215-113431.png?dl=0 - this is screenshot.
Device Samsung Galaxy S7.

I use this solution in onCreate:
// new Handler().postDelayed(new Runnable() {
// @OverRide
// public void run() {
// mCircleSeekBar.invalidate();
// }
// }, 70);

but is not good decision

Hi, nice Lib, is it possibile to set the start point of loading bar from top to left?

Hi,

I'm setting four colors for the gradient in that way:
customProgressBar.setBarColor(Color.RED, Color.BLUE, Color.GRAY, Color.GREEN);
customProgressBar.spin();

but only shows the progress with degault color, no gradient.

What I'm doing wrong?

Thanks in advance

Hi, I didn't find any property regarding this style represented in homepage. How can I do this?

Thanks for your answers!

I would like to extend CircleProgressView so that only touch events on the outer bar are handled by this view. This allows to add buttons on the center that also control the values on the bar. For instance think of a timer with a - and + buttons.

However mCenter and mXContour are private attributes with no "getters". It'd be nice to have these attributes as protected (so that they can be accessed by child classes), or to have "getter" methods.

i can't find the way to set the gradient from up to 4 colors, how can i do it?

I want to know whether we can change the position of the unit in the circle. I want to have it below the value that is displayed in the circle.

After I put it in a listview,it can not display progress value in normal way. There are always zero values among normal values.For example, the progress is from 0 to 100. Values should be increase continuously such as "1,2,3,4,5,6,...".But in these normal valuse many 0 will come. The result will be "1,2,3,0,0,4,0,5,0,0,6...". But if the view is not in listview it will work normally. I try to resolve it. But i failed. So please help me.

It's possibile to add the possibility to show decimal value like in this library?

Since @android:color/white is FFFFFF and you're using -1 (i.e the same value) to mean "no color specified", instead of getting white text, I'm getting the text which is the color of the bar at the current position.

My current workaround is to use FFFFFE for "close enough to white".

there is a bug in setBarColor(int color) method of CircleProgressView.
in if/else statement in line 524 should be:
this.mBarColors.length == 1
instead of:
this.mBarColors.length == 0

Does it have a touch mode ? I mean a mode where the value of the progress view can be modified by user when he touch circle ?

If not, what is the best way to implement that according to you ?

I want to use this with a timer. The timer time firstly increases from value of 42 to the the time I provided then it starts decreasing. I want to remove this initial value of 42. Not able to figure out.

src/main/res/values/attrs.xml

    <attr name="cpv_unitPosition" format="enum">
        <enum name="top" value="0" />
        <enum name="bottom" value="1" />
        <enum name="left_top" value="2" />
        <enum name="right_top" value="3" />
        <enum name="left_bottom" value="2" />
        <enum name="right_bottom" value="3" />
    </attr>

Below enums:

• "right_top" and "right_bottom"
• "left_top" and "left_bottom"
  have the same values.

I believe that's the reason why "right_bottom" position is not working as expected when using xml attributes ;)

Hi, is there a way to make the ring borderless, i would like it to use whole screen with no margin around it

what is current attributes are? "cpv_barWidth" are unknown for IDE

public void setBarColor(@ColorInt int... barColors) {
        this.mBarColors = barColors;
        if (mBarColors.length > 1) {
            ...
        } else if (mBarColors.length == 0) {
            mBarPaint.setColor(mBarColors[0]);
            mBarPaint.setShader(null);
        } else {
            mBarPaint.setColor(mBarColorStandard);
            mBarPaint.setShader(null);
        }
    }

Obviously we need to set standart color when mBarColors.length == 0, not otherwise))

PS gonna make a pull request soon

I can't manage to get my value centered vertically in the progress bar. The value seems to have its pivot at the top. So, when it grows (through auto text size or manual size) its top is aligened to the middle of the progressbar center and it grows towards the half bottom part of the progress bar. I can upload pictures if needed.

xml code:

<at.grabner.circleprogress.CircleProgressView
                android:id="@+id/circleView"
                android:layout_width="100"
                android:layout_height="100"
                android:layout_centerInParent="true"

                app:cpv_value="10"
                app:cpv_maxValue="100"
                app:cpv_barColor="@color/main_screen_progressbar_rim_fg_color"
                app:cpv_rimColor="@color/main_screen_progressbar_rim_bg_color"
                app:cpv_textColor="#FFFFFF"
                app:cpv_unitColor="#FFFFFF"
                app:cpv_spinColor="@color/main_screen_progressbar_rim_fg_color"
                app:cpv_barWidth="10dp"
                app:cpv_rimWidth="10dp"
                app:cpv_contourSize="0dp"
                app:cpv_autoTextSize="true"
                app:cpv_seekMode="true"
                app:cpv_unit="%"
                app:cpv_unitPosition="right_bottom"
                app:cpv_unitScale="1"
                app:cpv_textScale="1"
                app:cpv_showUnit="true"/>

also : Error:(2) Attribute "fillColor" has already been defined

How to add shadow on circle-progress?

I tried to add the shadow like this:
mBar Paint.setShadowLayer (radius, dx, dy, shadowColor);
but without success. : /

If the textSize attribute is set in xml, the unit text is mis-positioned; it ends up being above the circle (it's hard to see because it's cut off, but you can see the bottom pixel or so). For example, if I add

    CircleProgressView:textSize="48dp"

in ExampleApp's activity_main.xml, and then run it, I get this:

I assume the problem is somewhere in here, but I'm having trouble following it...

        if (update) {
            //calc unit text position
            mUnitBounds = new RectF(mOuterTextBounds.left + (mOuterTextBounds.width() * (1 - mRelativeUniteSize) * relativeGap), mOuterTextBounds.top, mOuterTextBounds.right, mOuterTextBounds.bottom);
            mUnitTextPaint.setTextSize(calcTextSizeForRect(mUnit, mUnitTextPaint, mUnitBounds) * mUnitScale);
            mUnitBounds = getTextBounds(mUnit, mUnitTextPaint, mUnitBounds);
            //move unite to top of text
            float dy = mActualTextBounds.top - mUnitBounds.top;
            mUnitBounds.offset(0, dy);
        }

circleView.setValue(2.5f);

the text UI shows 2
the bar indicates 2.5

Instead of showing Latin numbers, i wanna show arabic numbers like ۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ?

I think you need to declare it as format=integer

After changing the view size due to a re-layout the text is no longer centered.

Hi Mr.Jakon

How to use gradient color for circle_progress?

Thanks.

Is the Log form the getTextColor()-function really a warning?

Otherwise please comment it out, because it's spamming my logcat!

Variable fullRadius in CircleProgressView.java (line 1276) is not used anywhere in the code.

Is it possibile to set some margin to unit and amount of %, since is not centered.

Thanks

It would be great if I could put an image instead of text. Like this: https://github.com/lopspower/CircularFillableLoaders/raw/master/preview/preview.gif

Using drawPath instead of drawArc may be better.

Out of curiosity, why do you use "dimension" formats in attrs.xml for things like maxValue and spinSpeed (as opposed to say, integer or float). Is there are benefit to this that I'm not aware of? Or was it just an unintentional copy-paste thing?