设置|Axure教程：中继器制作瀑布流列表( 二 )

将遮罩和按钮进行组合，命名为“删除按钮区”。默认隐藏。
中继器添加动作，每项加载时：
增加动作：设置“遮罩背景”尺寸，宽=[[img.width]]（设置局部变量img=图片元件img，也就是中继器中的商品图），高=[[card.height]]（设置局部变量card=卡片组合card，也就是包括商品图、卡片文字的整个卡片区域）。
2. 添加删除卡片及新增行的交互

“删除按钮”添加交互，鼠标单击时：

删除行，this（当前行）从中继器（我将该中继器命名为“瀑布流列表”）。
添加行，4行为中继器（“瀑布流列表”），建议写入4行不同的数据，补位效果比较好。
隐藏“删除按钮区”，也就是将遮罩和按钮隐藏掉。

“遮罩背景”添加交互，鼠标单击时：
隐藏“删除按钮区”。实现点击黑色半透明遮罩时隐藏“删除按钮区”的效果。
三、实现滑动效果最后，将中继器转换为动态面板，属性中取消“自动调整为内容尺寸”，滚动条设置为“自动显示垂直滚动条”
调整动态面板的高度
本文由 @holo咩原创发布于人人都是产品经理，未经作者许可，禁止转载。
【设置|Axure教程：中继器制作瀑布流列表】题图来自Unsplash，基于CC0协议。