IOS：UIImageView带有半径的白色边框在4个角落显示一条奇怪的暗线

问题描述

我为 ImageView 设置了边框白色和半径。但是在 ImageView 的4个角落，会出现一些暗线。

这是我为 ImageView设置颜色的代码

  self.image.layer.cornerRadius = 10; 
 self.image.layer.borderWidth = 3; 
 self.image.layer.borderColor = [[UIColor whiteColor] CGColor]; 
 self.image.layer.masksToBounds = YES; 
  

这是一个小型的演示项目。我的故事板仅包含 ImageView ，我没有为我的 ImageView 。

我不知道为什么会发生这种情况，它已经在模拟器和真实设备上进行了测试，但它给出了同样的错误

以下是演示项目:(非常简单）

解决方案

更新代码

我尝试了你的代码实际上你的图像尺寸很大我最初调整了基于图像的大小on original image size

  UIImage * myIcon = [self imageWithImage：[UIImage imageNamed：@abc.jpg] scaledToSize：CGSizeMake （400,400）]; 
 self.image.image = myIcon; 
  

有时角半径不能正常工作所以我用 UIBezierPath for this concept

  UIBezierPath * maskPath; 
 maskPath = [UIBezierPath bezierPathWithRoundedRect：self.image.bounds byRoundingCorners：（UIRectCornerTopLeft | UIRectCornerTopRight | UIRectCornerBottomLeft | UIRectCornerBottomRight）cornerRadii：CGSizeMake（10.0,10.0）]; 
 
 CAShapeLayer * maskLayer = [[CAShapeLayer alloc] init]; 
 maskLayer.frame = self.view.bounds; 
 maskLayer.path = maskPath.CGPath; 
 self.image.layer.mask = maskLayer; 
  

边框颜色和宽度使用此

swift 3

  let maskPath = UIBezierPath（roundedRect：imageView.bounds，byRoundingCorners：（[。 topLeft，.topRight，.bottomLeft，.bottomRight]），cornerRadii：CGSize（width：10.0，height：10.0））
 
 
 let borderShape = CAShapeLayer（）
 borderShape。 frame = self.imageView.bounds 
 borderShape.path = maskPath.cgPath 
 borderShape.strokeColor = UIColor.white.cgColor 
 borderShape.fillColor = nil 
 borderShape.lineWidth = 3 
 self.imageView.layer.addSublayer（borderShape）
  

输出

更新

  CAShapeLayer * borderShape = [CAShapeLayer层]; 
 borderShape.frame = self.image.bounds; 
 borderShape.path = maskPath.CGPath; 
 borderShape.strokeColor = [UIColor whiteColor] .CGColor; 
 borderShape.fillColor = nil; 
 borderShape.lineWidth = 3; 
 [self.image.layer addSublayer：borderShape]; 
  

Swift

  var borderShape：CAShapeLayer = CAShapeLayer.layer 
 borderShape.frame = self.image.bounds 
 borderShape.path = maskPath.CGPath 
 borderShape.strokeColor = UIColor.whiteColor（）。CGColor 
 borderShape.fillColor = nil 
 borderShape.lineWidth = 3 
 self.image.layer.addSublayer（borderShape）
  

输出

I set the border white and radius for my ImageView. But in 4 corner of the ImageView, some dark line appear.
Here is the code I set the color for my ImageView

self.image.layer.cornerRadius = 10;
self.image.layer.borderWidth = 3;
self.image.layer.borderColor = [[UIColor whiteColor] CGColor];
self.image.layer.masksToBounds = YES;

This is a small demo project. My storyboard only contains the ImageView, and I don't set any constraint for my ImageView.

I don't know why this happened, it have tested on simulator and real device but it give a same error

Here is demo project: (it's very simple) https://drive.google.com/file/d/0B_poNaia6t8kT0JLSFJleGxEcmc/view?usp=sharing

Update
Some people give a solution is change the color of border color from whiteColor to clearColor. Of course it will make 4 lines disappear. But if I using clearColor, I don't need to add border to my ImageView.
I need border white for some reason

解决方案

Updated code

I tried your code actually your image size is big initially I resized the image based on original Image size

UIImage *myIcon = [self imageWithImage:[UIImage imageNamed:@"abc.jpg"] scaledToSize:CGSizeMake(400, 400)];
self.image.image = myIcon;

sometimes corner radius does not work properly so I used UIBezierPath for this concept

 UIBezierPath *maskPath;
maskPath = [UIBezierPath bezierPathWithRoundedRect:self.image.bounds byRoundingCorners:(UIRectCornerTopLeft | UIRectCornerTopRight | UIRectCornerBottomLeft | UIRectCornerBottomRight) cornerRadii:CGSizeMake(10.0, 10.0)];

CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
maskLayer.frame = self.view.bounds;
maskLayer.path = maskPath.CGPath;
self.image.layer.mask = maskLayer;

for border color and width use this

swift 3

let maskPath = UIBezierPath(roundedRect: imageView.bounds, byRoundingCorners: ([.topLeft, .topRight, .bottomLeft, .bottomRight]), cornerRadii: CGSize(width: 10.0, height: 10.0))


    let borderShape = CAShapeLayer()
    borderShape.frame = self.imageView.bounds
    borderShape.path = maskPath.cgPath
    borderShape.strokeColor = UIColor.white.cgColor
    borderShape.fillColor = nil
    borderShape.lineWidth = 3
    self.imageView.layer.addSublayer(borderShape)

output

Update

CAShapeLayer*   borderShape = [CAShapeLayer layer];
borderShape.frame = self.image.bounds;
borderShape.path = maskPath.CGPath;
borderShape.strokeColor = [UIColor whiteColor].CGColor;
borderShape.fillColor = nil;
borderShape.lineWidth = 3;
[self.image.layer addSublayer:borderShape];

Swift

var borderShape: CAShapeLayer = CAShapeLayer.layer
borderShape.frame = self.image.bounds
borderShape.path = maskPath.CGPath
borderShape.strokeColor = UIColor.whiteColor().CGColor
borderShape.fillColor = nil
borderShape.lineWidth = 3
 self.image.layer.addSublayer(borderShape)

Output

Code for whole project

这篇关于IOS：UIImageView带有半径的白色边框在4个角落显示一条奇怪的暗线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！