Your canvas is now the correct size for the progress bar you’ll be making in this tutorial. Use the Inspector to rename the canvas to Progress Bar and set the Width to 290 and the Height to 13: It’s always interesting to see the generated code as you move through the tutorial – if nothing else, it’s a cool way of learning Core Graphics! :] Then open PaintCode and create a new document by going to File\New on the main menu.Įnsure that your PaintCode screen is set up with the Library on the left and that the Code panel at the bottom is visible and set to iOS > Swift. The free trial will not work for this tutorial it has a number of restrictions such as the inability to copy/paste, the inability to export code, and more. Without further, it’s time to get started on your custom progress bar! Getting Startedįirst make sure you have a paid copy of PaintCode. You can still follow along with the simulator, but you won’t be able to see the progress bar update in real time. To properly test Songy, you will need a physical iOS device with at least one song stored in your music library. You’ll then add this progress bar to Songy, a music player app, to show the progress of the song playing from your device’s music library. In this intermediate PaintCode tutorial, you’ll draw a dynamic custom progress bar in PaintCode. You learned a lot but that only scratches the surface of what PaintCode can do! As you may know, PaintCode is a fantastic little Mac app that turns your vector graphic designs into Core Graphics code you can easily use in your iOS apps.Ī while back we wrote a PaintCode tutorial for designers and a PaintCode tutorial for developers that taught you how to create and animate a stop watch control in PaintCode, and integrate it into your own iOS app.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |