Css

Axureタブ



Axure Tab



Axureを学習してタブについて学習する
タブはいくつかのボタンで構成されており、表示ページをクリックして切り替えることができます。タブの手順も非常に簡単です。タブは、判断、動的パネル、選択効果、および携帯電話コンポーネントを使用して実現されます。
実現効果:A。選択が1の場合、ポイント2とポイント3はそれぞれ左にスライドします
B. 2を選択した場合は、1をクリックして右にスライドし、3をクリックして左にスライドします。
C. 3が選択されている場合は、1と2の両方をクリックして右にスライドします
ここで、操作手順の入力を開始します。
携帯電話のコンポーネントをドラッグしてから長方形を引き出し、ボタンを押してタブに名前を付けます。
上下の中央に配置し、左右に揃えます。
3つの長方形を引いて、ダイナミックパネルを1,2,3フォント選択20という名前に設定します。
長方形をドラッグして背景色を設定し、3つの動的パネルの背景色をそれぞれ設定します。
1をクリックしたときに動的パネルの状態を設定します:
画像

ゆっくりとルールが見つかります。1または2を選択しても、3は常に左にスライドします。
そのため、最初にパネルステータスを3に設定して、その効果を実現します。
以下に示すように:
画像



最初にダイナミックパネル2を設定し、選択が1、2、3の場合に左にスライドするかどうかの判断を設定します。
手順は次のとおりです。
画像

3をタップする場合は、1と2をタップして右にスライドします。
手順は次のとおりです。
画像



このタブを実行するときは、効果を達成するために複数の条件を考慮し、その効果を達成するために複数の条件を満たす必要があります。
これは私が学んだ見積もりの​​ステップですので、あなたの助けになることを願って、あなたとそれを共有したいと思います。
上記は私の共有です、初心者、アドバイスしてください。より良い方法がある場合、または何かわからない場合は、コメント領域で教えて質問してください。