Axureで画像を左右にスワイプして切り替える方法は何ですか?
Axureで、画像を左右に切り替える機能を実現するためには、インタラクションアクションとステータスを使用することができます。以下はその機能を実現するための手順です。
- 画像を収容するために、Dynamic Panel(ダイナミックパネル)を作成します。Dynamic Panelを選択し、「スライダー」と名前をつけてください。
- Dynamic Panel に、切り替える全ての画像を追加してください。各状態を異なる画像に設定するために、「States」タブで異なる状態を追加することができます。
- 2つのボタンを作成し、1つは左にスライドし、もう1つは右にスライドします。これらのボタンを作成するためにButton(ボタン)部品を使用できます。
- 左にスライドするボタンを選択し、次に「インタラクション」タブで「クリック」インタラクションアクションを選択してください。インタラクションアクションウィンドウで、「パネル状態の設定」を選択してください。
- “Set Panel State”ウィンドウで、”Slider”をターゲットとして選択し、次に切り替えたい前の状態を選択します。設定を保存するために”OK”をクリックしてください。
- 右にスライドボタンを選択し、「インタラクション」タブで「クリック」アクションを選択します。インタラクションウィンドウで、「パネルの状態を設定」を選択します。
- 「Set Panel State」ウィンドウで、ターゲットとして「スライダー」を選択し、次に切り替えたい状態を選択してください。設定を保存するには、「OK」をクリックしてください。
今、左右のスワイプボタンをクリックするとパネルの状態が変わり、画像を左右にスライドできるようになります。この機能をプレビューしてテストし、正常に機能していることを確認してください。