{ radak.org }         just another (tech) blog

iPhone segédlet 2: érintés feldolgozása, kép mentése

Ez a segédlet az idő hiánya miatt inkább csak felsorolás szintű lesz, viszont az lesz benne, amit a legtöbben kérdeztek eddig:
- képernyő érintésének lekezelése (touchesBegan, touchesMoved, touchesEnded)
- kép lementése a Camera Roll -ba (UIImageWriteToSavedPhotosAlbum, drawRect)

1. A képernyő érintése (A kódot UIViewController-ben kell elhelyezni!)

Az iPhone (és persze a Touch) készülékek multi touch-osak, ez azt jelenti, hogy egyszerre több érintési pontot is le tudnak kezelni.
Legtöbbször elég csak az első érintéssel foglalkoznunk, most így is fogom bemutatni, viszont a minta kódrészletek alapján egyszerű lesz átírni a multi funkcióra.

Alapvetően három fontos esemény van, amivel érdemes foglalkozni:
touchesBegan: az érintés kezdete
Ez az esemény akkor következik be, amikor hozzáérünk a kijelzőhöz.
touchesMoved: a képernyőn az ujjunk mozgása
Ez egy folyamatosan frissülő esemény, amikor a képernyőn mozgatjuk az ujjunkat.
(Itt érdemes meggondolni, hogy milyen mintavételezéssel futtatjuk a touchesMoved-ban elhelyezett kódot, illetve hogy minél rövidebb kódot használjunk!)
touchesEnded: az érintés vége
Ez az esemény akkor következik be, ha elengedjük a kijelzőt.
Ha csak egy pillanatra rábökünk a kijelzőre, akkor is a touchesBegan után ez az esemény mindig bekövetkezik!
(Én azt tapasztaltam, hogy ha rá kell kattintani valamire és nem sikerül elsőre eltalálni, akkor az emberek többsége a ujj mozgtásával megkeresik a megfelelő pontot és ott engedik el a kijelzőt, ezért érdemes itt feldolgozni minden olyan eseményt, ami csak egy egyszerű kattintásnak felel meg!)

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
  NSSet *allTouches = [event allTouches]; // az összes érintés egy tömbben
  UITouch *touch = [[allTouches allObjects] objectAtIndex:0]; // az első érintés
  CGPoint p = [touch locationInView:[self view]]; // az érintés koordinátái
  NSLog(@"A kezdeti koordináták: %f, %f ", p.x, p.y);
}

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event {
  NSSet *allTouches = [event allTouches]; // az összes érintés egy tömbben
  UITouch *touch = [[allTouches allObjects] objectAtIndex:0]; // az első érintés
  CGPoint p = [touch locationInView:[self view]]; // az érintés koordinátái
  NSLog(@"Mozgás közben az aktuális koordináták: %f, %f ", p.x, p.y);
}

- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {
  NSSet *allTouches = [event allTouches]; // az összes érintés egy tömbben
  UITouch *touch = [[allTouches allObjects] objectAtIndex:0]; // az első érintés
  CGPoint p = [touch locationInView:[self view]]; // az érintés koordinátái
  NSLog(@"Itt engedtem el a kijelzőt: %f, %f ", p.x, p.y);
}

2. Kép mentése (A kódot UIView-ban kell elhelyezni!)

Második AppStore-os programom az iPaint volt, amiben a megrajzolt képet ki lehet menteni a kamera albumba.
A kimetés elég egyszerű, csak arra kell vigyázni, hogy a képet mentés előtt el kell forgatni, mert különben a bitmap fejjel lefelé fog bekerülni az albumba!
Itt egy kicsit átírt kivonat az iPaint-ből, szerintem a kommentek elég beszédesek:

- (void)drawRect:(CGRect)rect {
	CGFloat _Color[4] = { 255,0,0,1 }; // piros szín
	CGMutablePathRef path = CGPathCreateMutable(); // ebben a path-ban tároljuk a megjelenítendő vonalakat, pontokat
	CGContextRef context = UIGraphicsGetCurrentContext(); // az aktuális rajz felület lekérdezése (alap esetben teljes képernyő)
 
	// kép elforgatása, hogy a camera roll-ban jó legyen
	// ezt akkor kell megtenni, ha lementjuk a képet, különben egy if-et tegyünk elé és ne forgassuk, mert a kijelzőn is megfordul!
	CGContextTranslateCTM(context, 0, self.bounds.size.height);
	CGContextScaleCTM(context, 1.0, -1.0);	
 
	// felveszünk egy 3 pixel vastagságú piros vonalat
	CGContextSetLineWidth(context, 3.0);
	CGContextSetStrokeColor(context, _Color);
	CGPathMoveToPoint(path, nil, 5.0, 5.0);
	CGPathAddLineToPoint(path, nil, 100.0, 100.0);
	CGContextAddPath(context, path);
	// kirajzoljuk a képernyőre a path tartalmát (most a piros vonal van benne)
	CGContextStrokePath(context);
 
	// elmentjük a képet
	UIGraphicsBeginImageContext(self.bounds.size);
	CGImageRef vImageRef = CGBitmapContextCreateImage(context);
	CGContextDrawImage(UIGraphicsGetCurrentContext(), self.bounds, vImageRef);
	UIImage *activeImage = UIGraphicsGetImageFromCurrentImageContext();
	UIGraphicsEndImageContext();
	// a saveEnded saját függvény, a mentés végén meghívjuk
	UIImageWriteToSavedPhotosAlbum(activeImage, self, @selector(saveEnded:didFinishSavingWithError: contextInfo:) , nil);
 
	CGContextFlush(context);
}
 
-(void)saveEnded:(UIImage *)image didFinishSavingWithError:(NSError *)error contextInfo:(void *)contextInfo; {
	// Ez akkor fut le, ha a mentés véget ért.
	// Az error-ban megkapjuk, ha valami hiba történt.
	// Itt érdemes értesíteni a felhasználót, hogy vége a mentésnek és itt érdemes törölni a képernyőt is!
}

Legközelebb a Shake, a Status Bar és a levél küldése lesz a téma!