Open Radar

 
Summary:

Template images render incorrectly on an Apple Watch device.

Steps to Reproduce:

1) Open the attached project
2) Run the project on the Watch simulator
3) Note the corners at the center of the plus sign on the screen
4) Run the project on an Apple Watch device
5) Note the corners at the center of the plus sign on the screen

Expected Results:

In steps 3 & 5, the corners should be sharp.

Actual Results:

In step 3, the corners (in the simulator) are sharp. In step 5, the corners have a fringe.

Regression:

Not known: I never tried this with previous versions of watchOS.

Notes:

The source image in the project is "plus.png" in the "Clicker WatchKit App" target's Assets catalog.

The fringe is caused when a tint is applied to the image. If no tint is applied, the corners are sharp.

For reference, the following images demonstrate the problem.

The original image:

http://files.iconfactory.net/craig/bugs/plus.png

How it renders on the device:

http://files.iconfactory.net/craig/bugs/Device.png

Original image rendered on top of device result:

http://files.iconfactory.net/craig/bugs/DeviceOverlay.png

Original image rendered on top of simulator result:

http://files.iconfactory.net/craig/bugs/SimulatorOverlay.png

----

April 26, 2016:

Please re-open this bug. I thought it was fixed, but is still present in watchOS 2.2 (13V144).

The gotcha is that the Bold Text option needs to be enabled (Settings > Brightness & Text Size > Bold Text = ON)

This is probably why it also works fine in the watchOS Simulator: there is no option there to enable Bold Text.