UIImage als CAShapeLayer Inhalt

Ist, wenn ich eine CAShapeLayer mit nur einer hintergrund Farbe, es zeigt sich aber, wenn ich den Inhalt eines Bildes, nichts zeigt.

CAShapeLayer* leftDot = [CAShapeLayer layer];
leftDot.opacity = 1.0;
leftDot.frame = CGRectMake(leftRef.CGPointValue.x, leftRef.CGPointValue.y, 2 * radius, 2 * radius);
leftDot.position = CGPointMake(leftRef.CGPointValue.x + 4, leftRef.CGPointValue.y + 4);
leftDot.cornerRadius = radius;
[leftDot setContents:[UIImage imageNamed: @"glow.png"]];

[self.layer addSublayer: leftDot];

InformationsquelleAutor Chris | 2012-07-24

3

CAShapeLayer funktioniert das nicht so. Erstellen Sie eine normale CALayer mit dem Bild als Inhalt, und verwenden Sie dann die Schicht Form, wie die Maske von der Ebene um den Effekt zu erzielen Sie nach.

InformationsquelleAutor David Rönnqvist
11

[HINWEIS: aktualisierte Swift-2.2 und Swift 3]

Schnelle Antwort: verwenden Sie CALayer

Erläutert in CAShapeLayer Klasse Referenz, ein CAShapeLayer wird verwendet zum zeichnen von Formen mit einem benutzerdefinierten Pfad. Einstellung ein Bild als contents einfach ignoriert werden.

Wenn Sie wollen einfach nur, um zu zeigen, ein Bild in einer Ebene (nehmen wir an, deine Datei heißt image.png), können Sie eine CALayer und seine contents Eigenschaft so ein, dass es Referenzen, die CGImage Darstellung des Bildes:

Swift 2.2:
```
let layer = CALayer()
layer.contents = UIImage(named: "image")?.CGImage
```
Swift 3:
```
let layer = CALayer()
layer.contents = UIImage(named: "image")?.cgImage
```
Längere Antwort: halten Sie mit CAShapeLayer

Seit der OP fragte, speziell über CAShapeLayer, stellt sich vielleicht die Frage Lesen, wie "Wie kann ich das Bild so zuschneiden in eine bestimmte Form mit CAShapeLayer?"

Gibt es zwei Lösungen, die ich würde vorschlagen, Sie versuchen:

1) Maskierung

Erstellen Sie eine normale CALayer und legen Sie das Bild als seine contents. Dann erstellen Sie eine CAShapeLayer mit dem Pfad, den Sie mögen und verwenden Sie es als die erste Schicht ist mask.

Swift 2.2:
```
let imageLayer = CALayer()
imageLayer.contents = UIImage(named: "image")?.CGImage //Assign your image
imageLayer.frame = ... //Define a frame

let maskPath = UIBezierPath(...) //Create your path
let maskLayer = CAShapeLayer()
maskLayer.path = maskPath.CGPath

imageLayer.mask = maskLayer //Set the mask
```
Swift 3:
```
let imageLayer = CALayer()
imageLayer.contents = UIImage(named: "image")?.cgImage //Assign your image
imageLayer.frame = ... //Define a frame

let maskPath = UIBezierPath(...) //Create your path
let maskLayer = CAShapeLayer()
maskLayer.path = maskPath.cgPath

imageLayer.mask = maskLayer //Set the mask
```
Vergessen Sie nicht, den richtigen Rahmen und Pfade, und Sie sollten in der Lage sein, um die Wirkung zu erreichen, die Sie wollte.

2) Füllen Farbe

Erstellen Sie eine CAShapeLayer mit dem Pfad, den Sie mögen, dann verwenden Sie Ihre Bild als fillColor.

Swift 2.2:
```
let path = UIBezierPath(...) //Create your path
let layer = CAShapeLayer()
layer.path = path.CGPath

let image = UIImage(named: "image") //Assign your image
layer.fillColor = UIColor(patternImage: image!).CGColor
```
Swift 3:
```
let path = UIBezierPath(...) //Create your path
let layer = CAShapeLayer()
layer.path = path.cgPath

let image = UIImage(named: "image") //Assign your image
layer.fillColor = UIColor(patternImage: image!).cgColor
```
Können Sie feststellen, diesen Ansatz besser auf den ersten, aber die Kontrolle der Art, wie das Bild füllt Ihre Form ist nicht trivial überhaupt.

InformationsquelleAutor Para
3

Können Sie das Bild durch einstellen der fillColor eher als die contents:
```
layer.fillColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"image"]].CGColor;
```
- Könnten Sie bitte näher auf, wie Sie Ihre Antwort löst die Frage?
- lösen können Sie das problem mit den obigen code wie dieser: <code>CAShapeLayer* leftDot = [CAShapeLayer layer]; leftDot.opacity = 1.0; leftDot.frame = CGRectMake(leftRef.CGPointValue.x, leftRef.CGPointValue.y, 2 * radius, 2 * radius); leftDot.position = CGPointMake(leftRef.CGPointValue.x + 4, leftRef.CGPointValue.y + 4); leftDot.cornerRadius = radius; leftDot.fillColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"image"]].CGColor; [self.Schicht addSublayer: leftDot];<code>
InformationsquelleAutor Ivailo Kanev
2
```
layerName.contents = (id)[[UIImage imageNamed:@"img.PNG"] CGImage];
```
- Welche Ergebnisse bekommen Sie, wenn Sie dies zu tun? Es hat nie für mich gearbeitet mit CAShapeLayers. Statt Formebenen Schlaganfall und füllen Sie Ihren Weg.
InformationsquelleAutor Anes Hasic

Müssen Sie die CGImage für die Ebene

leftDot.fillColor=[UIColor clearColor].CGColor ;
[leftDot setContents:(__bridge id)[UIImage imageNamed: @"glow.png"].CGImage];

InformationsquelleAutor SandeepAggarwal

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

Schnelle Antwort: verwenden Sie CALayer

Längere Antwort: halten Sie mit CAShapeLayer