axure高级交互(在axure中想要达成交互效果 需要包含)

使用Axure中的全局变量repeater动态面板实现动态查询功能。
它可以通过四个简单的步骤来实现:1 .设置一个全局变量,并通过提交按钮将其传递给链接的页面;2.将商品清单放入中继器中;3.将不同的重复列表置于不同的动态面板状态;4.在商品列表页面的页面加载事件中加入不同的情况进行判断。
具体操作步骤如下:
1.设置一个全局变量,通过提交按钮传递到链接的页面:添加全局变量”在横向菜单中点击项目-全局变量设置-输入全局变量名称;在提交按钮上单击鼠标时添加页面值传输事件。点击交互-新建交互-点击时-设置变量值-目标,选择步骤2中设置的全局变量名-在设置为中选择组件文本-在组件中选择步骤1中拖动的文本输入框-点击。
2.将产品列表放入repeater:拖动Axure默认元素【repeater】到页面中——双击拖动的repeater元素,删除repeater中的矩形元素;
将Axure默认组件[图片]拖动到repeater中-拖动Axure默认组件[文本标签]-将文本标签放在图片下,重命名为“价格”-拖动价格下的文本段落;
为中继器数据表的列标题赋值。在右侧样式面板的数据列表中,重命名标题中的列标题。第一列标题名为“图像”,第二列标题名为“价格”,第三列标题名为“详细信息”。
将repeater中的组件与数据表中的列表问题相关联,点击样式面板右侧的交互,对于每个加载事件,选择组件动作【设置文本】——在目标列中选择拖动的“文本标签”,在设置列中选择“文本”,点击值后的fx符号,在弹出框中点击【插入变量和函数】,在repeater数据集中选择“item.price”。重复上述操作,将组件的文本段落与数据表中的详细信息相关联。当图片组件相关联时,选择[设置图片]作为组件的动作。
在repeater数据表中输入价格和详细信息,在image对应的列中单击鼠标右键导入图片。
3.将不同的repeater列表放入不同的动态面板状态:拖动Axure默认元素【动态面板】到页面中,添加状态1是衣服面板,添加状态2是蒙版面板,添加状态3是找不到数据面板;
将衣服列表的重复器置于状态1,将面具列表的重复器置于状态2。将图标和提示置于状态3;
4.在商品列表页面的页面加载事件中加入不同的情况进行判断:在商品列表页面的页面加载事件中加入三种情况。情况1:如果搜索过程中设置的全局变量值包含衣服,则将面板状态设置为衣服面板。2:如果搜索期间设置的全局变量包含掩码,则将面板状态设置为掩码面板。情况3:如果搜索时设置的全局变量既不包含面具也不包含衣服,则将面板状态设置为状态3;
经过分步分解,是不是很简单?

好玩下载

神秘海域3下载,神秘海域下载 1080P 1080P

2024-6-5 7:10:18

好玩下载

55海淘,55海淘返利是真的吗

2023-7-28 7:12:48

购物车
优惠劵
搜索