Axure实现下拉列表值变化控制动态面板状态变化

如下图所示,上面为一个下拉列表,下面为动态面板区域,选择下拉列表不同的值实现动态面板显示不同的状态。

Axure实现下拉列表值变化控制动态面板状态变化

结构如下图所示

Axure实现下拉列表值变化控制动态面板状态变化

要实现选择下拉列表值驱动动态面板值变化,需要给下拉列表添加onClick事件,并且针对事件添加Case(case即条件,不同case执行不同的操作)。

只需要在添加onclick事件之后,先别着急选择其他操作,点击右上角的“Add Case”添加事件,一个事件就是一个条件(if…elseif….elseif….elseif….),并且给不同的条件添加Targrt即能实现以上需求。

Axure实现下拉列表值变化控制动态面板状态变化
Axure实现下拉列表值变化控制动态面板状态变化
Axure实现下拉列表值变化控制动态面板状态变化
Axure实现下拉列表值变化控制动态面板状态变化

附:本案例RP文件List

本文作者: GavinDong

版权属于: GavinDong博客

文章链接: https://gavindong.com/2902.html

如果使用过程中遇到问题,可 **点击此处** 交流沟通。

版权所有,转载时必须以链接形式注明作者和原始出处及本声明。

(4)

发表回复

登录后才能评论