昨日 2020/08/26 に Jetpack Compose の 1.0.0-alpha がリリースされていました。
公式のサンプルアプリをサクッと試す方法を書いていきます。
最新の情報や公式チュートリアルは以下のページを参考にしてください。英語版で見たほうが情報の更新が早いのでおすすめです。
Recent Release Notes | Android Developers
Jetpack Compose | Android Developers
準備
現時点（2020/08/27時点）では Android Studio の Canary build が必要です。
- Android Studio Preview | Android Developers からCanary build のダウンロードリンクをクリック
- ダウンロードしたzipファイルを展開
-
android-studio/bin/studio64.exeを実行 - Setupウィザードの指示にしたがってセットアップ
Jetpack Composeアプリの実行
サンプルアプリの取得
公式のサンプルアプリ集が android/compose-samples から取得できます。
git clone https://github.com/android/compose-samples.git
サンプルアプリの種類
README に書いてあるとおり8個のサンプルアプリを利用できます。
- Jetnews - ブログビューア
- Jetchat - チャットアプリ
- Jetsurvey - アンケートアプリ
- Jetsnack - e-コマースアプリ
- Jetcaster - ポッドキャスト
- Rally - Rally - Material Design のCompose実装
- Crane - Crane - Material Design のCompose実装
- Owl - Owl - Material Design のCompose実装
サンプルアプリの実行
試しに Jetchat を実行してみましょう。
GitHubから取得したサンプル集の中から compose-samples/Jetchat を開いて実行してみます。
手元にある Pixel 3 (Android 10) で実行してみました↓
問題なく動いてるみたいです。
プレビュー機能
Android Studio で profile/Previews.kt や conversation/Conversation.kt を開くと、エディタ上でUIプレビューを同時に見ることができます。
ダークテーマや、画面サイズが異なる場合、UIへの入力が異なる場合などのプレビューを同時に見られるのが強力ですね。
注意点
最後に公式ページにある注意点をおいておきます。
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.
まとめ
- Jetpack Compose のα版がリリースされました
- Jetpack Compose を試すには Android Studio Canary Build が必要です
- android/compose-samples から公式のサンプルアプリが取得できます
参考
英語情報ですが YouTube の Android Developers チャンネル に Compose の情報が配信されています。もっと知りたい方はこちらもご参照ください。