各 VisualElement
にはスタイルのプロパティーが含まれており、backgroundColor
や borderColor
など、要素の寸法と要素が画面上でどのように描画されるかを設定します。
スタイルのプロパティーは、C# かスタイルシートで設定します。スタイルプロパティーは、独自のデータ構造 (IStyle
インターフェース) で再グループ化されます。
UIElements は USS (Unity スタイルシート) で書かれたスタイルシートをサポートします。USS ファイルは、HTML のカスケーディングスタイルシート (Cascading Style Sheets、CSS) からヒントを得たテキストファイルです。USS 形式は CSS に似ていますが、USS は Unity でうまく動作するためのオーバーライドとカスタマイズが含まれています。
ここでは、USS とその構文、CSS と比較した違いの詳細を説明しています。
Unity スタイルシート (USS) の基本的な事項は以下の通りです。
.uss
拡張子が必要です。スタイルルールの一般的な構文は下のとおりです。
selector {
property1:value;
property2:value;
}
Unityスタイルシート (USS) をビジュアル要素に設定できます。スタイルルールは、ビジュアル要素とすべての子孫要素に適用されます。スタイルシートは必要に応じて自動的に再適用されます。
AssetDatabase.Load()
や Resources.Load()
などの標準的な Unity API を使用して StyleSheet
オブジェクトを読み込み ます。VisualElement.styleSheets.Add()
メソッドを使用して、スタイルシートをビジュアル要素にアタッチします。
EditorWindow
の実行中に USS ファイルを変更すると、スタイルの変更は即座に適用されます。
スタイルアプリケーションのプロセスは、UIElements を使用する開発者にとって透過的です。スタイルシートは、必要な場合 (階層の変更、スタイルシートの再読み込み に自動的に再適用されます。
スタイルシートが定義されると、それをビジュアル要素の UIElements ツリーに適用することができます。
この処理の間、USS ファイルから適用されるプロパティーを解決するためにセレクターは要素と照合されます。セレクターが要素に適合すると、要素にスタイル宣言が適用されます。
例えば、以下のルールはすべての Button
オブジェクトに適合します。
Button {
width: 200px;
}
UIElement は次の条件を使用して、ビジュアル要素をそのスタイルルールと照合します。
name
プロパティー (文字列)これらの特性は、スタイルシートのセレクターで使用されます。
CSS を使い慣れているユーザーには、HTML タグ名、id
属性、class
属性と似ていることがお判りでしょう。