从视图中删除模糊部分

Question

我使用渐变创建了此视图，但是碰巧会出现模糊部分，我完全不知道如何删除它。

这是我的代码：

NSArray *grandientColor = [NSArray arrayWithObjects:
                           (id) [[UIColor colorWithRed:1 green:1 blue:0.79 alpha:1] CGColor],
                           (id) [[UIColor colorWithRed:1 green:0.93 blue:0.61 alpha:1] CGColor],
                           (id) [[UIColor colorWithRed:1 green:0.85 blue:0.43 alpha:1] CGColor],
                           (id) [[UIColor colorWithRed:1 green:0.7 blue:0.25 alpha:1] CGColor],
                           (id) [[UIColor colorWithRed:1 green:0.55 blue:0.18 alpha:1] CGColor],
                           (id) [[UIColor colorWithRed:1 green:0.3 blue:0.1 alpha:1] CGColor],
                           (id) [[UIColor colorWithRed:0.9 green:0.08 blue:0.04 alpha:1] CGColor],
                           (id) [[UIColor colorWithRed:0.75 green:0 blue:0.13 alpha:1] CGColor],
                           (id) [[UIColor colorWithRed:0.51 green:0 blue:0.14 alpha:1] CGColor],
                           (id) [[UIColor colorWithRed:0.29 green:0 blue:0.08 alpha:1] CGColor],nil
                           ];

UIView *viewGradient = [[UIView alloc] initWithFrame:CGRectMake(15.0f, 50.0f, 126.0f, 25.0f)];

viewGradient.layer.cornerRadius = 5;
viewGradient.layer.masksToBounds = YES;
viewGradient.layer.borderColor = [UIColor blackColor].CGColor;
viewGradient.layer.borderWidth = 2.0f;

CAGradientLayer *maskLayer = [CAGradientLayer layer];
maskLayer.opacity = 0.8;
maskLayer.colors = grandientColor;

// Hoizontal - commenting these two lines will make the gradient veritcal
maskLayer.startPoint = CGPointMake(0.0, 0.5);
maskLayer.endPoint = CGPointMake(1.0, 0.5);

maskLayer.bounds = viewGradient.bounds;
maskLayer.anchorPoint = CGPointZero;
[viewGradient.layer addSublayer:maskLayer];
[legendView addSubview:viewGradient];

这个你能帮我吗。

谢谢是提前。

Answer 1

实际上这是在两侧都发生的，但由于渐变颜色较浅，因此在左侧更明显。 发生这种情况的原因是由于圆角上的抗锯齿伪像。 边框绘制在渐变的顶部，因此当添加部分绘制的边框像素时，渐变类型的泄漏会从错误的边框后面泄漏出来。

解决此问题的最简单方法是使渐变层比其父图层小一些。 因此，除了匹配边界之外，您还可以执行以下操作：

// maskLayer.bounds = viewGradient.bounds;
maskLayer.anchorPoint = CGPointZero;
maskLayer.frame = CGRectInset(viewGradient.bounds, 1, 1);
maskLayer.cornerRadius = 4;

您还需要将设置anchorPoint的线移动到设置框架的位置上方，并应用拐角半径，如上面的代码所示。

这将产生所需的效果：

如果我们使边框部分透明，则可以看到发生了什么：

Answer 2

也许您是在谈论CornerRadius不模糊？ 你到底是什么意思？ 您的不透明度为0.8，它赋予透明性删除此内容：

viewGradient.layer.cornerRadius = 5; // rounds your view
maskLayer.opacity = 0.8; // make your view transparent