Slide 1

Slide 1 text

New UI Design & Debugging Tools In Android Studio

Slide 2

Slide 2 text

自己紹介 URI 本戸 裕理 (ホンド ユウリ) Androidアプリ開発@DeNA - MOV 趣味は、ストリートダンス Twitter : URI - @yuyuyuyuyuri Pokemon GO : 05URI28 - 0188 7196 1789

Slide 3

Slide 3 text

アウトライン Layout Editor 3 1 Navigation Editor 2 Resource Manager 3 Layout Inspector 4

Slide 4

Slide 4 text

4 Layout Editor

Slide 5

Slide 5 text

Sample Data 5

Slide 6

Slide 6 text

Sample Data 6

Slide 7

Slide 7 text

Sample Data 7

Slide 8

Slide 8 text

Sample Data 8

Slide 9

Slide 9 text

Sample Data 9

Slide 10

Slide 10 text

Sample Data 10

Slide 11

Slide 11 text

Declared Attribute 11

Slide 12

Slide 12 text

12 Navigation Editor

Slide 13

Slide 13 text

Start Navigation 13

Slide 14

Slide 14 text

Add Destination 14

Slide 15

Slide 15 text

Type-safe data 15

Slide 16

Slide 16 text

16 Resource Manager

Slide 17

Slide 17 text

Resource Manager 17

Slide 18

Slide 18 text

Batch Import 18

Slide 19

Slide 19 text

Batch Import 19

Slide 20

Slide 20 text

Batch Import 20

Slide 21

Slide 21 text

Bulk import 21

Slide 22

Slide 22 text

Preview All Layout 22

Slide 23

Slide 23 text

23 Layout Inspector

Slide 24

Slide 24 text

24

Slide 25

Slide 25 text

Actual Properties 25

Slide 26

Slide 26 text

Live Update 26

Slide 27

Slide 27 text

3D Viewing 27

Slide 28

Slide 28 text

Style Resolution 28

Slide 29

Slide 29 text

New In Q Android Qより以下のAPIが追加された ● Skia Picture ● Fast Properties ● Style Resolution Stacks 29

Slide 30

Slide 30 text

Skia Picture 30

Slide 31

Slide 31 text

Fast Properties 31

Slide 32

Slide 32 text

Style Resolution Stacks 32

Slide 33

Slide 33 text

33 TL;DR

Slide 34

Slide 34 text

● GUIをもっと使っていこう ● Resource Managerはとっても便利 ● Layout Inspector早く使ってみたい

Slide 35

Slide 35 text

35 And more...

Slide 36

Slide 36 text

既存のデザインツールを拡張? OR ホットリロードの様な機能追加? Jetpack Compose