Open13
Compose UIを使ったクリエイティブで複雑なユーザーインターフェース

2009 年 iPhone の登場からの古き良き UI の振り返りが懐かしい

2016 年リリースされたペルソナ5 の UI に着目する

メニューが非常にアクティブにアニメーションするし、変形して刺激的な世界観を創り出している

これを Compose UI で表現するには?

GenericShape という柔軟な形を描画する API が用意されている

drawBehind でテキストメッセージの背景を描画する

Modifier.offset で Avaotr と TextBox を重ねることができる

measurables, contraints でメッセージの量に応じて位置を計算する

Avator をジグザグに配置するために data class を用意して offset を保存できるようにする

ゲーム UI はアイディアの源泉になる