How to set up App Icons for tvOS Apps in Xcode - xcode

Just got the new Apple TV and I am trying to setup App Icons for a new app. It is asking for Front, Middle and Back images for both "App Icon - Large" and for "App Icon Small". I have tried putting a 512x512 image in for Middle and get the following error:
The last image stack layer with content, "Middle", must exactly fill the image stack. Its current frame is {{384, 128}, {512, 512}} while the image stack's size is {1280, 768}.
Does a 1280x768 image need to be used? More importantly, what exactly is needed in terms of image assets for tvOS Apps?

You need at least 2 images for both the App Icon - Large & App Icon - Small
(So total of 4 images - I used at first just the front & back, then I used all three layers for a total of 6 images)
The large icon is 1280x768, and the small one is 400 x 240
Apple's document:
https://developer.apple.com/tvos/human-interface-guidelines/icons-and-images/
Doesn't seems to specify that you only need one image for the 1280x768. But
I wasn't able to submit my App with just one image. I rendered my icons in the
full 1280x768 size and then scaled to 400 x 240.
In addition, you need to add the Top Shelf image which is 1920 x 720.
(Top Shelf Wide seems to be 2320 x 720.)

https://developer.apple.com/forums/thread/20689
Yes, you have add mismatched icons, that's why getting the error
Once you check all the sizes is correct

Related

Unable to upload screenshots to G Suite Marketplace

I tried to upload a screenshot to publish a private Spreadsheet add-on.
However, it did not complete with a "Not saved" message.
"Not saved" message image
The screenshot field is a required and I cannot publish the add-on.
Steps to reproduce:
Click "Add screenshot"
Upload an image
Click “Done"
The requirements for a screenshot are:
Screenshots of your application. At least one is required, but you can
optionally provide up to five screenshots. These should be 1280 x 800
pixels in size. If necessary, screenshots 640 x 400 pixels or 2560 x
1600 pixels in size can be used. Your screenshots should have square
corners and no padding (full bleed).
After uploading a screenshot that fulfills the requirements you need to make sure that all other required fields (e.g. Developer website
) are filled out
Once all required fields are filled out correctly, the Update button becomes enabled
After clicking on the Update button your screenshot and other changes will become saved

Swift 4 How to force Xcode to render vector images?

I am writing the app using latest Swift 4.1.2 and Xcode 9.4.1 for iOS 11.4. So I want to use vector images in my app in PDF format. I made the simple app which showing the problem, please, look:
This app only show only one image, but if you rotate the screen, rendering happens and picture becomes beautiful.
So the question is: how to force Xcode render vector images in Main.storyboard without touching the code? So app upload already rendered images?
Go to -> Images.xcassets and select the image. From the attributes inspector, make sure that preserve vector data is checked as following:
I hope it solves your problem.
Xcode 9 changes situation for vector data by allowing you to choose to treat the image as a vector at runtime. This means the image can smoothly scale to arbitrary sizes. The only change you need to make is to tick Preserve Vector Data for the PDF image in the asset catalog.

What's the proper size of a custom AppBarButton image

In stead of using the default symbol icons from Microsoft, I want to create some custom icons. Then I read upon this which explains how to achieve this.
<AppBarButton Label="BitmapIcon" Click="AppBarButton_Click">
<AppBarButton.Icon>
<BitmapIcon UriSource="ms-appx:///Assets/globe.png"/>
</AppBarButton.Icon>
</AppBarButton>
The above is working great. But my question is: what should the size of the icon image be (in this case globe.png)?
The answer to your question you can find at MSDN:
Icon images should be 48 x 48 pixels in size. The foreground graphic for the button should fit in a 26 x 26 area in the center of the image so that it does not overlap the circle.
Microsoft also published PSD files for assets - the link stands for Windows Phone 8 assets, but as far as I know the appbarbutton's icon hasn't changed.

Adding Image for App Icon throws following message: "did not have any applicable content Xcode"

I am using Xcode 6.1.1 and IOS 8.1.2 and try to add images for my app's icon; using the App Icon Sources option in the "App Icons and Launch images " in the Project General sheet.
Every time I upload images to match the required displayed Point size, I receive the following message from Xcode: " Did not have any applicable content Xcode". For example, uploading a 60pt square picture for the "iPhone App IOS 7,8 60pts"
It results into a compilation error, every time.
How to solve this?
In fact, the problem has come from the fact that the imported image for the app icon didn't have the proper size. In Xcode, it depicts the Icon size in Pt, as 29pt 2x, 40pt 2x, 60pt 2x and 60pt 3x. However, it is not possible to identify the pixel size of the required image from the literature.
One trick is to import one image for each of this icon; and opening the warning list. It will tell you the expected size.
However, here is the size in pixel for the app icons:
IPhone Spotlight - IOS 5,6 Settings, IOS 5-8 29pt 2x : 58 pixels
IPhone Spotlight IOS 7,8 40pt 2x: 80 pixels
IPhone App IOS 7,8 60pt 2x: 120 pixels
IPhone App IOS 7,8 60pt 3x: 180 pixels
Hope it can help you should you be in similar trouble :)

image size for iPad

I'm creating a magazine to read on an iPad and am having problems with creating readable pages. What size (DPI and MB) should my files be? And I'm doing an export from InDesign, are there any suggested steps that should be taken here?
The iPad display is at 132 PPI.
The iPad display is 1024 x 768 - I'd recommend making your images that size.
That's right, the image size for iPad is by default 1024x768, but I recommend you to create your file in 1152x1536 px if you want to zoom-in in your image on iPad end keep a good quality of display.
Are you creating a pdf of the entire document or saving the pages as images? You may also want to consider the way users will be accessing the document (online, each page downloaded or as an application) If it is an application you will be able to have larger page sizes. If online, then download size will definitely become a factor in how it looks. If you shrink the quality too much, your rendered text will be the first thing on the page to suffer.
Have you done any research into what you find a comfortable to read text size (i.e., with popular science, wired, or project magazines? Another one to check is digital2.0 or the first of the RAW applications which was put out) These magazine apps use scrolling text regions in a lot of cases, but you can at least see how they use fonts and how comfortable they will be at different sizes.

Resources