为什么 UI 半透明面板会出现“黑边”和“发灰”:一篇把你从玄学里拎出来的透明指南

📅 发布时间:2026/7/3 2:25:46 👁️ 浏览次数:
为什么 UI 半透明面板会出现“黑边”和“发灰”:一篇把你从玄学里拎出来的透明指南
你肯定遇到过这种场面:你做了个很常见的 UI 弹窗:背景来一层半透明黑遮罩,弹窗面板是圆角、带柔和透明边缘的 PNG。在编辑器里一看——哎挺好。一跑真机——圆角边缘一圈黑线;或者整张面板“发灰”,像蒙了一层雾;再或者跟背景叠一起颜色不对,黑得不干净、灰得不高级。你一脸问号:“美术切图是不是有问题?”美术也委屈:“我 PSD 里没黑边啊!”然后有人说:“把导入设置里 Alpha is Transparency 勾上!”你勾了,好了一点,但还是不完美。又有人说:“换个 Shader,用 Premultiply!”你换了,有的图好了,有的图更怪了。最后你靠“瞎试”把它弄得差不多能看,但心里很虚:为什么会这样?下次又来我还得瞎试吗?这篇文章就是来把这件事讲透:UI 半透明面板的黑边和发灰,到底从哪来的?为什么有时候换个 Shader 就好了?为什么平台一换就变了?到底怎么一眼判断该怎么修?我会尽量用大白话讲清楚,同时也给你一套“排查清单”,让你遇到类似问题不再靠运气。0. 先把结论放前面(让你心里有底)UI 半透明面板出现“黑边”和“发灰”,常见原因基本就这几类(按出现频率排序):透明区域的 RGB 颜色不干净(透明像素其实有颜色)纹理采样(双线性过滤 / Mipmap / 压缩)把边缘脏色“搅进来了”