When selected, an option is made available in the sidebar to change the name.Ī tab is just a way that you can organise your canvases. If you have difficulties with that (the double click seems a little flimsy sometimes) you can select “Tab” on the small dropdown at the top of the right column. Change it by double clicking on the tab’s name. I used plural because we might add more variations of a line chart at a future date to that tab. I like to rename Tab to something representing what it contains in this case we can call it LineCharts to represent the line chart that we will create. At the top you will see a tab called Tab (currently selected) and a StyleKit tab. Rather than trying to cover each and every menu item and option within PaintCode I’ll just mention the ones that we will see being changed. This reveals the Swift code which changes each time you make adjustments to objects on your canvas or by making changes to objects properties such as colours, variables, shadows, etc… Setting up the PaintCode Canvas If you hover the mouse over the centre of that bottom toolbar you will notice that you can left click and hold and then drag the bar up the screen. I typically flick somewhere between about 200% and 1,200% depending on if I need to work at a point level. Just set this to whatever works with you. After that we have the zoom level of the canvas. I just keep mine at Infinite Density although I can see benefits of 1x etc… so that you can see how your drawings would look at a different pixel density. This is merely just to decide on what you see within PaintCode and doesn’t change the output of the Swift code. On the right hand side of the middle section you have Infinite Density or you can set the resolution to 1, 2, or 3 times. For iOS we’ll use iOS – Swift, Swift 3, and the Default Origin. Along the bottom middle section are buttons for what to export, what version of the selected language as well as the origin on the canvas. A 5 day trial can be downloaded and is sufficient for this tutorial although I highly recommend purchasing it if you are an iOS developer looking for a way to draw images with code rather than create elsewhere. To get started you need to download PaintCode from the website. This tutorial will form part of another tutorial which will demonstrate in more detail how to make the line graph usable within an app. This tutorial demonstrates how you can make a line graph with PaintCode for your iOS app. Likewise, cutting down on the assets and putting them in code can be a great benefit for controlling the size of the app. This prevents the need to export or and then regenerate if an appears. The benefit is that you get resolution independent images that can look crystal clear at any size. When the StyleKit is added to your Xcode project you can make calls to the class and use UIDraw to put your drawings on screen. Throw in some variables for colours, size, position etc… and then import that in to your app by way of a StyleKit and you have a real simple way of creating clean looking icons, charts, and other items to be used in your app. The idea behind PaintCode is that you draw shapes in vector form, and then provide optional adjustments by using a simple expression language to add movement or changes to those shapes. Lets take a look and see what you can do with PaintCode. The current version is priced at £99 which seems reasonable for the amount of time saved when creating resolution independent images for your app. PixelCut recently launched a new version, version 3, that brings Swift 3 compatibility to the mix amongst a few other features. I have been a user of PaintCode since June 2012 when I downloaded version 1.1.1.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |