How do I add App Icons ?

Can anyone help me get my App Icons working on Apple TV? I've tried two different ways and still see nothing except an empty white icon on the Apple TVs home screen for my App.


Method 1

I used the Parallax Previewer tool to create a two layer 400 x 240 image and exported it to my Resources folder with the filename "AppIcon.lsr" and added it to my project. Then I added the following lines to my Info.plist file:


<key>CFBundleIconFiles</key>

<array>

<string>AppIcon.lsr</string>

</array>


Built the project and deployed it to my Apple TV devkit .... nothing but a white App Icon.


Method 2


Removed the stuff from Method 1 then clicked on "Use Asset Catalog" next to "App Icons Source" under my project's General tab. That created an Images.xcassets file in my Resources folder containing an empty "BrandAsset" folder. Then I clicked on the + button and selected "App Icons & Launch Images > New tvOS AppIcon and Top Shelf Image".This created another folder called "Brand Assets" above the "BrandAsset" folder. I then dragged my two 400 x 240 and two 1280 x 768 icon layer png files to the "App Icon - Small" and "App Icon - Large" image wells (used the Front and Back ones and left the Middle one empty). Everything looked good on the image previews and the icons moved around in parallax with the lighting. However, when I deployed the App I just got a white App Icon again. I then tried dragging the "App Icon - Large" and "App Icon - Small" assets from the "Brand Assets" folder to the "BrandAsset" folder and then started getting warnings "The brand asset collection "BrandAsset" has an unassigned item "App Icon - Large" and "The brand asset collection "BrandAsset" has an unassigned item "App Icon - Small". Do I have to add something to the Info.plist file to tell it what icons to use? I'm not sure what I'm supposed to assign these icons to or what I'm doing wrong here. Help !!!!!

Answered by Spuddy in 61661022

SUCCESS !!!


Okay, I've figured out how to fix this. The warning about unassigned items occurs when you drag an icon to another folder. This seems to break things and appears to be a bug. What I didn't realize was that there's a section in the XCode project's Build Settings called "Asset Catalog Compiler - Options". It's under all the Apple LLVM sections so scroll nearly all the way to the bottom and you'll see it. There you can change "Asset Catalog App Icon Set Name" and "Asset Catalog Launch Image Set Name" to whatever folder name you've created in the asset catalog.


So here are the steps you need to take to add an App Icon:


1) If you've clicked on the the arrow next to "App Icons Source" then click on your "Images.xcassets" file that it created and delete the "BrandAsset" folder.

2) Also delete the "Brand Assets" folder if you created one just to be safe.

3) Making sure no folders are selected in your asset catalog, press the + button and select "App Icons & Launch Images > New tvOS App Icon and Top Shelf Image". This will create a new "Brand Assets" folder containing your App Icon and Top Shelf image wells.

4) Rename the "Brand Assets" folder to whatever name makes sense. I changed mine to "tvOS Icon" which is what the DemoBots project uses but it really doesn't matter what you call it.

5) Drag your Large and Small png files over to the approprate image wells in the "App Icon - Large" and "App Icon - Small" image layers. You can delete or add layers as you need to.

6) Now, this is the important part .... go to your project's "Build Settings" tab, scroll down to the "Asset Catalog Compiler - Options" section near the bottom and change the "Asset Catalog Launch Image Set Name" to the name you changed the folder to in step 4 (eg "tvOS Icon").


Build and deploy and you should see your App Icon finally! Delete the App from your Apply TV device if you don't (Settings > General > Manage Storage) but you shouldn't have to.


Dragging items between folders in the asset catalog causes problems. Don't do it !!!

What ultimately did it for me was deleting the original folder structure for the icon and creating a new one that renamed it as Brand Assets. It also removed some other weird items that I had for the icon (e.g 1x 2x 3x for the layers). I created the project in the first beta, so my guess is things have changed slightly. After setting my icon to use the new BrandAssets folder, it worked.

Can everyone who's hit issues with Asset Catalogs please file bugs for issues they've hit here, and post the bug numbers? Method 2 above should have worked.

More icons problems.


Upon submission to the app store i keep getting errors on icons (error 90523) saying the back layer is transparent... which is not true. I can even replace the layer with a jpg instead of the png (that never had an alpha channel), and I keep getting these 90523 claims.


Btw, I'm building 5 layered psd files in Photoshop cs6 (no apple parallax plugin), and inserting each layer into the icon in the assets collection.


I don't have time for this type of problem - please investigate.

I've had the warnings about transparent pixels in images before too. I think it's a problem that occurs in Photoshop when you re-size the large image to create the smaller one. When you do this with bi-cubic filtering, it seems to make the outside pixels of the image slightly transparent. However, I've tried creating another layer underneath the image, filled it in with a solid colour and then flattened the image and that didn't fix the warnings either. The only way I've successfully fixed this annoying proiblem is to select the entire image, copy it to the clipboard, create a new image in Photoshop using a solid background, paste the image into it, flatten it and then save it, overwriting your original image that's giving you problems. Creating a new image with a solid background seems to do the trick.

where exactly is the Asset Catalog Compiler - Options?


Do not see it.

Thanks for the information. I'll make a new back layer with "Preview" and see if it works.


Bottom line, completeing an app - whats the biggest problem? :Dealing with the icons.


Btw, I made some really cool looking ones - I love 'em.


Apple has written in a little overkill with these things.

It doesn't matter what hoops I jump thru to make a back layer, and I've made it every thinkable way, I get a error 90523 from the app store. When I build in Xcode, xcode is fine with it. The App Store throws errors that have no merit.


I give up, this is way way too beta for me. I'll rejoin and submit an app after they get this thing out of beta. Right now this thing is a huge time-waster.

Is the App store even accepting Apple TV submissions yet? Why don't you wait until they are actually allowing submissions and see if it will work then. They probably have some bugs to work out.

How would I know? It's not like they communicate in anything more than smoke signals:)


I'm just trying to get it into Test Flight. How is a brother to know?

carlso2 - Can you please file a bug at bugreporter.apple.com (if you haven't already) and include the assets that are not working out for you, and respond with the bug ID?


(I tried sending smoke signals, but now I can't breathe in my office anymore... was a bad idea...)

I hate to be the bearer of bad news, but the bugreporter url responds with: {"message":"Your session has timed out due to inactivity. Please log in again.","isSessionError":true}


somkesignals rock!

So it does... stand by 🙂

Btw, I still can't get the bugreporter.


I believe that when the store validates my icons... and it rejects my small icon for 90523 (transparent back layer) - With the small icon, I think it's only examining three layers (but I've submitted a five layer icon) - so it constantly sees layer three as transparent, and rejects it. On the other hand, Xcode is checking all five layers, and knows that the back layer is 100% opaque. The app passes validation in Xcode, before being uploaded to the store. There is a conflict between your two validation systems. I've replaced the back layer with every possible method, and always get the same result.


I'm at a dead end with this process. I can't help you any more than this. The spec allows 5 layer icons, and that's what I went with. Try it on your own.

Same behaviour here,

I'm totally stuck with this submission error.


I've tried all of the responses found here but I keep getting with this submission error.

Where exactly is this?


6) Now, this is the important part .... go to your project's "Build Settings" tab, scroll down to the "Asset Catalog Compiler - Options" section near the bottom and change the "Asset Catalog Launch Image Set Name" to the name you changed the folder to in step 4 (eg "tvOS Icon").


Cannot find Asset Catalog Compiler - Options

How do I add App Icons ?
 
 
Q