Axure教程:使用动态面板实现收藏→已收藏
发布时间:2021-04-25 03 来源: 互联网

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

原型效果

收藏->

已收藏->

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

所需元件

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

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

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

一个空心的五角星Icon;

一个实心的五角星Icon。

操作步骤

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

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

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

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

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

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

 

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

题图来自 Unsplash ,基于 CC0 协议

Copyright © 2012-2021  www.20538.cn 版权所有   
声明:本站部分资源内容为站内原创著作,也有部分基于互联网公开分享整理,版权归原作者所有。如侵犯到您的权益,请联系本站,我们会尽快处理,谢谢!