教大家使用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#如何循环执行某一方法
  • 热门搜索
    红心大战怎么玩 怎么做网站 胃炎怎么治疗 微信公众号怎么申请 月经一直不停怎么办 怎么开车 主板型号怎么看 李子吃多了会怎么样 problem怎么读 眼睛发黄是怎么回事