I know it's a new feature and this may not be possible, but I would love to be able to use an Asset Catalog to organize my assets, but I access all of my images programmatically. How would I access my images, now? Do I still access them by their file names like so:
[UIImage imageNamed:@"my-asset-name.png"];
Seemingly, the Asset Catalog doesn't reference the extension, so would it be more efficient to access it without the ".png"?
The reason I am asking instead of testing for myself is that even after removing my assets and Asset Catalog, then cleaning the build folder, I can still access my assets in my application. This is preventing me from testing the Asset Catalog, when I implement it.
After looking through the Asset Catalog, I found the "Contents.json" for each asset and it's formatted like so:
{
"images" : [
{
"idiom" : "universal",
"scale" : "1x"
},
{
"idiom" : "universal",
"scale" : "2x",
"filename" : "[email protected]"
}
],
"info" : {
"version" : 1,
"author" : "xcode"
}
}
I'm still unsure of how I should be accessing it, but maybe this will help?
In order to access the image from the Asset Catalog, you only need to access the name of the asset group without any extensions.
So, if you add an image named @"[email protected]"
to the Asset Catalog, it will create an asset group called my-button
.
Now, all you have to do is access the image like so:
// Objective-C
[UIImage imageNamed:@"my-button"];
// Swift
UIImage(named: "my-button")
Also, you can edit the asset group by renaming it (without renaming the images) or changing it's individual components. This will allow you to follow easier naming conventions as well as show completely different assets between different UIScreen
scale
s without any scale
checks.
In order to incorporate images for different device sizes, you may need to toggle it under the "Devices" subheading in the Asset Catalog Group's options. Here is an example of that toggle (available by right clicking the group).