準備

現時点（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 の情報が配信されています。もっと知りたい方はこちらもご参照ください。

Compose for existing apps - YouTube

Thinking in Compose - YouTube

Compose by example - YouTube