Axure教程:使用动态面板实现收藏→已收藏

本文作者教你如何在Axure中,使用动态面板实现收藏->已收藏,一起来看看~

原型效果

收藏->

已收藏->

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

所需元件

一个矩形转换为动态面板并命名为“是否收藏”;

两个面板并分别命名为“收藏”、“已收藏”;

两个面板下放相同大小的矩形分别命名为“收藏”、“已收藏”;

一个空心的五角星Icon;

一个实心的五角星Icon。

操作步骤

(1)画布拉入一个合适大小的矩形,并转换为动态面板

(2)动态面板增加一个状态,并命好名

(3)在“收藏”面板下的矩形内填入文字“收藏”,并将空心五角星Icon放到合适的位置

(4)在“已收藏”面板下的矩形内填入文字“已收藏”,并将实心五角星Icon放到对应的位置

(5)设置动态面板的交互——鼠标单击时

(6)完成,按F5预览原型看看

 

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

题图来自 Unsplash ,基于 CC0 协议

 
®关于本站文章™ | 若非注明原创,默认 均为网友分享文章,如有侵权,请联系我们™
㊣ 本文永久链接: Axure教程:使用动态面板实现收藏→已收藏