loading

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

发布时间:2020-04-25

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

原型效果

收藏-&g♂t;

Л

已收藏->

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

所需元件々

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

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

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

一个空心@的五角星Ic¨∏on;

一〤个实心的五角星Icon。

操≡作步☞骤

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

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

§

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

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

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

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

 ☎

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

题图来↑自 Unsplas▎▏h ,基于 ┐CC0 协议▕