Axure9.0中继器遮罩实现方法

无需手动绘制任何元件,依托Axure9原生功能一键生成遮罩,适配90%的中继器弹窗场景,预览无错位、适配所有屏幕。

操作步骤

1.准备遮罩

拖拽【矩形2】、设置合适大小、设置填充色(颜色:#0000000 ;透明度:20%)、设置隐藏

2.准备弹窗

提前搭建好中继器编辑/新增/删除弹窗(动态面板,默认隐藏),绑定好行标记、数据回填基础交互;

3.设置动作

选中触发弹窗的按钮(中继器行内编辑、新增、删除按钮),打开【鼠标单击时】用例

遮罩动作设置
  • 找到「显示/隐藏」动作,遮罩 显示;
  • 找到【置于顶层/底层】动作,编辑/新增/删除弹窗 置顶;
弹窗动作设置
  • 找到【移动】动作,编辑/新增/删除弹窗 移动到对应位置;
  • 找到【显示/隐藏】动作,编辑/新增/删除弹窗 显示;

预览

核心优势

零元件、不占图层、无需适配滚动,彻底规避手动遮罩错位、层级混乱问题,是中继器弹窗遮罩的最优方案。

相关推荐
风骏时光牛马1 小时前
智能任务自动化协同AI工作流
前端
IT_陈寒1 小时前
Python的多线程居然是个假把式?搞清GIL让我少熬三天夜
前端·人工智能·后端
宿6741 小时前
vue3-config
前端·javascript·vue.js
明月_清风1 小时前
位图与布隆过滤器:海量数据下的"存在性判断"艺术
前端·后端·算法
明月_清风1 小时前
Hash 表从入门到精通:Go 实战与工程细节
前端·后端·算法
非凡ghost3 小时前
AI修图不“造假“,摄影师的出片效率加速器
服务器·前端·人工智能·电脑
2601_951615203 小时前
网页设计模板源码 web前端模板网页源码下载
前端
mmsx3 小时前
osmdroid 地图实战 03|地图的"分层世界":离线方案、图层模型与 Overlay 体系
android·前端
晴天163 小时前
Ant Design UI 库核心原理与应用
ui