Axure制作:持续可增加可删减的“附件”案例

 时间:2024-10-14 02:16:19

1、新建2个"图标:加号"和1个中继器,如下图所示:

Axure制作:持续可增加可删减的“附件”案例

2、设置1个"图标:加号"为add1设置1个"图标:加号"为add2;隐藏;置于顶层设置"中继器"为隐藏

3、两个"图标:加号"重叠在一起布局如下图所示:

Axure制作:持续可增加可删减的“附件”案例

4、中继器内部布局:

5、删除内部原有内容;新建一个图片新建一个”图标:删除“布局如下:

Axure制作:持续可增加可删减的“附件”案例

6、设置"图标:删除"为del;隐藏;不透明度:50%设置图片尺寸:80*80;鼠标悬停时,不透明度:20%---(这里演示的”pTool“是个组合,是“预览”、“图标”、“删除”3个图标的组合,因为”预览“和”下载“,但没有做交互动作,所以下面不再累述了)

7、另,需要给“中继器”加入一列内容,通过“导入”方式,存放一些数量的“附件”图标……如下图所示:---(具体图标存放数量,取决于演示的方式)

Axure制作:持续可增加可删减的“附件”案例

8、以下是交互动作,很简单……

9、“图标:add2”的“鼠标单击时”动作:---设置中继器每页显示项目数量---

Axure制作:持续可增加可删减的“附件”案例

10、设置“元件:中继器”为局部变量LVAR1所以所需设置的数量值为:[[lvar1.visibleItemCount+1]]

Axure制作:持续可增加可删减的“附件”案例
Axure制作:持续可增加可删减的“附件”案例

11、“图标:add1”的“鼠标单击时”动作:---显示”中继器“显示”图标:add2“---

Axure制作:持续可增加可删减的“附件”案例
Axure制作:持续可增加可删减的“附件”案例

12、“中继器”的“每项加载时”动作:---设置”图片“内容---

Axure制作:持续可增加可删减的“附件”案例
Axure制作:持续可增加可删减的“附件”案例

13、“图片”的“鼠标移动时”动作:---显示”pTool“;置于顶层;弹出效果;---

Axure制作:持续可增加可删减的“附件”案例
Axure制作:持续可增加可删减的“附件”案例

14、“图标:del”的“鼠标单击时”动作:

Axure制作:持续可增加可删减的“附件”案例

15、判断“中继器”显示数量等于1

Axure制作:持续可增加可删减的“附件”案例
Axure制作:持续可增加可删减的“附件”案例

16、动作:---隐藏”中继器“隐藏”图标:add2“---

Axure制作:持续可增加可删减的“附件”案例

17、除此之外的动作:---1.删除此内容2.设置每页显示的项目数量:[[Item.Repeater.visibleItemCount-1]]---

Axure制作:持续可增加可删减的“附件”案例
Axure制作:持续可增加可删减的“附件”案例

18、全部设置完后,验证下效果吧……

Axure制作:持续可增加可删减的“附件”案例

19、觉得不错的话,请投个票,加个赞哦~

  • Axure 9 实现元件大小和位置变换
  • axure动态面板入门
  • axure制作下拉框框中光标闪烁,等待输入的效果
  • 如何利用Axure RP 8设计软件中的内联框架设置
  • Axure8怎么添加新页面
  • 热门搜索
    溺水手抄报简单又漂亮 母亲节手抄报内容 预防新型冠状病毒手抄报 三年级语文手抄报 致敬抗疫英雄手抄报内容 普通话的手抄报 我心目中的英雄手抄报 有关汉字的手抄报 讲文明手抄报 中秋节手抄报图片大全