狠狠撸

What’s new in Android Studio
@ Google I/O Extended in Fukuoka

Proprietary + Confidential
Masahiro Hidaka
@mhidaka
Insert Photo
Yuki Anzai
@yanzm

Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Android Studio 2.2
最新は Preview 4

アプリ開発が複雑化、効率的な開発環境が必要

Android Studio 2.2
Constraint Layout?
柔軟なレイアウトが可能に
Instant Run?
デバッグの効率化
Testing Framework?
テスト、Firebase連携の充実

Constraint Layout

Text
Constraint Layout
RelativeLayoutの上位セット
Layoutの入れ子を減らし、効
率的に作れる
ライブラリ非依存、Android
StudioによるUI Builder

なぜ新しいLayoutが必要？
90のスクリーンサイズ、30言語、縦横の組み合わせでレイアウトを設計す
る必要がある
Simple Complex
LinearLayout RelativeLayout
FrameLayout GridLayout
TableLayout

Layout ?
Problems
Android Layouts
シンプルなレイアウトはわか
りやすいが入れ子で使う
レイアウトの入れ子はパフォー
マンスに影響
複雑なレイアウトはメンテナンス
が困難。プロの技となりやすい

Android Stuido Supports Constraint Layout

Text
より柔軟なLayout
既存のLayout XMLは変換可能?
UI BuilderではXMLは機械的に生成
Android Studio 2.2 Previewよりサ
ポート
API Level 9までバックポート

Constraint Layout
Android StudioのGUIから?
位置合わせ、コンポーネント間の関係を
定義できる

DEMO
https://youtu.be/csaXml4xtN8?t=852?

ConstraintLayout に関連するクラス
android.support.constraint.ConstraintLayout
android.support.constraint.Guideline
android.support.constraint.solver.widgets.ConstraintWidget
android.support.constraint.solver.widgets.Guideline

ConstraintLayout の属性 : Absolute
app:layout_editor_absoluteX="100dp"?
app:layout_editor_absoluteY="100dp"

ConstraintLayout の属性 : Center
app:layout_constraintCenterX_toCenterX="@id/view1"?
app:layout_constraintCenterY_toCenterY="@id/view1"

ConstraintLayout の属性 : Vertical Position
app:layout_constraintTop_toTopOf="@+id/view1"?
app:layout_constraintTop_toBottomOf="@+id/view1"?
app:layout_constraintBottom_toTopOf="@+id/view1"?
app:layout_constraintBottom_toBottomOf="@+id/view1"?
app:layout_constraintBaseline_toBaselineOf="@+id/view1"

ConstraintLayout の属性 : Horizontal Position
app:layout_constraintLeft_toLeftOf="@+id/view1"
?
app:layout_constraintLeft_toRightOf="@+id/view1"
?
app:layout_constraintRight_toLeftOf="@+id/view1"
?
app:layout_constraintRight_toRightOf="@+id/view1"

ConstraintLayout の属性 : Horizontal Position
app:layout_constraintStart_toStartOf="@id/view1"
?
app:layout_constraintStart_toEndOf="@id/view1"
?
app:layout_constraintEnd_toStartOf="@id/view1"
?
app:layout_constraintEnd_toEndOf="@id/view1"

ConstraintLayout の属性 for Guildeline
android:orientation=“vertical"
app:relativeBegin="20dp"?
app:relativeEnd="20dp"?
app:relativePercent="13"

ConstraintLayout の属性 : Bias
app:layout_constraintHorizontal_bias="0.1"?
app:layout_constraintVertical_bias="0.2"

ConstraintLayout の属性 : dimentionRatio
app:layout_constraintDimensionRatio="16:9"
<TextView?
android:layout_width="100dp"?
android:layout_height="0dp"?
android:background="#3300ffff"?
android:text="DimensionRatio(16:9)"?
app:layout_constraintBottom_toBottomOf="@+id/activity_main"?
app:layout_constraintDimensionRatio="16:9"?
app:layout_constraintTop_toTopOf="@+id/activity_main"?
app:layout_constraintVertical_bias="0.0" />

Instant Run & APK Analyzer

Instant?
Run
アプリ開発を便利に
実行ファイルの一部を動的に
入れ替え、ビルド待ちを軽減
アプリケーション内にサーバーを用意、ソ
ケット通信でクラスファイルを入れ替え
Hot Swap, Warm Swap, Cold
Swapの3種類がある

Instant Runの動作原理
変更したコードによって?
?アプリを再起動する
?アクティビティを再起動する?
?そのまま差し替えて動作?
が自動的に行われる

ベンチマーク
https://www.youtube.com/watch?v=csaXml4xtN8?
リソース変更時のリナ
ンバリングを改善
APKのdexファイルを
細かく分割、10~11
ファイルのうち必要
なファイルだけ更新
する

APK?
Analyzer
APK Analyzer
APKで最も気にすべき要素は
「サイズ」ダウンロードサイ
ズが大きいとユーザーはアプ
リを使ってくれない
APK AnalyzerはAPKの中身を
解析、どの部分がダイエット
のボトルネックか確認できる

APK Analyzer?
DEMO

Testing Framework

Espresso?
Test Recorder
UI Test Framework
EspressoはUIテストのためのフ
レームワーク
テスト自動化を支援してソフトウェ
アの品質を維持

Test Recorder
Viewの操作を記録、画面
に表示している内容をテス
トできる

Firebase
Firebaseとの連携
Android StudioにPluginを追加
Firebaseの各種機能が使いやすく
?Analytics?
?Cloud Messaging?
?Authentication?
?Realtime Database?
?Test Lab ?
etc

Firebase Test Lab

エミュレータ
実機よりも高速に
ADBも10倍転送がはやく
新しいUIとセンサー制御

画像出典および参考文献
? What's new in Android development tools?- https://www.youtube.com/watch?
v=csaXml4xtN8
? Android Layouts: a new world - https://www.youtube.com/watch?v=sO9aX87hq9c?
Lean and Fast: Putting Your App on a Diet - https://www.youtube.com/watch?
v=xctGIB81D2w
? Instant Run: An Android Tool Time Deep Drive - https://www.youtube.com/watch?
v=StqAZ1OQbqA?
https://android-developers.blogspot.jp/2016/05/android-studio-22-preview-new-ui.html
? https://developer.android.com/studio/features.html?
https://firebase.google.com/docs/test-lab/

画像出典および参考文献
? Latest Android Studio Canary Build https://sites.google.com/a/android.com/tools/
download/studio/canary/latest
? Using Multiple Android Studio Versions http://tools.android.com/tips/using-multiple-
android-studio-versions

Masahiro Hidaka Yuki Anzai
@yanzm@mhidaka
End

狠狠撸

Whats's new in Android Studio at Google I/O extended in Fukuoka

Recommended

More Related Content

What's hot (18)

Viewers also liked (20)

Similar to Whats's new in Android Studio at Google I/O extended in Fukuoka (20)

More from Yuki Anzai (13)

Recently uploaded (8)

Whats's new in Android Studio at Google I/O extended in Fukuoka