如何制作像 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

您可以使用此第 3 方 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]);

}

结果图像将是这样的：

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

希望对您有所帮助。 :)

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

How to make Circle image like Instagram's story profile image

geometry

border

objective-c

uiimageview

ios