Since completely rewriting WastedTime into SwiftUI and fixing it to run nearly the same code across macOS, watchOS, iOS, iPadOS, and tvOS, I’ve not been happy with the way I’ve handled the fonts.<\/p>\n\n\n\n
Today I took a step back and made changes to better handle the needs of larger devices. <\/p>\n\n\n\n
Ultimately the code is pretty easy. First I added a new computed property on most screens. This computed property works on all platforms EXCEPT for watchOS. Here it is – <\/p>\n\n\n\n
var isIpad: Bool {\n #if !os(watchOS)\n UIDevice.current.userInterfaceIdiom == .pad\n #else\n false\n #endif\n}<\/code><\/pre>\n\n\n\nAll this does is define a simple boolean indicating if you are on a iPad like device. The reason there is a compiler directive looking for watchOS is that UIDevice is not available in watchOS. Luckily, we can just set the isIPad to false if we are on the watch.<\/p>\n\n\n\n
Second, I define a new extension on SwiftUI’s Font with two computed properties:<\/p>\n\n\n\n
extension Font {\n static var systemSpecificBody: Font {\n #if !targetEnvironment(macCatalyst)\n #if os(iOS) || os(watchOS) || os(tvOS)\n .body\n #else\n .title\n #endif\n #else\n .title\n #endif\n }\n\n static var iPadSpecificBody: Font {\n .title\n }\n}<\/code><\/pre>\n\n\n\nThese two computed properties are used to return the font size I’d like to use for text. The reason I have two is so that I can use my previously defined boolean (isIPad) to set the font. Again we uncover a difference between Apple’s platforms. there is no compiler directive to say you are compiling for iPadOS. iPadOS is evidently more just marketing, and not really an operating system.<\/p>\n\n\n\n
Additionally, since I am using macCatalyst for my macOS version of WastedTime, I have to capture the targetEnvironment to recognize that I will be running on macOS. <\/p>\n\n\n\n
Having done both of these preparatory steps, I can now easily set the font for any text in my SwiftUI views. I do this with following code:<\/p>\n\n\n\n
.font(isIpad ? .iPadSpecificBody : .systemSpecificBody)<\/code><\/pre>\n\n\n\nThis is a ternary, basically an inline if-else statement. The means set the value of .font to .iPadSpecificBody if the value of isIPad is true, otherwise use .systemSpecificBody.<\/p>\n\n\n\n
And that’s it. I now correctly increase the fonts from .body to .title for those devices that have more space. <\/p>\n","protected":false},"excerpt":{"rendered":"
Since completely rewriting WastedTime into SwiftUI and fixing it to run nearly the same code across macOS, watchOS, iOS, iPadOS, and tvOS, I’ve not been happy with the way I’ve handled the fonts. Today I took a step back and made changes to better handle the needs of larger devices. Ultimately the code is pretty […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_wp_convertkit_post_meta":{"form":"-1","landing_page":"0","tag":"0","restrict_content":"0"},"hide_page_title":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[2,3],"tags":[527,426],"class_list":["post-2987","post","type-post","status-publish","format-standard","hentry","category-blog","category-personal-softwareandit","tag-swiftui","tag-wasted-time"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t