ios - 如何制作像 Instagram 故事个人资料图片一样的圆圈图片

Question

我想创建像 Instagram 故事个人资料图片中那样的圆形图片。它应该有两个圆圈，内圈是白色的，外圈颜色是本色而不是渐变色。我试过那个代码，但只有一个圆圈。如何将第二个圆添加到 imageView 层？

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

你能帮帮我吗？

谢谢:)

Answer 1

您可以使用这个第三方 library它为 UIImageView 提供多个边框。

而且，如果你想自己做，你可以让 UIImageView 成为 UIView 的 subView。然后使 UIView 变圆并在其中设置 borderWidth 和颜色。对 UIImageView 执行相同的操作。

这是一个例子:

像这样添加您的 UIView 和 UIImageView。

然后添加这段代码:

-(void)viewDidLayoutSubviews {
    [super viewDidLayoutSubviews];

    _profileImage.layer.cornerRadius = 30;
    _profileImage.layer.borderWidth = 3;
    _profileImage.layer.borderColor = [UIColor whiteColor].CGColor;
    _profileImage.layer.masksToBounds = YES;

    _profileImage.clipsToBounds = true;
    _profileImage.layer.cornerRadius = _profileImage.frame.size.height/2;

    _superViewImage.clipsToBounds = true;
    _superViewImage.layer.masksToBounds = true;
    _superViewImage.layer.cornerRadius = _superViewImage.frame.size.height/2;
    _superViewImage.layer.borderWidth = 0.5;
    _superViewImage.layer.borderColor = (__bridge CGColorRef _Nullable)([UIColor greenColor]);

}

结果图像将是这样的:

为两个边框设置所需的颜色。

希望对您有所帮助。 :)