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

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

Recommended

More Related Content

What's hot

What's hot (18)

Viewers also liked

Viewers also liked (20)

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

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

More from Yuki Anzai

More from Yuki Anzai (14)

Recently uploaded

Recently uploaded (8)

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