You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Power Apps中合并图形并创建屏幕叠加层?

在Power Apps中创建自定义叠加层的方法

Power Apps没有像PowerPoint那样直接的形状合并/拆分功能,以下是几种可行的实现方案:

方案一:基础形状拼接组合

通过叠加多个内置形状控件,模拟出目标叠加层效果:

  • 先添加一个矩形控件,设置为全屏尺寸,调整Fill属性为半透明颜色(比如RGBA(0,0,0,0.6)),作为基础遮罩
  • 在需要镂空的区域,用多边形控件(或多个矩形/三角形)绘制出镂空的形状,设置Fill属性与主屏幕背景色完全一致,覆盖在遮罩矩形的对应位置
  • 选中所有形状,点击「组合」按钮,将它们合并为一个整体,方便后续调整位置和尺寸

方案二:SVG自定义形状(精准适配)

利用Power Apps支持SVG的特性,直接生成复杂的自定义叠加层:

  1. 编写对应形状的SVG代码(以你提供的斜切镂空遮罩为例):
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
  <!-- 半透明遮罩,中间斜切镂空区域 -->
  <path d="M0 0 L100% 0 L100% 100% L0 100% Z M20% 25% L80% 35% L80% 70% L20% 60% Z" 
        fill="rgba(0,0,0,0.6)" 
        fill-rule="evenodd"/>
</svg>
  1. 在Power Apps中添加一个Image控件,将其Image属性设置为:
    "data:image/svg+xml;utf8," & EncodeUrl("<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><path d='M0 0 L100% 0 L100% 100% L0 100% Z M20% 25% L80% 35% L80% 70% L20% 60% Z' fill='rgba(0,0,0,0.6)' fill-rule='evenodd'/></svg>")
  2. 调整Image控件为全屏尺寸,即可实现自适应屏幕的精准叠加层

方案三:外部工具导出图片导入(最简单)

如果已经在PowerPoint/Figma等工具中做好了目标叠加层:

  • 将形状导出为透明背景的PNG图片
  • 在Power Apps中导入该图片,添加为Image控件,调整尺寸铺满主屏幕即可

内容的提问来源于stack exchange,提问作者Yope

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.26 04:54:10