当前位置:网站首页>Axure add drop-down menu linkage

Axure add drop-down menu linkage

2022-06-10 10:27:00 noravinsc

axure You will encounter the setting problem of the pull-down menu linkage in use , This article explains step by step .

First , Drag and drop a drop-down box on the blank page , As shown below :
 Insert picture description here
Then set the drop-down options , As shown below :
 Insert picture description here
Set the name of the drop-down box to class number , As shown below :
 Insert picture description here

Then drag a drop-down box , And set the options , Zhang San , Wang Wu , And set the name of the drop-down box to the first shift , As shown below :
 Insert picture description here
Then select the second drop-down box , Right click mouse , Select create dynamic panel, As shown below :
 Insert picture description here
 Insert picture description here
Set up panel The name is the class member , As shown below :
 Insert picture description here
Then double-click the panel, As shown below :
 Insert picture description here

add to state, They are class one and class two . As shown below :
 Insert picture description here
Then choose state Class two , As shown below :
 Insert picture description here
Then drag a drop-down box , Cover the second drop-down box before , As shown below :
 Insert picture description here
Set the name of the drop-down box to shift 2 personnel , And add a drop-down box option , Hou Liu , Ding ba , As shown below :
 Insert picture description here
 Insert picture description here
after , Double click in the gray position , sign out panel, As shown below :
 Insert picture description here
after , Select the first drop-down box , Set up a new interaction event , As shown below :
 Insert picture description here
choice , When the options change . As shown below :
 Insert picture description here
Select Settings panel state , As shown below :
 Insert picture description here
Select class members , Choose a class , Click on ok, As shown below :
 Insert picture description here
 Insert picture description here
After the onselectionchange Double click on , The settings box appears , As shown below :
 Insert picture description here
Click on enablecases, Set conditions , As shown below :
 Insert picture description here
 Insert picture description here
Click on add logic, Set the trigger condition of scenario 1 , As shown below :
 Insert picture description here
Click on ok, According to the effect , As shown below :
 Insert picture description here
Click again on the addcase, Add a new scene , As shown below :
 Insert picture description here
Set the second scene condition to , When selecting the second shift , As shown below :
 Insert picture description here
Click on ok, The display effect is as follows :
 Insert picture description here
after , Click the condition of scenario 2 , as follows :
 Insert picture description here
Click Settings panel state , as follows :
 Insert picture description here
choice panel, Class members , as follows :
 Insert picture description here
Set up panel The status is shift 2 , As shown below :
 Insert picture description here
The final two scenarios are as follows :
 Insert picture description here
Click on ok that will do , As shown below :
 Insert picture description here
Then choose preview, Preview effect :
 Insert picture description here
 Insert picture description here
 Insert picture description here
 Insert picture description here
Complete menu linkage setting .

原网站

版权声明
本文为[noravinsc]所创,转载请带上原文链接,感谢
https://yzsam.com/2022/161/202206100949587117.html