How to Use Vectors in Xcode 7

How to Habituate Vectors in Xcode 7

How-To, Icons, Tools – 2 MIN READ

You found the perfect vector icons and lived merrily of all time after… until you run headlong into Xcode. Xcode 7 doesn't take full transmitter hold up for iOS, which can make your icons wait something like this:
dr_unit_grid

How Vectors Work in Xcode 7

Instead of scaling vectors at run time, the Xcode system takes your PDF image and generates @1x PNG, @2x PNG, and @3x PNG assets at build time.
Say you have a home.pdf that is a 100x100px transmitter plus. When you build your see, Xcode creates the following files from it:

@1x home plate.png at 100x100px
@2x home.png at 200x200px
@3x home.png at 300x300px

When you streamlet the app, iOS mechanically picks the size of the ikon contingent the device.

Why Vectors Work This Way in Xcode 7

There are a few assertable reasons for Apple to make IT work like this:

Backwards compatible with early iOS versions
No performance hits. By comparison, resizing vectors may be a computationally intensive task at run time

Why Use Vectors if We End skyward Having PNGs

To save time creating image assets (unless you possess a tool that already does information technology for you)
Fewer files to maintain
Future proof support (e.g. if in iOS 15 Apple begins to necessitate @4x assets)

Embedding Vectors in Xcode 7

1. Give PDFs With the @1x Asset

You give the axe use Adobe Illustrator operating room any other vector editing tool.
dr_unit_grid
Think that you cannot choose a new size for the image. Stick with the size you've specified, or create a new PDF for a large size.
Whatsoever doubts about the picture sizes? Feel out our pass.

2. Create an Image Set in Your XCAsset File

If you don't have an Images.xcassets file, you'll have to create it first. From in that location, chooseNew Image Solidification from the Editor menu.
dr_unit_grid

3. Ready the Scurf Factors to Single Transmitter

If you use Xcode 6.3 or newer, select the Attributes Inspector and pick Single Transmitter in the Musical scale Factors. In older versions you should set Types to Vectors.
dr_unit_grid

4. Drag and Drop Your PDF Into the All, Cosmopolitan Section

The pretermit orientAll, Universal proposition will automatically appear in the Visualize Set.
dr_unit_grid

5. Refer to Your Image away Its Name, Like for whatsoever PNG File

For example: [UIImage imageNamed:@"Home"]

Credits

Thank you, lamb Senseful, for your competent answer on Stack Overflow. IT became the institution for this article.
Icons8 iOS developer Pavel prepared a rewrite. Pavel is also a CTO at ZipZapMac – a Mac software exploitation company. He knows the solutions to a variety of problems: from working around bugs of OS X components to avoiding a ban in App Store.
Our editor Josh and a content strategist Uliana helped us to attain this text even more decipherable.
No matter if you're a developer or a designer – usability studies benefit one. And they can embody fun as well – check out Don't Listen in to Users and 4 Separate Myths Around Usableness Testing

Bonus: how to increase your productivity [written by our lead developer] : Productivity Tools: When the Faintest Ink Is More Powerful Than the Strongest Memory

Source: https://blog.icons8.com/articles/how-to-use-vectors-in-xcode-7/

Posted by: millerforcer.blogspot.com

How to Use Vectors in Xcode 7 - millerforcer

How to Habituate Vectors in Xcode 7