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

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

公式テキストを読む

Tutorial

コンポーネントへの複数ステートの追加 2/3(インタラクションの追加)

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

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

コンポーネントのステートにインタラクションを指定して、タップ操作で表示するステートを切り替えることが可能です。アートボード間のインタラクションと同様の指定を行いますが、接続先にステートを選択する点が異なります。

ステートの追加はデザインモードで行います。プロパティインスペクターのコンポーネントセクションから新規ステートを追加して、外観を変更します。

次にプロトタイプモードに移動して、インタラクションを追加します。インタラクションを追加するステートを選択し、トリガーに「タップ」、移動先にステート名を選択します。プレビューウィンドウに切り替えると、コンポーネントのインタラクティブ機能をテストできます。