今さら角丸のTransition

by magiepooh

Slide 1

Slide 1 text

今さら⾓丸画像のTransition 2019/09/27

Slide 2

Slide 2 text

• ふじたく @magie_pooh • Androider • ⾁、酒、マジック、催眠術、T シャツ作り（とんぼやーじゅ）⾃⼰紹介

Slide 3

Slide 3 text

今さら⾓丸画像のTransition 2019/09/27

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

おかわりいただけただろうか？もう⼀度ごはんいただこう

Slide 6

Slide 6 text

⾓がピコンってなってるのをどうにかしたいッ・・・！

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

1. ⾓丸のImageViewを作る 2. 遷移元、遷移先で⾓丸のImageViewを使う 3. Transitionしながら⾓丸を調整する対応⽅法（特殊ですがこの⽅法でやりたいのです）

Slide 9

Slide 9 text

⾓丸のImageViewを作る

Slide 10

Slide 10 text

省略 CardViewの内部で使われている RoundRectDrawableを使うと作りやすいよ。  コードは以下に置いてます。  https://github.com/magiepooh/ImageTransitionSample

Slide 11

Slide 11 text

Slide 12

Slide 12 text

遷移元、遷移先で⾓丸の ImageViewを使う

Slide 13

Slide 13 text

ؙ֯͸͓ͳ͡ʹ͓ͯ͘͠

Slide 14

Slide 14 text

Transitionしながら⾓丸を調整する

Slide 15

Slide 15 text

IUUQTHJUIVCDPNBPTQNJSSPSQMBUGPSN@GSBNFXPSLT@CBTFCMPCMPMMJQPQSFMFBTFDPSFSFTSFTUSBOTJUJPONPWFYNM

Slide 16

Slide 16 text

// DetailActivity.kt (ભҠઌͷActivity window.sharedElementEnterTransition = RoundedImageTransitionSet()   // RoundedImageTransitionSet.kt  class RoundedImageTransitionSet : TransitionSet() { init { addTransition(ChangeBounds()) addTransition(ChangeTransform()) addTransition(ChangeImageTransform()) addTransition(ChangeClipBounds()) addTransition(RoundedImageTransition().addTarget(R.id.header)) } }