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 !!!!!
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 !!!
