Axure怎么制作点击即可删除Tag标签动效?

Axure怎么制作点击即可删除Tag标签动效?

Axure经常用于制作网页原型。该怎么制作动态可移除的Tag标签呢？下面我们就来看看详细的教程。

原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)

• 类型：辅助设计
• 大小：90.5MB
• 语言：简体中文
• 时间：2018-05-24

查看详情

1、打开Axure原型工作，今天小编教大家使用Axure制作动态可移除的Tag标签，如下图所示。

2、首先我们从元件库中将需要的元件拖入到工作台中，一些按钮素材可以到网上下载一个，如下图所示。

3、然后我们对元件的大小及样式进行调整，形成一个Tag标签样式，如下图所示。

4、然后给删除按钮做一个交互事件，也就是点击该按钮时，Tag标签隐藏掉，如下图所示。

5、需要更多样式和颜色的标签，我们只需要复制进行调整就好了，如下图所示。

6、最后，F5预览看一下效果，如下图所示。

以上就是Axure制作点击即可删除Tag标签动效的教程，希望大家喜欢，请继续关注脚本之家。

相关推荐：

Axure网页怎么设置横向标签页效果?

Axure怎么设计页面标签可以切换的登录框?

Axure RP Pro 7.0怎么制作Tab标签效果?