Axure カルーセルの作り方

最近、axure を学んでいます。使用しているバージョンは Axure 9 です。昔ながらのナニー教育方法であるカルーセル マップの使い方を説明します。

1. 描画

1. 写真を作成するための新しいページを作成します

 2. コンポーネントライブラリで「動的パネル」という単語を検索し、動的パネルを設定します なぜ設定する必要があるのですか? 簡単に言うと、動的パネルはページの変換などの機能を実現できます。表示できるのは 1 つの画像のみですが、dynamic は複数のグラフィックを変更できます。動的パネルでは青い空を表現できますが、静的パネルでは孤独で未亡人になるだけです。

コンポーネント ライブラリで「ダイナミック パネル」を検索し、該当するものを見つけてプルします。また、グラフィックを右クリックして選択してダイナミック パネルを設定することもできます。

 または、好みのグラフィックを見つけて、下部を右クリックしてダイナミックグラフィックを作成します

3. 適切なステータス バーを作成し、希望の順序で配置します。アウトライン内に対応するインターフェイスが表示されます。必ずその位置まで引っ張ってください。写真は順番に再生されます

 必ず該当フレームまで引いてください

 4. 画像を動的パネルと同じサイズに調整します (画像はすでに特定のカテゴリに属しているため、画像を取得する順序は影響を受けません。画像 1 が最初の画像です)。

5. キーリンク!

 インタラクションの設定。これも非常に簡単です。必ず動的パネルをクリックしてインタラクションを設定してください。

読み込み時とは、ページに入った後を意味します

パネルの状態を設定する

 この手順に従ってください。

 2.ボタンを作る

ボタンを追加したい場合は、上記の操作と同じ操作を行いますが、ボタンを 3 つ直接作成することを忘れないでください。

1. 新しいダイナミックパネル

 ここでは Ctrl+G を直接組み合わせています。図 12 にコピーすると便利です。

 動的パネルを選択して新しいインタラクションを作成し、動的テンプレートを選択 --- 新しいインタラクション --- ロード時 --- パネルの状態を設定 --- 現在のオリジナル --- 次へ --- 自動サイクルを確認 ---その他のオプションでは、サイクル間隔は画像と同じであり、それ以外は何もありません

3. ボタン

ボタンは動的パネルと同じレベルにあります

新しいインタラクション----設定アクション: マウスクリック---ターゲットオリジナル: 動的パネル--ステータス: 前または次、最後のものをチェックすると、最初のものが自動的に循環されます。

 

おすすめ

転載: blog.csdn.net/qq_56437391/article/details/130771342