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

2020-01-19

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

≯々

原型效|果

收藏->卍;ν

已收〆藏->

ф

预览原型地址:https://hi9c4s.axshare.cΦom

所需元件

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

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

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

一个空心的五♦角星Icon;

一个︶︷︸实心的←五◥☠角星Icon。

操作步骤

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

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

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

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

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

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

 

本文┓由 @N⊕ilz 原创发布于人人都是产品经理,未经许可,禁止转载╯╰

╠╡

题图来自 Uns▪plash ,▊基于 ▁▂▃▄CC0 协议

相关文章

网站分类