当前位置:现金游戏>数字彩票>内容

澳门老牌赌场·Axure教程:规格的实现

来源:现金游戏 作者:未知 发表时间:2020-01-11 17:25:47 我要评论

澳门老牌赌场·Axure教程:规格的实现

澳门老牌赌场,笔者在本文中介绍了如何用axure实现规格效果的操作步骤,以及实现过程中的一些心得体会,与大家分享。

这篇文章是继《axure教程:数量加减的实现》之后的下一篇拆解《axure教程:实现商品规格选择功能》的文章《axure教程:规格的实现》。主要讲解规格的选择时的操作。

尚未选择规格时的显示:

选择“比卡丘”后的显示:

选择“蓝色”后的显示:

选择“比卡丘”“蓝色”后的显示:

取消选择“比卡丘”后的显示:

原型预览地址:https://mwb2of.axshare.com

所需元件就10个(但还是要命好名),其中6个是纯文本,需要设置交互的元件就只有三个:(黄色)矩形、(蓝色)矩形、(比卡丘)矩形。

(1)将(黄色)矩形、(蓝色)矩形放在一个选项组“颜色”。

将两个元件放在设置选项组的作用是它们之间只有一个选中状态为true。

(2)设置三个矩形的交互样式——选中

这里的交互样式我参考的是某宝的交互样式。

(3)设置三个矩形的交互——鼠标单击时

1)这个原型的难点在于要将三个设置了交互的矩形的条件考虑周到,所以我使用了excel表格将所有情况都列了出来。

将所有情况都列好了之后我们就开始根据表格一个一个去对应地增加交互和交互的条件。

2)“比卡丘”矩形的前3个case。

3)“比卡丘”矩形的后3个case。

4)“蓝色”矩形的4个case。

5)“黄色”矩形的4个case。

这里可以看到“蓝色”矩形的交互和“黄色”矩形的交互基本相同,所以我们设置好“蓝色”矩形的交互后可以直接把“蓝色”矩形的交互粘贴到“黄色”矩形的交互,然后再修改一些小细节,这样就可以省下很多时间了。

(4)第三步都搞定后就可以按f5预览原型看看效果了。

本文由 @nilz 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 unsplash ,基于 cc0 协议

姚记娱乐网

上一篇: 修得快、爬得高……世界唯一的“造楼神器”看呆海外网友 下一篇: 三溪·酒城中心怎么样 三溪·酒城中心房价走势

相关推荐