视觉效果上的文字模糊

Posted 2023-03-14

【中文标题】视觉效果上的文字模糊

【英文标题】：Text is blurry over Visual Effects

【发布时间】：2017-08-01 14:24:00

【问题描述】：

背景：我在一个图像的视图中堆叠了几个按钮和一个标签，并带有一些用于模糊的视觉效果视图。

难题：按钮和标签中的文本像素化，而其他文本清晰锐利。就好像标签和按钮已被转换为渲染不良的图像。

DoneDid：

将按钮和标签放在自己的视图中。 将带有标签和按钮的视图放在 Visual Effects 视图堆栈之外。 玩过字体、比例和其他各种设置。 将“库存详细信息栏”的背景设置为纯色，以检查潜在的 FX 是否泄漏到上层视图。 到处寻找“视觉效果视图上的模糊文本”和几种变体。没有什么能完全符合我目前的经验。

与往常一样，这个社区很棒，我很欣赏任何可能突破这种视觉怪异的想法。

---

我们正在查看库存类型标签

---

标签细节（尝试了几种字体，不只是 Arial）

---

模糊的“库存类型”标签

【问题讨论】：

您的视觉效果是否应用于整个Inventory details bar 视图？

该栏设置在视觉效果视图之外，但是，我已将不同级别的效果应用于栅格化视图中所有内容的父视图。当我将其设置为 false 时，它​​解决了问题。感谢您跟进我的问题！

【参考方案1】：

3 小时研究， 发帖求助…… 稍后发现问题。

好的，因此包含具有模糊效果的图像堆栈（包括标签和背景图像）的视图有一个阴影，我将其覆盖在其下方的滚动单元格上。

在寻找处理图层阴影的解决方案时，有人提到栅格化整个视图以提高效率。这意味着....它将整个视图及其内容转换为某种图像以降低处理资源。

原来... （detailedImageView 为父 UIView 的名称）

detailedImageView.layer.shouldRasterize = true

我将其更改为“False”，这是此参数和 BAM 的默认值...清晰明了的文本。

我希望这对某人有所帮助。

【讨论】：

你为我节省了几个小时！感谢您分享这个！