《axure的全局变量设置按钮选中取消选中事件操作实例》是一篇关于Axure的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Axure技巧;你可以通过此加强操作实例,全局变量等多维度案例或实操来进行更多的学习;此教程是由zilin在2021-06-07发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Axure技巧;请给他一个赞吧。
今天教大家如何用axure全局变量设置按钮选中取消选中事件,选中事件在交互产品中帮我们选择自己刚兴趣的东西,更加有利于向用户群体推送刚兴趣的东西,axure按钮选中取消选中事件具体操作如下:
效果图如下:
1、兴趣节点在选中之后,圆圈变大,背景变色,字体变大变色;
2、兴趣节点在取消选中之后,圆圈大小、背景颜色、字体恢复;
3、当有兴趣节点选中之后,“下一步”按钮可用(变蓝);
4、如果没有兴趣节点选中,“下一步”按钮禁用(灰色)。
1、拖入一个矩形框,作为手机背景,当然你有其他的手机背景,也可以拖入,这里不做赘述;
2、拖入一个圆形框,设置尺寸为60*60 , 写上抽烟,其他的兴趣框先不拖入;
3、拖入一个按钮,作为下一步按钮,设置为禁用;
4、到了这里,原型就算设计完成了。
1、设置全局变量select_amount,用于记录当前选中的兴趣数量,初始值=0;
2、设置兴趣选择的交互样式,即选择中的时候,字号变成16,字色变成白色,背景变成绿色;
3、设置兴趣选择的鼠标单击事件,当鼠标单击的时候,兴趣选择器在选中和取消选中之间切换;
4、当兴趣被选中时候,被选中的数量select_amount+1,设置被选中元件尺寸为80*80;当取消取消选中的时候,被选中数量select_amount-1,设置被选中元件尺寸为60*60;
5、设置“下一步”按钮的交互样式,当禁用的时候,设置背景颜色为灰色,字色为黑色;
6、设置兴趣框的尺寸改变事件,当尺寸改变时候,判断如果select_amount>0,设置“下一步”按钮为启用;当select_amount<=0 , 设置“下一步”按钮禁用;
7、复制“抽烟”兴趣框,修改为其他兴趣爱好,至此,兴趣选择的原型就制作好了。
以上就是axure按钮选中取消选中事件全部内容介绍了,关于更多axure9教程信息,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。
赠人玫瑰,手有余香
< 上一篇 Axure制作APP折叠面板 axure手风琴制作教程操作实例
> 下一篇 Axure制作QQ音乐操作实例
2022-06-29 09:46
2022-06-16 09:55
首席设计师
高级视觉设计师
高级插画设计师
输入的验证码不正确
评论区
暂无评论