Einen Schatten für ein UIImageView, hat abgerundete Ecken?

Ich versuche zum erstellen einer ImageView , hat abgerundete Ecken und einen Schatten, um ihm etwas Tiefe. Ich war in der Lage zu schaffen, ein Schatten für die UIImageView, aber immer wenn ich den code Hinzugefügt, um auch abgerundete Ecken haben, es hatte nur abgerundete Ecken mit keine Schatten. Ich habe eine IBOutlet namens myImage, und es ist in der viewDidLoad Funktion. Hat jemand irgendwelche Ideen auf, wie zu make es die Arbeit? Was mache ich falsch?

override func viewDidLoad() {
    super.ViewDidLoad() 
    myImage.layer.shadowColor = UIColor.black.cgColor
    myImage.layer.shadowOpacity = 1 
    myImage.layer.shadowOffset = CGSize.zero
    myImage.layer.shadowRadius = 10
    myImage.layer.shadowPath = UIBezierPath(rect: myImage.bounds).cgPath
    myImage.layer.shouldRasterize = false
    myImage.layer.cornerRadius = 10
    myImage.clipsToBounds = true
}

Wenn Sie clipsToBounds = true Sie werden nie in der Lage, um zu sehen, einen Schatten, der geht über die Grenzen.
Ich würde empfehlen, setzen myImage in einer anderen Ansicht, die nicht die clipping-Grenzen und wenden Sie den Schatten auf, die anzeigen.
So dann setzen Sie einfach die clipsToBounds = false ?
Clips Grenzen auf true gesetzt wird clip-Ecken, sondern wird geschnitten Schatten. Das ist, warum Sie benötigen zwei Ansichten. Ein Behälter mit einem shadow, die ich abgeschnitten Grenzen mit einem Bild im inneren mit gestutzten Grenzen und einen Eckenradius.
Also, wenn ich verstehe richtig das myImage im inneren des neuen UIView, die nicht abschneiden Ecken und einen Schatten ??

InformationsquelleAutor John Hodge | 2017-01-05

61

Wenn Sie clipsToBounds zu true, wird diese Runde die Ecken, sondern auch verhindern, dass der Schatten erscheint. Um diese zu lösen, können Sie auch zwei Ansichten. Der container-Ansicht haben sollte, der Schatten, und dessen Untersicht sollte die abgerundeten Ecken.

Der container-Ansicht hat clipsToBounds eingestellt false, und hat die Schatten-Eigenschaften angewendet. Wenn Sie möchten, dass der Schatten auf die gerundet werden sowie, verwenden Sie die UIBezierPath Konstruktor, in einem roundedRect und cornerRadius.
```
let outerView = UIView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
outerView.clipsToBounds = false
outerView.layer.shadowColor = UIColor.black.cgColor
outerView.layer.shadowOpacity = 1
outerView.layer.shadowOffset = CGSize.zero
outerView.layer.shadowRadius = 10
outerView.layer.shadowPath = UIBezierPath(roundedRect: outerView.bounds, cornerRadius: 10).cgPath
```
Als Nächstes legen Sie die Bild-Ansicht (oder jede andere Art von UIView) auf die gleiche Größe der container anzuzeigen, legen Sie clipsToBounds zu true, und geben Sie einen cornerRadius.
```
let myImage = UIImageView(frame: outerView.bounds)
myImage.clipsToBounds = true
myImage.layer.cornerRadius = 10
```
Schließlich erinnern, um das Bild anzuzeigen, eine Untersicht der container-Ansicht.
```
outerView.addSubview(myImage)
```
Das Ergebnis sollte in etwa so Aussehen:

Danke sehr viel !
Perfekte Antwort, Mann.
outerView.backgroundColor = UIColor.klar;
Standardmäßig wird eine UIView's hintergrund-Farbe ist klar. Wenn Sie es schaffen, in die storyboard-und die Hintergrundfarbe (standardmäßig weiß), und Sie brauchen, um es zu deaktivieren. Auch in Swift gibt es keine Notwendigkeit für Semikolons.
Super Antwort !!

InformationsquelleAutor nathangitter
5

Hier ist eine andere Lösung (getestet) in swift 2.0

Wenn Sie clipsToBounds zu wahren, wird diese Runde die Ecken, sondern auch verhindern, dass der Schatten erscheint. Also, Sie können hinzufügen, gleiche Größe-Ansicht in der storyboard-hinter Bildansicht und die wir geben können, Schatten, die anzeigen

SWIFT 2.0
```
outerView.layer.cornerRadius = 20.0
outerView.layer.shadowColor = UIColor.blackColor().CGColor
outerView.layer.shadowOffset = CGSizeMake(0, 2)
outerView.layer.shadowOpacity = 1
outerView.backgroundColor = UIColor.whiteColor()
```
InformationsquelleAutor Hardik Thakkar

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.