Wie machen Kreis-Bild wie Instagram Geschichte Profil-Bild

Wie machen Kreis-Bild wie Instagram Geschichte Profil-Bild

Möchte ich Kreis erstellen Bild wie das in Instagram Geschichte-Profil-Bild. Es sollten zwei Kreisen, der innere Kreis ist weiß, der äußere Kreis die Farbe selbst-die Farbe, nicht den Verlauf. Ich habe versucht, dass code, aber es ist nur ein Kreis. Hinzufügen zweiten Kreis um die Bildansicht Schicht ?

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

Könnten Sie mir helfen?

Dank 🙂

InformationsquelleAutor | 2017-05-25

  1. 1

    Können Sie diese verwenden 3rd-party - Bibliothek die mehrere Grenzen, um eine UIImageView.

    Und, Wenn Sie wollen, um es selbst zu tun, können Sie machen UIImageView eine subView von UIView. Dann machen die UIView Runde und setzen borderWidth und Farbe. Machen Sie dasselbe für die UIImageView.

    Hier ein Beispiel:

    Fügen Sie Ihre UIView und UIImageView wie diese.

    Wie machen Kreis-Bild wie Instagram Geschichte Profil-Bild

    Fügen Sie dann diesen code:

    -(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]);

}

    Und das Ergebnis wird so sein:Wie machen Kreis-Bild wie Instagram Geschichte Profil-Bild

    Legen Sie die Farben, die Sie wollen, für beide Grenzen.

    Hoffe, es hilft. 🙂

    Danke es funktioniert 🙂

    InformationsquelleAutor Sushil Sharma

Schreibe einen Kommentar