Jetpack Compose の概要

Dec 10 2022

Jetpack Compose は、Google が最近ローンチした最新の UI ツールキットで、ネイティブ Android UI の構築に使用されます。より少ないコード、Kotlin API、および強力なツールを使用して、UI 開発を簡素化し、加速します。

Jetpack Composeは、Google が最近ローンチした最新の UI ツールキットで、ネイティブ Android UI の構築に使用されます。より少ないコード、Kotlin API、および強力なツールを使用して、UI 開発を簡素化し、加速します。

Jetpack 構成により、Declarative Frameworkとして呼び出されるさまざまなユーザーインターフェイスを作成し、このトランザクションをネイティブで行うことができます。

Flutter と React Native で書かれたコードがユーザーインターフェイスを作成し、Jetpack Compose でこれらすべてを実行できることがわかりました。

注: Jetpack Composeは 2021 年 3 月にリリースされました。最小 SDK 21で動作するComposeを使用するには、Android Studio Artic Foxが必要です。

Jetpack Compose を使用する理由

宣言的:完全に宣言的であるため、事前定義された関数を呼び出すことで UI コンポーネントを記述できます。
互換性: Android に存在する既存のビューと簡単に互換性があります。
開発速度の向上:以前は、開発者は XML ファイルと Kotlin ファイルで作業する必要がありました。しかし、jetpack 構成の助けを借りて、これは簡単になり、開発者は Kotlin ファイルで作業するだけで済みます。そのため、開発速度の向上に役立ちます。
簡潔で慣用的な Kotlin: Jetpack Compose は、Kotlin がもたらす利点を備えた UI を構築しました。
保守が容易:アプリケーションのコードベースは単一のファイルに存在するため。アプリケーションのコードベースの管理と取り扱いが容易になります。
Kotlin で作成: Jetpack Compose を使用して作成されたアプリケーションは、Kotlin プログラミング言語を 100% 使用します。

Compose に付属する新機能により、エミュレーターなしで出力を確認できます。

新しい空の Compose アクティビティを選択してプロジェクトを作成し、Jetpack Compose の主な構造を調べます。

新しい空の作成アクティビティ

空の Compose アクティビティを選択すると、MainActivity クラスは次のようになります。

最初に、Main Activity がAppCompatActivity ではなくComponentActivityから継承されていることに気付きました。

gradle を確認すると、Jetpack Compose を使用して、以下のようにフィールドが追加されていることがわかります。

プロジェクトを EmptyActivity として開く場合は、以下のように依存関係を追加する必要があります。

実行時にビルドなしでデザインを確認できると述べました。

分割ビューを選択すると、作成した Kotlin コードのプレビューを見ることができます。

@Preview アノテーション:コードにパラメーターを手動で追加して、Android Studio がプレビューアノテーションをレンダリングする方法をカスタマイズできます。

すべての画面またはアイテムを表示したいと同時に、注釈の下にアイテムを追加できます。

コンポーズ可能な関数は、Compose で構築されたアプリケーションの基本的なビルディングブロックです。
コンポーザブルを関数またはラムダに適用して、関数/ラムダをコンポジションの一部として使用して、アプリケーションデータからツリーまたは階層への変換を記述できることを示すことができます。

以下のコードは、xml にある TextView オブジェクトを Composable として作成します。

テキストクラスは、あまりにも多くのパラメーターを取得するコンポーザブルクラスです。

通常のアクティビティを開始すると、setContentViewの内部に 1 つのレイアウトを与えますが、今回は構成のためにsetContentを使用します。