如何使用AxureRP8完成动态面板收藏和已收藏效果

 时间:2024-10-14 22:37:34

1、首先打开软件,新建一个单独的页面,用于接下来进行收藏效果的制作使用,如图所示,命名为收藏与已收藏效果

如何使用AxureRP8完成动态面板收藏和已收藏效果

2、然后按照我们想要的效果进行排版,准备收藏与已收藏需要的元件材料,需要一个动态面板,两个矩形,一个实心的五角和一个空心的五角图标

如何使用AxureRP8完成动态面板收藏和已收藏效果

3、然后将上述其中的一个矩形设置成动态面板,起名为收藏已收藏面板

如何使用AxureRP8完成动态面板收藏和已收藏效果

4、然后在收藏已收藏动态面板下添加两个状态,一个收藏一个已收藏,效果如图所示

如何使用AxureRP8完成动态面板收藏和已收藏效果

5、然后将收藏和已收藏的面板状态下都双击编辑,把我们准备的矩形和五角星分别放入这两个状态,对矩形进行命名为收藏和已收藏。

如何使用AxureRP8完成动态面板收藏和已收藏效果
如何使用AxureRP8完成动态面板收藏和已收藏效果

6、完成两个状态的编辑之后,我尺攵跋赈们可以看到在我们的收藏与已收藏动态面板上已经有相关的效果了,这时候我们就完成了基本的布局操作,最后我们概要页面的叠放效果如图所示

如何使用AxureRP8完成动态面板收藏和已收藏效果

7、下面进行动态面板的交互操作,点击动态面板收藏与已收藏效果,在属性菜单里面添加鼠标点击时用例

如何使用AxureRP8完成动态面板收藏和已收藏效果

8、双击鼠标点击时用例,然后在用例事件里面,选择元件,找到设置面板状态

如何使用AxureRP8完成动态面板收藏和已收藏效果

9、然后添加面板的动态交互效果,勾选收藏与已收藏效果的面板,然后设置状态为next,向后循环,具体如图所示

如何使用AxureRP8完成动态面板收藏和已收藏效果

10、点击AxureRP 8的预览功能,在浏览器上查看效果,如下

如何使用AxureRP8完成动态面板收藏和已收藏效果
  • ps如何制作彩色线条背景
  • AxureRP如何设置元件位置
  • Animate/FLASH如何实现水平拖动图片(AS3)
  • 怎样在Axure项目中导入另一个项目的页面功能
  • axure怎么统计多行文本框输入的文字数?
  • 热门搜索
    名著手抄报 食品安全手抄报内容 端午节手抄报图片 关于六一儿童节的手抄报 节约用水手抄报一等奖 预防传染病手抄报 清明节手抄报 法制手抄报内容 端午节的手抄报 安全教育手抄报