axure 小demo

原来的网址:http://blog.sina.com.cn/s/blog_8292a06a01014c04.html

本篇文章是《下拉列表的联级动态加载》。也就是在第一个下拉列表选择后,后面的列表依次有与之相对应的选项。
我用了两个省份:福建和广东。其中的福建省用了3个市:福州,厦门和泉州;广东用广州、深圳和东莞。

步骤:
第一步:在首页面选择下拉列表框为页面添加下拉列表,标签定义为A,右击编辑输入省份:

#设计# <wbr> <wbr>Axure下拉列表的联级动态加载

第二步:在其旁边新增一下拉列表框,右键转换为动态面板,双击之,将标签定义为B,因为有两个省份,所以添加两个状态:

#设计# <wbr> <wbr>Axure下拉列表的联级动态加载

双击“选择福建时”得到一个新的下拉列表,右击编辑列表,输入自己定义的属于福建省的市:

#设计# <wbr> <wbr>Axure下拉列表的联级动态加载

回到首页,再次双击动态面板,双击“选择广东时”,在新的页面添加一下拉菜单,并编辑之(注意坐标和前“选择福建时”一样):

#设计# <wbr> <wbr>Axure下拉列表的联级动态加载

第三步:回到首页,选择第一个下拉列表,在右边的属性栏里做2个交互用例:

#设计# <wbr> <wbr>Axure下拉列表的联级动态加载

“添加用例”→给用例命名(这里默认了)→“添加条件”→第一栏选择“选中项于”,值为“福建”

#设计# <wbr> <wbr>Axure下拉列表的联级动态加载

确定后在左边的“动态面板”处选择第一项“设置动态面板状态为指定状态”,配置动作处勾选“B(动态页面)”,下面选择“选择福建时”,确定:

#设计# <wbr> <wbr>Axure下拉列表的联级动态加载

继续给第一个下拉列表添加用例,把用例2的值改为“广东”,状态改为“选择广东时”:

#设计# <wbr> <wbr>Axure下拉列表的联级动态加载
#设计# <wbr> <wbr>Axure下拉列表的联级动态加载

这样交互面板里面就多了两个用例了:

#设计# <wbr> <wbr>Axure下拉列表的联级动态加载

最后按下F5测试一下,完成了:

未选择时 
#设计# <wbr> <wbr>Axure下拉列表的联级动态加载

选择福建
#设计# <wbr> <wbr>Axure下拉列表的联级动态加载      →       #设计# <wbr> <wbr>Axure下拉列表的联级动态加载
选择广东
#设计# <wbr> <wbr>Axure下拉列表的联级动态加载


一句话总结: 相信吧,快乐的日子/将会来临。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值