状態間のトランジション · A から B へ
レイアウトアニメーション布局动画
- 自然
- 自動的
- 跳ねない
要素が増減したり位置が変わるとき、他の要素が滑らかにどいたり詰めたりします。瞬間的に飛びません。
使いどころ
リストの追加・削除・並べ替えで位置が動くときに使います。内容が薄く出入りするだけなら「フェードイン」を使います。
パラメータ
260ms · cubic-bezier(0.22, 1, 0.36, 1) · position / size animates automatically
レシピ
レイアウトアニメーション → 260ms cubic-bezier(0.22, 1, 0.36, 1)レイアウトアニメーション → position / size animates automatically
AI に渡す一文
このリストにレイアウトアニメーションを追加してください。項目の追加・削除時に、他の項目が 260ms、cubic-bezier(0.22, 1, 0.36, 1) で新しい位置へ滑らかに移動し、瞬間的に飛ばないようにします。