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

  • A+
所属分类:Notes

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

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

结构如下图所示

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

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

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

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

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

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

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

附:本案例RP文件List

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: