開發者週報 #156 動態島 vs 靜態半島

Apple/iOS 開發者的一週大小事 2022/09/05-2022/09/11

Sep 11

13的話

iOS 16 正式版會在台灣時間 9/13 推出。
但這次發表 iPhone 14 Pro 帶來的變化，應該會讓開發者忙上好一陣子，可能還得採購新手機來測試。
這期我貼了很多推文，有的截圖要點開才看得到，還請讀者自行動手了。
話說，以前有些人會用「蘋果💊」表達「蘋果要完蛋了」的玩笑。現在有了膠囊形狀的動態島以後，就是別的意思了吧😂
我想要累積到 100 位支持的讀者，目前的進度為 27%，請訂閱我的 Patreon！
看在我這麼認真整理開發者注意事項的份上，還請多多支持🙏
（看前一期 · 回首頁）

💊動態島

不知道你看發表會時有沒有注意到。我覺得動態島的各種動畫效果在 iOS 原生介面中很少看到，但以後可能會成為顯學。

為了這個原因，也許值得買台 iPhone 14 Pro Max 做研究！

我在幫大家找花錢的理由啦～

細節真的很多喔，底下不只是影子而是些微模糊。

Sebastiaan de With @sdw

Fun iPhone 14 Pro design detail: the Dynamic Island UI pop-overs cast not just a shadow, but also a progressive blur effect on the background. Subtle and pretty. (Good luck accurately reproducing this in Sketch or Figma)

動態島會出現在截圖上，可能對於某些使用者會有困擾？（可能要點進去才看得到）

13 @ethanhuang13

Apparently, screenshots from an iPhone 14 Pro(Max) will have the 💊.

所以我提出了一個 side project 點子，給各位開發者參考😂

13 Pro @ethanhuang13pro

💰iOS 開發者致富資訊：開發一個 app，用 machine learning 自動把動態島從手機截圖中抹除，或是換成使用者想放置的內容錄 @weak_self 時想到的🤪🤪🤪

官網也惡搞了：

13 @ethanhuang13

iP💊ne

然後動態島的內部代號叫做 SystemAperture。

Cyandev @unixzii

It seems that "SystemAperture" is the internal name of #DynamicIsland

📱發表會後的重要開發者資訊

如果之前 navigation bar 放了超過範圍的東西，跟動態島擺在一起會感覺特別擠。最好確認一下既有 app 的版面設計

Anmol Jain @shadesofanmol

@themikestern Dynamic island seems to sit a bit lower than notch from iPhone 13 Pro, can you share the navigation bar guidelines? When i tried to add 13 Pro screenshot in 14 pro bezel, navigation title was way too close to the dynamic island

iPhone 14 Pro 跟 14 Pro Max 不只是有動態島。由於邊框比較細，它們的解析度跟其他相同螢幕尺寸的機種是不同的

13 Pro @ethanhuang13pro

💊iOS 開發者與設計師請注意：iPhone 14 Pro(Max) 邊框較窄，螢幕有比其他「同尺寸」iPhone 14 或前代 Pro 還更大一點、PPI 也不完全相同。具體數字請見官網或下方截圖 #請轉推 apple.com/tw/iphone/comp…

而為了支援這兩台新的機種，就需要用 Xcode 14 打包並發布一版新的 app。要不然的話，畫面會被微微地放大，有比較高的 navigation bar（我本來還在猜會不會把邊框加粗😅）

Geoff Hackworth @geoffhackworth

The iPhone 13 Pro Max screen is 428×926pt. The 14 Pro Max is slightly larger at 430×932pt. An Xcode 13 build run on the 14 Pro Max has the 13 Pro Max screen size scaled to fill but with a taller status bar and navigation bar. Building with Xcode 14 opts an app in to the true size

Comparison of iPhone 13 Pro Max screen size and layout margins with iPhone 14 Pro Max running either an Xcode 13 or Xcode 14 build of Adaptivity app.

Apple Watch Ultra 也是類似概念
支援動態島顯示功能的 API 就是 Live Activities，在 ActivityKit 裡。之後才會推出

Serenity Caldwell @settern

@marcoarment It's part of Live Activities and ActivityKit — not available in the RC, but will be coming to iOS 16 & Xcode later this year! developer.apple.com/news/?id=hi37a…

如果 app 想要支援全螢幕，但是不想被瀏海或動態島擋住，可以利用這個 API

Tyler Fox @smileyborg

🆕 Does your app display full-screen media content? There's a specialized new UIKit API in iOS 16 that will help you display content as large as possible within the safe area of any device, including iPhone 14 Pro: UIWindow.safeAreaAspectFitLayoutGuide developer.apple.com/documentation/…Apple Developer Documentationdeveloper.apple.com

支援 iPhone 14 Pro 的 Always-On Display，可以用 isLuminanceReduced 這個 API 進行判斷。之前只有支援 watchOS
Apple 有提供新產品的設計素材
車禍偵測的事件有 API 開放給第三方開發者喔──SafetyKit

🧪Apple Releases

Xcode 14 RC (14A309) 需要 macOS 12.5 以上。而且這版沒有 iPadOS 16 或 macOS 13 Ventura 的 SDK，要去用之前的 Beta 版。
iOS 16 RC (20A362) 請注意不包含 iPadOS。iPadOS 還在 Beta 7。這對於要同時支援 iOS 與 iPadOS 16 的開發者，應該會很困擾吧
tvOS 16 RC (20J373)
watchOS 9 RC (20R361)
macOS 13 Ventura Beta 7 (22A5342f) 這邊也還在 Beta。與 iPadOS 同理，最新的 Xcode 14 RC 也不支援