2

I am building a custom like progress view as in Samsung S Health app. Shown below is the screen shot.

enter image description here

I am able to build a circular view something like this:

enter image description here

But not sure how to build like the S health one (ellipse shape). Did any of you tried or have idea how to build this?

suresh cheemalamudi
  • 6,190
  • 11
  • 49
  • 67
  • r u showing custom progress-view or using progress-bar? – TheFlash Aug 06 '13 at 10:07
  • @Pratik Its a custom progress-view, using canvas drawing and stuff. – suresh cheemalamudi Aug 06 '13 at 10:09
  • k got it..i haven't worked it yet.but the purpose is to show progress as it is going on. – TheFlash Aug 06 '13 at 10:12
  • here you can find how to draw the circular progress view.(not the S health one) https://github.com/Todd-Davies/ProgressWheel/blob/master/src/com/todddavies/components/progressbar/ProgressWheel.java – suresh cheemalamudi Aug 06 '13 at 10:13
  • 1
    probably they use a bunch of different images and do a frame animation just like the facebook sign in progress dialog. – Andro Selva Aug 06 '13 at 10:14
  • @AndroSelva please have a look at this library :https://github.com/Todd-Davies/ProgressWheel I used this to draw custom progress view (2nd one among the screenshots shown in my question). Can i alter this to get something like the S health one.? – suresh cheemalamudi Aug 06 '13 at 10:22
  • 1
    use a Path http://developer.android.com/reference/android/graphics/Path.html with lineTo and arcTo methods – pskink Aug 06 '13 at 10:14

1 Answers1

0

There's a Canvas.drawPath() method that allows you to do any type of magic.

Also I'm currently working on a library that will contain progress views with different animations. You can check it out here, maybe it will help you: https://github.com/vulko/AnimatedArcProgressView

Kirill Volkov
  • 942
  • 1
  • 9
  • 18