Play button animation

[k114l3d]

Hi all,

Im new here so apologies if this has been asked before. I am developing an app that uses a play button. I am after something like the Shazam app play button where you press play and it shows a timer sort of thing. The sort of circle thing with the time ticking around it???

I have no idea what it is called and have looked online but cant find anything.

Any help is much appreciated

[dany_dev]

seem to be what you are looking for: MGPRoundProgressButton for iOS - Cocoa Controls

[k114l3d]

Originally Posted by dany_dev

seem to be what you are looking for: MGPRoundProgressButton for iOS - Cocoa Controls

Yes that seems ok, however its not quite what i am looking for. Isnt there a native button that does this instead of creating it manually? Similar to the play button to the iTunes app?

[Duncan C]

Originally Posted by k114l3d

Yes that seems ok, however its not quite what i am looking for. Isnt there a native button that does this instead of creating it manually? Similar to the play button to the iTunes app?

I'm confused. Shazam and iTunes have totally different looks to their buttons.

In Shazam, there is a circular progress bar style animation that shows a dark blue "pie slice" starting out very thin, and growing until it covers all 360 degrees of a circle around the central button.

iTunes uses a very simple circular play/pause button. You tap it and it switches between a play triangle and the 2 lines for pause.

Which is it you want?

(BTW, I don't think either is a native button supported directly by the OS. The play/pause button in iTunes would be a simple custom button with 2 images and a little code to support switching states. With the artwork I could whip that up in about 10 minutes. the shazam circular progress bar would be more work, but the other poster showed a sample project that does nearly the same thing, that could be pretty easily adapted to a different look.)

[k114l3d]

Originally Posted by Duncan C

I'm confused. Shazam and iTunes have totally different looks to their buttons.

In Shazam, there is a circular progress bar style animation that shows a dark blue "pie slice" starting out very thin, and growing until it covers all 360 degrees of a circle around the central button.

iTunes uses a very simple circular play/pause button. You tap it and it switches between a play triangle and the 2 lines for pause.

Which is it you want?

(BTW, I don't think either is a native button supported directly by the OS. The play/pause button in iTunes would be a simple custom button with 2 images and a little code to support switching states. With the artwork I could whip that up in about 10 minutes. the shazam circular progress bar would be more work, but the other poster showed a sample project that does nearly the same thing, that could be pretty easily adapted to a different look.)

Hi, thanks for taking time out to get back to me. I am after something like the iTunes play/pause button. I cant seem to find any documentation for it so it may well be that it is a custom button. I dont suppose you have a sample demo of this? The previous posters button seems ok but in terms of looks doesnt look as good as the iTunes one (in my opinion anyway).

[dany_dev]

the button that i see in iTunes is the exact thing of the control that I linked, you need to customize it as you prefer....You can't expect that someone already do it...

[k114l3d]

Originally Posted by dany_dev

the button that i see in iTunes is the exact thing of the control that I linked, you need to customize it as you prefer....You can't expect that someone already do it...

hi, if i am correct, the code you linked draws the button using vectors?? i thought there was a supported way of doing this?

sorry but i am new to iphone programming so am not too familiar with this sort of thing. which parts in question would i need to customize?

[k114l3d]

Originally Posted by k114l3d

hi, if i am correct, the code you linked draws the button using vectors?? i thought there was a supported way of doing this?

sorry but i am new to iphone programming so am not too familiar with this sort of thing. which parts in question would i need to customize?

anyone??