ios - 当 UIImageView 接近 UIScrollView 的边缘时淡出

Question

我的应用程序底部的图像上有一个 UIScrollView，它充当带有可以水平滚动的图标的底座。我希望图标淡出以获得更美观的外观，而不是 UIScrollView 的粗糙边缘。作为 iOS 开发新手，我不知道这两个选项是否有效:

1. 创建一个褪色图像用作 ScrollView 上的覆盖层，以便图标仅通过可见部分出现。
2. 实际上改变图像的 alpha 值基于它们距中心的距离(或距每条边)。

我怀疑第一个想法是最简单的，但我想把它扔掉以供任何其他想法。

注意:我确实看到了this教程，但是该技术假设背景是纯色。如果我以编程方式执行此操作，我可能需要淡化各个图像。

Answer 1

你绝对可以按照#2 的思路实现一些东西。这与教程中描述的内容类似。然而，Alpha 过渡不会像使用教程中提到的渐变层或使用图像那样平滑，因为整个图标将具有相同的 Alpha。差异的明显程度取决于图标的大小。较小的图标，很少有人能够区分出来。较大的图标，差异会非常明显。

你必须实现

• (void)scrollViewDidScroll:(UIScrollView *)scrollView

ScrollView 的委托(delegate)类中的方法。每次 ScrollView 更改其内容的位置时都会调用此方法。在此方法中，您可以调用其 subview 并根据需要调整其 alpha。要对其进行一点优化，而不是对所有元素调用 alpha 调整，您只需更新仍然部分/完全可见的 subview 即可。

编辑:要确定要调整哪些 View ，您将使用在上述方法中作为参数传递的scrollView的 contentOffset 属性。