Frage zum Zeichnen

fredn · 31. Juli 2011, 20:54

Hallo,

gesetzt den Fall, ich habe einen Imageview mit einem Bild. In dieses Bild möchte ich per Code ein Viereck zeichnen.

Muss ich einen neuen transparenten View generieren, und auf ihm zeichnen, oder kann ich uiimage.image benutzen, um dort "reinzuzeichnen"?

Danke!

scriptedSheep · 31. Juli 2011, 20:55

Naja, in der Klasse UIImage kannst du nicht zeichnen. Du kannst dir aber eine eigene Subklasse der Klasse UIImageView schreiben und dann in der drawRect:-Methode sowohl dein Viereck zeichnen als auch das Image selbst (und natürlich noch vieles mehr!)

AR.DDev · 31. Juli 2011, 20:57

Wenn du in einen transparenten View zeichnest, welche Farbe soll denn dann die Zeichnung haben?

gritsch · 31. Juli 2011, 20:59

scriptedSheep schrieb:

Naja, in der Klasse UIImage kannst du nicht zeichnen. Du kannst dir aber eine eigene Subklasse der Klasse UIImageView schreiben und dann in der drawRect:-Methode sowohl dein Viereck zeichnen als auch das Image selbst (und natürlich noch vieles mehr!)

oder einfach zuerst die draw rect von super aufrufen und dann das rechteck zeichnen. sonst kann man gleich NSView subclassen...

AR.DDev · 31. Juli 2011, 21:00

NSView unter iOS?

gritsch · 31. Juli 2011, 21:02

AR.DDev schrieb:

NSView unter iOS?

ja UIView dann eben...

macmoonshine · 31. Juli 2011, 21:05

In einem UIImageView die Methode drawRect: zu überschreiben, bringt rein gar nichts: developer.apple.com/library/io…9-CH3-DontLinkElementID_3

fredn · 31. Juli 2011, 21:06

ja oder nen layer drüberlegen mit dem rechteck? gibts da irgendwo codebeispiele? bei meinem killt er halt das bild und zeichnet die rechtecke

falls benötigt, schreib ich den code gerne hierhin...

Lucas de Vil · 31. Juli 2011, 21:18

Geht das nicht sinngemäß so?

C-Quellcode

[image lockFocus];
NSFrameRect(NSInsetRect([self bounds], 0.5, 0.5));
[image unlockFocus];

(Tested on Mac OS X, ob UIImage unter iOS auch die lockFocus-Methode unterstützt darfst du selbst herausfinden.)

macmoonshine · 31. Juli 2011, 21:25

fredn schrieb:

bei meinem killt er halt das bild und zeichnet die rechtecke

Was meinst Du mit killt? Layer sind doch eher friedliche Zeitgenossen.

Wie hast Du die Hintergrundfarbe gesetzt?

fredn · 31. Juli 2011, 21:48

Quellcode

-(void) drawRectIntoPicture:(CGRect) DetectedRect{
UIGraphicsBeginImageContext(Result.image.size);
CGContextRef context = UIGraphicsGetCurrentContext();
// drawing with a white stroke color
//CGContextSetRGBStrokeColor(context, 1.0, 1.0, 1.0, 1.0);
UIColor *color= [UIColor redColor];
CGContextSetStrokeColorWithColor(context, color.CGColor);
// drawing with a white fill color
//CGContextSetRGBFillColor(context, 1.0, 1.0, 1.0, 1.0);
// Add Filled Rectangle,
//CGContextFillRect(context, DetectedRect);
CGContextFillRect(context, DetectedRect);
UIImage *retImage = UIGraphicsGetImageFromCurrentImageContext();
Result.image = retImage;
//resultingImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

Alles anzeigen

Das ist der Code. Result ist ein UIImageView. DetectedRect ein CGRect. Result.image ist dann eben nur das Rechteck. Ich "dachte" aber, es ist eben der Mix aus meinem Bild im View Result und dem Rechteck. Aber nee

macmoonshine · 31. Juli 2011, 21:58

Woher soll der Kontext wissen, dass er das Bild malen soll. Er bekommt ja nur dessen Größe. Du kannst ein UIImage aber direkt in den Kontext malen: developer.apple.com/library/io…c/uid/TP40006890-CH3-SW23

fredn · 1. August 2011, 08:41

Trotz intensivem Lesen des Links - ich sehe es nicht - was muss ich machen?

ramo · 1. August 2011, 08:54

Könnte man nicht auch eine Subklasse von UIView erzeugen, als Backgroundcolor das Image einfügen und dann in der "drawRect" Methode das Rechteck zeichnen ?

macmoonshine · 1. August 2011, 09:30

Es gibt viele Wege nach Rom. Mit den genannten Methoden kannst Du das Bild auch direkt in den Kontext zeichnen. Danach zeichnest Du die anderen Grafiken drauf.

@fredn: Vielleicht solltest Du Dich erstmal mit dem Zeichensystem von Cocoa Touch auseinandersetzen.

fredn · 1. August 2011, 10:39

Wen es interessiert, hier der funktionierende Code. Meine letzte Frage hier wäre noch, wie ich das als "nicht ausgefülltes" Rectangle zeichnen kann, das finde ich irgendwie nirgendwo.

Quellcode

-(void) drawRectIntoPicture:(CGRect) DetectedRect{
UIGraphicsBeginImageContext(Result.image.size);
UIImage *image = Result.image;
CGRect imageRect = CGRectMake(0, 0, image.size.width, image.size.height);
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextTranslateCTM(context, 0, image.size.height);
CGContextScaleCTM(context, 1.0, -1.0);
CGContextDrawImage(context, imageRect, image.CGImage);
UIColor *color= [UIColor redColor];
CGContextSetStrokeColorWithColor(context, color.CGColor);
CGContextDrawImage(context, Result.frame, Result.image.CGImage);
CGContextFillRect(context, DetectedRect);
UIImage *retImage = UIGraphicsGetImageFromCurrentImageContext();
Result.image = retImage;
UIGraphicsEndImageContext();
}

Alles anzeigen

scriptedSheep · 1. August 2011, 12:47

Ansatt

Quellcode

CGContextFillRect(context, DetectedRect);

in Zeile 18 nimmst du einfach

Quellcode

CGContextStrokeRect(context, DetectedRect);

. Und nicht vergessen vorher die Stroke-Color zu setzten, sonst wird das nichts!

fredn · 1. August 2011, 13:11

thx!

Frage zum Zeichnen

Frage zum Zeichnen

scriptedSheep schrieb:

AR.DDev schrieb:

C-Quellcode

kmr schrieb:

fredn schrieb:

Quellcode

Quellcode

Quellcode

Quellcode

Tags