Android Jetpack Compose を試す

昨日 2020/08/26 に Jetpack Compose の 1.0.0-alpha がリリースされていました。

公式のサンプルアプリをサクッと試す方法を書いていきます。

f:id:xterm256color:20200827060730j:plain

最新の情報や公式チュートリアルは以下のページを参考にしてください。英語版で見たほうが情報の更新が早いのでおすすめです。

developer.android.com

developer.android.com

目次

準備

現時点(2020/08/27時点)では Android Studio の Canary build が必要です。

  1. Android Studio Preview  |  Android Developers からCanary build のダウンロードリンクをクリック
  2. ダウンロードしたzipファイルを展開
  3. android-studio/bin/studio64.exe を実行
  4. Setupウィザードの指示にしたがってセットアップ

Jetpack Composeアプリの実行

サンプルアプリの取得

公式のサンプルアプリ集が android/compose-samples から取得できます。

git clone https://github.com/android/compose-samples.git

サンプルアプリの種類

README に書いてあるとおり8個のサンプルアプリを利用できます。

サンプルアプリの実行

試しに Jetchat を実行してみましょう。

GitHubから取得したサンプル集の中から compose-samples/Jetchat を開いて実行してみます。

手元にある Pixel 3 (Android 10) で実行してみました↓

f:id:xterm256color:20200827055630g:plain

f:id:xterm256color:20200827060108g:plain

問題なく動いてるみたいです。

プレビュー機能

Android Studioprofile/Previews.ktconversation/Conversation.kt を開くと、エディタ上でUIプレビューを同時に見ることができます。

ダークテーマや、画面サイズが異なる場合、UIへの入力が異なる場合などのプレビューを同時に見られるのが強力ですね。

f:id:xterm256color:20200827061723p:plain

注意点

最後に公式ページにある注意点をおいておきます。

Note: Jetpack Compose is currently in alpha. The API surface is not yet finalized, and changes are planned and expected. See the Jetpack release notes for the latest updates.

まとめ

参考

英語情報ですが YouTubeAndroid Developers チャンネル に Compose の情報が配信されています。もっと知りたい方はこちらもご参照ください。

www.youtube.com

www.youtube.com

www.youtube.com