動画の内容はテキストで読むこともできます

XDユーザーズガイドのテキストを読みながら学ぶとより理解できます

公式テキストを読む

Tutorial

コンポーネントへの複数ステートの追加 1/3(ホバーステート)

この動画のサンプルファイル

ui-design-create-component-states.zip (45 MB)

コンポーネントに複数のステートを追加すると、ユーザーの操作によって外観が変化するインタラクティブなコンポーネントを開発できます。

ステートを持つコンポーネントの代表的な例には、ボタン、チェックボックスがあります。これらのコンポーネントは、ユーザーがホバーして操作するときに外観が変化するのが一般的です。

マスターコンポーネントを選択すると、プロパティインスペクターのコンポーネントセクションからホバーステートを追加できます。さらに、ホバーステートの外観を設定すると、ホバー操作で外観が変化する振る舞いを簡単に実現できます。