欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

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

程序员文章站 2022-09-03 12:19:35
Axure怎么制作点击即可删除Tag标签动效?...

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

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

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

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

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

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

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

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

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

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

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

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

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

以上就是axure制作点击即可删除tag标签动效的教程,希望大家喜欢,请继续关注。

相关标签: Axure TAG 标签