しっぽを追いかけて

ぐるぐるしながら考えています

Unity と猫の話題が中心   掲載内容は個人の私見であり、所属組織の見解ではありません

Unity UI Toolkit でスタイルシートを外観に適用する

※ これは 2021/10/01 時点の Unity 2021.2.0b13 の情報です

最新版では動作が異なる可能性がありますのでご注意ください

引き続き Unity の UI Toolkit を試す

今回は前回やったボタンラベルのスタイル変更をプログラマブルではなく、CSS コード的なもので一括適用させてみたい

まずは uss なる UI Toolkit 用のスタイルシートファイルを作成する

UnityEditor の [Create] - [UI Toolkit] - [Style Sheet] を選んで button.uss というファイル名で作成

スタイルシートファイル作成

中身はこんな感じ

Button {
    color: rgb(0, 0, 255);
    -unity-font-style: bold-and-italic;
}

Button に対して青色、太字斜体を適用するスタイル

これを button.uxml に適用するため、UI Builder で開いて、左上の「+」ボタンから「Add Existing USS」を押下、先ほどの「button.css」を選択

UI Builder で uss 適用

すると即座に Game ビューのボタンラベルに反映された

スタイル適用

ふ~ん