这篇文章分别使用到了我先前的四篇文章：《Axure教程：实现商品分享功能》、《Axure教程：数量加减的实现》、《Axure教程：规格的实现》、《Axure教程：使用动态面板实现收藏已收藏》。参考第一篇文章的一部分功能；照搬第二、三、四篇文章的功能就完工啦！
　　预览图
　　点击“规格”后：
　　点击“比卡丘”“黄色”，点3下“”后：
　　再次点击“比卡丘”，点3下“”后：
　　预览地址：https：5j0xci。axshare。com
　　所需元件
　　这里不对元件进行详细描述，就放一张展示全体元件的图片以及（展示图片）动态面板的三个面板下的内容。
　　全体元件图：
　　（展示图片）动态面板下的“通用”面板：
　　（展示图片）动态面板下的“哆啦A梦”面板：
　　（展示图片）动态面板下的“比卡丘”面板：
　　操作步骤
　　（1）参照《Axure教程：实现商品分享功能》中操作步骤的（1）和（2）去实现点击“选择规格”矩形后显示“选择规格”面板功能。
　　（2）在“选择规格”动态面板下摆放好元件的位置。
　　（3）参照《Axure教程：数量加减的实现》实现购买数量的加减功能。
　　（4）参照《Axure教程：规格的实现》、《Axure教程：使用动态面板实现收藏已收藏》分别实现规格选择时的提示信息的改变，展示图片的改变。
　　（5）完工，按F5预览原型操作看看。
　　小记
　　1。这篇文章是拆分成了前面几篇文章后，再将它们组合起来后完成。之所以有这种想法是因为我在完成文章《Axure教程：实现商品分享功能》时，我将所有的功能集中在了一篇文章里讲解，这样导致的结果就是篇幅过长（也是我写过最长的一篇文章），让很多人望而却步，就连我自己写完后也没有去看它多几眼。所以这篇文章在写之前我先将它拆分成几个文章来写，这样子更加清晰易懂些。
　　2。在制作这个原型案例的时候我也不是先将整个都制作出来了再去将它拆开成几个原型来讲解而是跟文章顺序一样先完成加减功能再完成规格选择功能最后再集合起来完成，就跟建楼一样。所以在制作一个大的原型的大体思路是：确定总体框架细分框架实现每一个小原型拼装小原型产出大原型。

建议收藏：可能是最全的Axure输入框今天给大家分享一组Axure常用输入框，喜欢该原型的小伙伴们可以在评论处给我留言哦。原型演示地址：https：www。pmdaniu。comstorages1110439……AxureRP9教程：页面三级拖动本期效果是一个三级拖动，第一次点击弹出部分列表，向上拖动时显示完整的列表，向下拖动时显示最低级的列表。一起看看怎么操作本期效果：本期效果是一个三级拖动，第一次点击弹……AxureRP9教程：制作漂亮的bootstrap4进度条作者给大家分享了如何使用Axurerp9制作bootstrap4进度条，一起来看看今天跟大家分享的是制作漂亮的bootstrap4进度条，老规矩能动手的不花钱买，不会的先……Axure教程：实现菜单下拉效果笔者在本文中介绍了如何用Axure实现菜单下拉效果的操作步骤，以及实现过程中的一些心得体会，与大家分享。尽管Axure的基础元件库里面已经有菜单项了，但是样式和交互我们不……Axure教程：鼠标移入时切换菜单上一篇文章《Axure教程：实现菜单下拉效果》里使用了最简单的方式实现了菜单下拉效果，这个案例实现的是当鼠标移入菜单项的时候切换菜单且有且只有一个菜单项是展开的。预览图……Axure教程：计数器的实战应用场景商品购件数本文将为大家介绍如何设计商品购件数的交互设计以及具体步骤。移动互联网购物平台已经成为时代的潮流，以“移动端下单前置仓配货即时配送到家”等模式运营，让用户足不出户即可买到新……Axure教程：实现商品规格选择功能这篇文章分别使用到了我先前的四篇文章：《Axure教程：实现商品分享功能》、《Axure教程：数量加减的实现》、《Axure教程：规格的实现》、《Axure教程：使用动态面板实……Axure教程：用中继器做APP引导页文章教大家如何在Axure用中继器做APP引导页，与大家分享。今天教大家用中继器做app的引导页，该原型使用方便简单，制作完成后，所有交互都已经设定好，您只需要在中继器中……Axure教程：数量加减的实现我的上一篇文章是《Axure教程：实现商品分享功能》，原本计划下一篇写的是《Axure教程：实现商品规格选择功能》，但在制作途中发现内容比较多，所以就先打算拆解开来分……Axure教程：规格的实现笔者在本文中介绍了如何用Axure实现规格效果的操作步骤，以及实现过程中的一些心得体会，与大家分享。这篇文章是继《Axure教程：数量加减的实现》之后的下一篇拆解《Axu……AXURE教程：手机键盘今天教大家用axure做一个能输入的手机键盘，该键盘原型，效果真实，可以打英文，数字和标点符号。一、效果演示演示地址：https：www。pmdaniu。comst……Axure教程：实现商品分享功能本文介绍了如何实现商品分享功能的Axure教程，并具体从预览图，到所需原件，再到操作步骤进行了分析。导语该案例是基于电商平台，当对商品进行分享时的原型制作。该原型内……