Vector Assets on iOS
description
Transcript of Vector Assets on iOS
![Page 1: Vector Assets on iOS](https://reader034.fdocuments.net/reader034/viewer/2022052507/55878c1dd8b42a3b5d8b457e/html5/thumbnails/1.jpg)
Vector Assets on iOS
![Page 2: Vector Assets on iOS](https://reader034.fdocuments.net/reader034/viewer/2022052507/55878c1dd8b42a3b5d8b457e/html5/thumbnails/2.jpg)
Bitmap Images• Coloured squares in a grid
make up an image
• Pixels
• Fixed size, determined by number of pixels
• Resolution dependent
• Scaling is undesirable
![Page 3: Vector Assets on iOS](https://reader034.fdocuments.net/reader034/viewer/2022052507/55878c1dd8b42a3b5d8b457e/html5/thumbnails/3.jpg)
Bitmap Images
![Page 4: Vector Assets on iOS](https://reader034.fdocuments.net/reader034/viewer/2022052507/55878c1dd8b42a3b5d8b457e/html5/thumbnails/4.jpg)
Vector Images
• Mathematical shapes
• Resolution independent
• Scales beautifully
![Page 5: Vector Assets on iOS](https://reader034.fdocuments.net/reader034/viewer/2022052507/55878c1dd8b42a3b5d8b457e/html5/thumbnails/5.jpg)
![Page 6: Vector Assets on iOS](https://reader034.fdocuments.net/reader034/viewer/2022052507/55878c1dd8b42a3b5d8b457e/html5/thumbnails/6.jpg)
Vector Images on iOS• Promises smaller app size
• Streamlined workflow for designers
• More flexible
• Not currently popular
![Page 7: Vector Assets on iOS](https://reader034.fdocuments.net/reader034/viewer/2022052507/55878c1dd8b42a3b5d8b457e/html5/thumbnails/7.jpg)
Technologies
• Asset Catalogs
• Open-source frameworks
• PaintCode
![Page 8: Vector Assets on iOS](https://reader034.fdocuments.net/reader034/viewer/2022052507/55878c1dd8b42a3b5d8b457e/html5/thumbnails/8.jpg)
• Supports Vector assets in PDF format
• Generates bitmaps at build time
• Still copies the PDFs into your app
Asset Catalogs
![Page 9: Vector Assets on iOS](https://reader034.fdocuments.net/reader034/viewer/2022052507/55878c1dd8b42a3b5d8b457e/html5/thumbnails/9.jpg)
SVGKit• Open-source iOS framework
• SVG format
• Too buggy
![Page 10: Vector Assets on iOS](https://reader034.fdocuments.net/reader034/viewer/2022052507/55878c1dd8b42a3b5d8b457e/html5/thumbnails/10.jpg)
PDFImage• Open-source iOS framework
• Same format as Asset Catalog
• Renders at run-time
• No unnecessary assets
• Supports animation
![Page 11: Vector Assets on iOS](https://reader034.fdocuments.net/reader034/viewer/2022052507/55878c1dd8b42a3b5d8b457e/html5/thumbnails/11.jpg)
• Commercial graphics tool and code generator
• Supports many formats, ton of extra features
• Renders at run-time
• Real-time code generation. No assets at all?
• Supports animation, dynamic colours, dynamic shapes, parametric drawing via variables and expressions
PaintCode $99.99
![Page 12: Vector Assets on iOS](https://reader034.fdocuments.net/reader034/viewer/2022052507/55878c1dd8b42a3b5d8b457e/html5/thumbnails/12.jpg)
Vector Assets on iOS
• Implementation details are important.
• Asset Catalog probably not what you want.
• PDFImage works as advertised, but is 3rd party.
• PaintCode is awesome, worth it if you go beyond just plain vector images.