教大家使用Axure制作动态编辑的Tag标签

 时间:2026-04-21 14:32:30

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

教大家使用Axure制作动态编辑的Tag标签

2、首先我们需要将元件拖入到正文当中,并对其样式及大小进行调整,形成一个标签样式,如下图所示。

教大家使用Axure制作动态编辑的Tag标签

教大家使用Axure制作动态编辑的Tag标签

3、然后我们在拖入一个中继器,将刚刚做好的标签复制到中继器中,如下图所示。

教大家使用Axure制作动态编辑的Tag标签

教大家使用Axure制作动态编辑的Tag标签

4、然后给中继器的加载时事件进行设置,如下图所示。

教大家使用Axure制作动态编辑的Tag标签

5、在给标签上的删除按钮做交互事件,如下图所示。

教大家使用Axure制作动态编辑的Tag标签

6、返回到中继器外面,盆始贪我们在制作一个添粒码加标签的样式,这里需要动态面板做支撑,如下图所示。

教大家使用Axure制作动态编辑的Tag标签

7、我们给动态面板中的标签加交互事件,如下图所示。

教大家使用Axure制作动态编辑的Tag标签

教大家使用Axure制作动态编辑的Tag标签

8、最后F5预览看一下效果,点击添加标签时,会弹出输入,鼠标移出后棍舍会显示再次填加的标签框,如下图所示。

教大家使用Axure制作动态编辑的Tag标签

  • 一键永久激活 Win8 和Win8.1 专业版
  • 怎样将书签导入到Edge浏览器
  • Win10通过PowerShell命令卸载自带应用
  • 如何查看Windows 10中安装的字体
  • C#如何循环执行某一方法
  • 热门搜索
    大龙虾的做法大全 男人图片大全 怎么happy 心口痛是怎么回事 少女漫画大全全彩 传奇名字大全 飞机图片大全大图 面包车大全价格 麻料鸟叫声大全 怎么建qq号