スタイルシートの概要

スタイルシートでデザインを作成

スタイルシートとは?

Indigo Studio スタイルシートは、プロジェクトで要素の外観をカスタマイズする文書です。スクリーンおよびスクリーンパーツで使用する要素の基本外観を定義します。スタイルシートを使用すると、デザインで一貫性のある外観を設定できます。

スタイルシートの作成

Indigo Studio でスタイルシートをその他の文書と同じように作成できます。詳細については、新しいデザインの作成 トピックを参照してください。

スタイルシートで外観を定義するには、要素を追加して視覚的なプロパティを設定します。 スタイルシートに名前をつけるとスクリーンまたはスクリーンパーツ要素で使用する際に便利です。

プロジェクトのデフォルトのスタイルシートの設定

デフォルトのスタイルシートのスタイル設定は、スクリーンおよびスクリーンパーツの UI 要素で利用可能になります。プロジェクトで最初に作成されたスタイルシートは自動的にデフォルトのスタイルシートになります。スタイルシートのデザイナー、またはプロジェクト ホームからデフォルトのスタイルシートを変更できます。

スタイルシートの使用

プロパティ パネル を使用してスクリーンおよびスクリーンパーツの要素にスタイルを設定できます。

共有とエクスポート

その他の文書と同じようにスタイルシートをエクスポートできます。

Indigo Studio でデザインを共有する際にデフォルトのスタイルシートが含まれます。

共有とエクスポートの詳細については、プロトタイプの共有およびデザインのエクスポートの概要を参照してください。

関連トピック