概要
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
この基本的なチュートリアルでは、Relay のデザイナーとデベロッパーの両方のワークフローで、完全なエンドツーエンドのファースト エクスペリエンスを提供することについて説明します。Relay プラグインの設定後すぐに、Android Studio で UI を表示する段階に移行できます。ぜひ、そこまで継続してください。
このチュートリアルでは、Figma で基本的なカード コンポーネントを作成し、生成されたコードを表示できる Android Studio にインポートします。以下を行うための方法を学習します。
Figma で行う手順:
- Figma で UI コンポーネントを設計します。
- Figma プラグインを使用して UI パッケージを作成します。
- デザインの名前付きバージョンを保存します。
- Figma の URL をデベロッパーと共有します。
Android Studio で行う手順:
- Figma の URL を使用して、UI パッケージをプロジェクトにインポートします。
- プロジェクトをビルドして Jetpack Compose コードを生成します。
- 生成されたコンポーザブルへの参照をプロジェクトの UI コードに追加します。
- プロジェクトを実行します。
次のステップ
まず、Figma でデザインを作成し、UI パッケージを作成しましょう。
このページのコンテンツやコードサンプルは、コンテンツ ライセンスに記載のライセンスに従います。Java および OpenJDK は Oracle および関連会社の商標または登録商標です。
最終更新日 2024-03-25 UTC。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"必要な情報がない"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"複雑すぎる / 手順が多すぎる"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"最新ではない"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻訳に関する問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"サンプル / コードに問題がある"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"その他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"わかりやすい"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"問題の解決に役立った"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"その他"
}]
{"lastModified": "\u6700\u7d42\u66f4\u65b0\u65e5 2024-03-25 UTC\u3002"}