Axure 9には、さまざまなエフェクトの制作プロセスが含まれています

効果のカテゴリー

1.デフォルトで選択+単一選択効果を実現

1. デフォルトで選択されています

  • コンポーネントをクリックし、右クリックして選択した単語を選択します。

2. 単選効果の実現

  • すべてのコンポーネントをクリックし、右クリックして選択したグループを選択し、名前を入力して、選択時にコンポーネント スタイルを設定します。
  • コンポーネントの 1 つを選択し、インタラクションを設定し、クリックまたはタブをクリックして、select selected を true にします。

参考記事:デフォルト選択エフェクト実装チュートリアル

2. ライトボックスポップアップウィンドウ

  1. ポップアップ ウィンドウをクリックして動的パネルを作成します。
  2. ボタンをクリックし、クリック イベントまたはタブ イベントを選択して、ポップアップ ウィンドウの表示/非表示を選択します。
  3. その他のオプションをクリックし、ドロップダウンボックスを選択してライトボックスとして扱います。
  4. ポップアップ ウィンドウをクリックして、ポップアップ ウィンドウを非表示にします。
    ここに画像の説明を挿入

ライトボックス ポップアップ ウィンドウ + 指定したパネル状態への切り替え

この機能は、同じページの下にある動的パネルを指定する場合に限定されます。

  • ボタンをクリックし、クリックまたはタブ イベントを選択し、ポップアップ ウィンドウの表示/非表示を選択し、
  • その他のオプションをクリックし、ドロップダウンボックスを選択してライトボックスとして扱います。
  • 引き続きターゲットを追加し、パネル状態の設定を選択し、目的のパネル状態名として状態を選択します。
    ここに画像の説明を挿入

3. ページ全体で動的なパネル ステータスを指定する

ページ間で動的パネルを設定するために、この問題を解決するために、ターゲット ページの動的パネルの最初の状態をターゲット状態に置き換えました。

例えば:

  • ページ A には、A1 と A2 の 2 つの状態を持つ動的パネルがあり、A1 は動的パネルの既定の状態です。
  • ページ B はボタン B で構成されており、これを実装する必要があります. B をクリックすると、動的パネルのコンテンツがページ A と A2 の状態で表示されます。

実装プロセス:

  • ページ A' をコピーして貼り付け、状態 A2 を動的パネルのデフォルト状態として設定します。
  • ページ B のボタン B のクリックまたはタブ イベントを設定し、[リンクを開く] を選択します。Targetget、ページはページ A' です。

4. ページ読み込み後にジャンプする

要件: ページ A が読み込まれてから 2 秒後に、ページ B に自動的にジャンプします。

実装プロセス:

  • ページ A をクリックし、Page Loaded イベントを選択します。
  • 「待機」ターゲットを追加しました。時間は 2000 ミリ秒に設定されています。
  • 「リンクを開く」ターゲットを追加しました。

まだ更新中...

おすすめ

転載: blog.csdn.net/weixin_46353030/article/details/129014392