はじめに

ライブアクティビティ(Live Activity)にいくつかバグなのかわからないができないことが三つあった。調べてみると英語のものしか出てこなかったので、それらもまとめつつ、打開策も書いてみた。

できなかったことたち

timerの謎の余白
Imageがボケる
ライトモードダークモード判定

ちょっと宣伝

今回書いてる内容は↑を開発しているときに出てきたことである。

概要 & 打開策 or 解決策

1. timerの謎の余白

概要

左上のスクショのようにdynamic islandを作りたかった。テキストのtimerのところにText(OOOO, style: .timer)を使ってカウントアップするものにしたかった。いざ実装してみると、timerの右側に余白ができてしまい、レイアウトの調整ができなかった。

Liveactivityでは↓これを中心に持ってくるようにしたが、できなかった。spacer()とかalignmentが効かなかった。

Text(context.attributes.startTime, style: .timer)

Text view with .timer style expands too much in Live Activity,Apple Developer Forum

にも同じような問題が挙げっていた。おそらくLiveActivity側の問題なのかなあ、、

打開策

あえてtrailingに持っていっちゃう。spacer()とかalignmentとかを使ってもできず、multilineTextAlignmentを使う必要があった。

Text(context.attributes.startTime, style: .timer)
    .multilineTextAlignment(.trailing) //これを追加するとtrailingに行く

<--- Before　　　　　　　　　　　　　　　　　　　　　　　　　　　　　After--->

まあ右に不自然な余白があるのに比べたら、いい感じにはなってるんじゃないかなと

参考

widgetでも同じような問題があるらしい。
https://forums.developer.apple.com/forums/thread/723316
https://forums.developer.apple.com/forums/thread/735125
https://stackoverflow.com/questions/66210592/widgetkit-timer-text-style-expands-it-to-fill-the-width-instead-of-taking-spa
何かしら解決策あれば教えていただきたい。

2. Imageがボケる

概要

Dynamic Island
左で「シュッキン」のロゴを入れてるんだが、モザイクがかかってるような感じになった。

Live Activity
右のように「シュッキン」のロゴを入れてるんだが、モザイクがかかってるような感じになった。

解決策

原因は画像がデカすぎたからだと思ったが、調べてもあんまりおなじことが起きてる記事を見つけることはできなかった。公式ドキュメントDisplaying live data with Live Activitieで↓のように書かれてた。
"""
The system requires image assets for a Live Activity to use a resolution that’s smaller or equal to the size of the presentation for a device. If you use an image asset that’s larger than the size of the Live Activity presentation, the system might fail to start the Live Activity. For example, an image you use for the minimal presentation of your Live Activity shouldn’t exceed 45x36.67 points. For size guidance of Live Activity presentations, refer to Human Interface Guidelines > Live Activities.

Each Live Activity runs in its own sandbox, and — unlike a widget — it can’t access the network or receive location updates. To update the dynamic data of an active Live Activity, use ActivityKit in your app or allow your Live Activities to receive ActivityKit push notifications as described in Starting and updating Live Activities with ActivityKit push notifications.
"""
要は画像を小さくしろということ
小さくしたらすぐに解決した

3. ライトモードダークモード判定

概要

ライトモードダークモードで色を変えようとしたが、できなかった。

colorScheme == .dark ? Color.red : Color.blue

これが効かず、Color.redで常に表示される。

developer forumでは同じような問題が挙げられていた。
https://forums.developer.apple.com/forums/thread/720670
https://forums.developer.apple.com/forums/thread/717669

おそらくできないんだろうと理解した。そのうちできるようになるのか、、

打開策

ライトモードでもダークモードでも馴染むカラーにする。
LiveActivityは強調したいことだと思うからいっそのこと強気の色使いをする。
くらいかなと思い、シュッキンでは強気の色使いをすることにした。

おわりに

まだ出たばっかだからか対応してないことも多いのか、調べるのが下手だったのか、
LiveActivityとかマイナー?な機能になると日本語での記事は全然なかった。