I’ve been busy since I fully rewrote SpeakerClock in SwiftUI. That was model 1.2.0.
The App Retailer gives an idea referred to as Common Buy, which is the place buying an app on one gadget additionally unlocks it on all different supported platforms. Within the earlier model I added a Mac model. This replace now provides the AppleTV model. Nonetheless a minor replace, as a result of the performance is equivalent, but all three variations profit from enhancements.
As on the opposite platforms I needed to maintain the UI equivalent, whereas optimising for the display dimensions at hand. The principle problem was that opposite to the direct manipulation on the opposite platforms (with finger or mouse pointer) you’re controlling give attention to Apple TV with the distant.
So my spherical LED buttons have an extra white circle if they’re in focus. That didn’t look good for the LED digits nevertheless. So there I used the LED digits shadow to present it a white glow. Whereas the timer is thus focussed you’ll be able to alter it by swiping horizontally in your Apple TV distant.
I needed to keep away from having the white glow being energetic whereas the timer is operating, it could quickly be annoying to the consumer. So for those who begin the timer by way of tapping on the distant, I place focus again on the at the moment energetic preset.

The second massive change for the Apple TV involved the consumer information which is proven by way of the button with the query mark. Since there isn’t a direct manipulation of a scroll view I experimented with having the person paragraphs be focusable. However that didn’t work out properly.
In the long run I discarded the ScrollView and as a substitute put the person consumer information sections on separate tabs. Since there was loads of empty area across the textual content, I added some eye sweet. A few of which is definitely interactive.

Lastly, the hidden bonus function which probably solely builders would care about considerations the a number of layers of the app icon. The icons are all generated with authentic stay consumer interface components from the app. The non-TV icons had been fairly easy to do like that. On TV nevertheless an app icon has a number of layers that are proven three-dimensionally floating in an superior parallax impact.
To attain this for SpeakerClock I divided the a number of layers such that you’ve the inactive LED bars on the again, the energetic LED components within the center and the visitors gentle within the entrance.

Subsequent up I’ll be trying right into a Watch app. Though there it would make sense to attend for the iOS 15 function the place you’ll be able to proceed to replace the display each second. Additionally it’s best to be capable of use the watch as distant management for SpeakerClock operating on some other platforms.
When you’ve got any concepts or requests or questions, please be at liberty to contact me by e-mail.
Additionally revealed on Medium.
Associated
Classes: Updates