iPhone กับการเขียนและอ่านไฟล์รูปใน document directory

หลังจากครั้งที่แล้วเมื่อได้รูปแล้วจะเป็นการบันทึก (Save) ไว้ใน photo album แต่ในบางกรณีเราไม่ต้องการบันทึกภาพลงในนั้น แต่ต้องการแค่บันทึกภาพเก็บไว้ และคราวหน้าอาจต้องเอามาใช้งานอีก โดยไม่จำเป็นต้องให้ user เข้าถึงรูปนั้นได้ เราจะบันทึกมันไว้ใน document directory นั่นเอง

จากเดิมหลังจากเลือกรูปเสร็จแล้วเราจะได้ image มาใช้ และเราเลือกที่จะบันทึกไว้ใน photo album ซึ่งหากต้องการเปลี่ยนมาเป็นการบันทึกลงไปใน document directory ก็ทำได้ดังนี้


NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
NSString *documentsDirectory = [paths objectAtIndex:0];

[UIImagePNGRepresentation(image) writeToFile:
[documentsDirectory stringByAppendingPathComponent: @"myImage.png"] atomically: YES];

ด้านบนเป็นการใช้ function ชื่อ UIImagePNGRepresentation() เพื่อเปลี่ยน image และจากนั้นเขียน image ลงไปตาม path ที่เรากำหนดไว้ ในที่นี้ก็คือใน document directory และกำหนดชื่อไฟล์เป็น myImage.png นั่นเอง

และเมื่อต้องการอ่านไฟล์ที่เราเขียนลงไปมาใช้งาน สามารถทำได้ดังนี้

    if([[NSFileManager defaultManager] fileExistsAtPath: documentsDirectory]){
        NSLog(@"found file");
        uiImageView.image = [UIImage imageWithContentsOfFile: documentsDirectory];
       
    }else{
        NSLog(@"file not found");
    }

เช่นเดิม ให้อ่านไฟล์ขึ้นมาจาก path ที่เราต้องการ และนำไปแสดงใน image view พร้อมใช้งานในโปรแกรมได้เลย

Related Link from Roti

ใช้ iPhone ถ่ายรูปแล้ว Save ลงเครื่อง

การเขียนโปรแกรมใน iPhone ให้ถ่ายรูป และบันทึก (Save) รูปนั้นไว้ในเครื่องนั้นสามารถทำได้ง่ายๆผ่าน UIImagePickerController เท่านั้น กระบวนท่ามีดังนี้

UIImagePickerController *picker = [[UIImagePickerController alloc] init];

picker.delegate = self;

picker.allowsEditing = YES;

picker.sourceType = UIImagePickerControllerSourceTypeCamera;



[self presentModalViewController:picker animated:YES];


[picker release];

สร้าง object ของ UIImagePickerController ออกมา จากนั้นกำหนด delegate ให้มัน และแสดง picker ออกมาผ่าน modal view เท่านั้นเอง ซึ่งระหว่างก่อนที่จะแสดง picker ขึ้นมานั้น จะเห็นว่ามี 2 จุดที่เราต้องทำอะไรบางอย่างได้แก่จุดแรก

picker.allowsEditing = YES;

เป็นการบอกว่าหลังจากถ่ายรูปเสร็จแล้ว จะให้มีการแก้ไขรูปต่อหรือเปล่า เช่นการย่อ ขยาย เป็นต้น
และจุดที่สองคือ

picker.sourceType = UIImagePickerControllerSourceTypeCamera;

เป็นการ กำหนดแหล่งที่มาของรูป จากตัวอย่างเป็นการกำหนดแหล่งที่มาของรูปคือ กล้องนั่นเอง ซึ่งนอกจากกำหนดแหล่งที่มาเป็นกล้องได้แล้ว เรายังกำหนดแหล่งที่มาได้อีก 2 แบบ ที่เป็นการเลือกรูปจากในเครื่องของเราเอง ได้แก่

UIImagePickerControllerSourceTypePhotoLibrary
UIImagePickerControllerSourceTypeSavedPhotosAlbum

จากนั้นอย่าลืม implement delegate method ของ picker ด้วย ดังนี้

- (void)imagePickerController:(UIImagePickerController *)picker 
     didFinishPickingImage:(UIImage *)image
     editingInfo:(NSDictionary *)editingInfo {
  

   UIImageWriteToSavedPhotosAlbum(image, self, @selector(image:didFinishSavingWithError:contextInfo:), self);

   

[picker dismissModalViewControllerAnimated:YES];



}

หลัง จากเราเลือก รูปเสร็จแล้ว (รวมถึงการถ่ายรูปเสร็จแล้วด้วย) method นี้จะทำงานทันที เราจะได้ reference ของ image จากนั้นก็ทำการ save ทันที โดยกำหนด selector ให้ทำงานหลังจากการ save เสร็จสิ้นไว้ด้วย หน้าตาดังนี้

- (void) image: (UIImage*) image didFinishSavingWithError: (NSError *) error contextInfo: (void *) contextInfo{

NSString *str = @"Saved";


   UIAlertView *alert = [[UIAlertView alloc] initWithTitle: @"Saved." message:str delegate:self cancelButtonTitle:nil otherButtonTitles: @"OK", nil];


   [alert show];



   NSLog(@"error = %@", error);


}

และอีก 1 delegate method ที่จะทำงานเมื่อเรายกเลิกการเลือกรูป ดังนี้

- (void)imagePickerControllerDidCancel:(UIImagePickerController *)picker {


   [picker dismissModalViewControllerAnimated:YES];


}

เท่านี้ก็เรียบร้อย

UPDATE:
ยัง ไม่เรียบร้อย สิ่งที่ควรเพิ่มเข้ามาสำหรับ application ที่ต้องใช้/สามารถใช้กล้องถ่ายรูปได้ก็คือการตรวจสอบว่าอุปกรณ์ที่ application ทำงานอยู่นั้นมี resource อยู่จริงหรือไม่ เช่นมี photo library หรือมีกล้องพร้อมใช้งานไหม โดยใช้ class method ของ UIImagePickerController ชื่อ isSourceTypeAvailable ดังนี้

if (![UIImagePickerController isSourceTypeAvailable:
  UIImagePickerControllerSourceTypeCamera]) {


   // do something


}

เท่านี้ก็เรียบร้อย

เปลี่ยน view โดยไม่ใช้ modal view

หลังจากบันทึกเรื่องเกี่ยวกับการเปลี่ยนไปแสดง view อื่นด้วย modal view ไปแล้ว คราวนี้จะเป็นการสลับ (exchange) ไป view อื่นโดยไม่จำเป็นต้องพึ่งพา modal view

อันที่จริงแล้วการเปลี่ยนไปแสดงอีก view หนึ่งนั้น นอกจากจะใช้ modal view ดังกล่าวแล้ว เรายังสามารถใช้ navigation controller ช่วย push หน้า view เข้ามาแทนหน้า view เดิมก็ได้ (application เหล่านี้มักพบใน application ที่มีการใช้ตาราง เช่น Mail, iPod, Contacts และอื่นๆ เป็นต้น ) ก็ได้ หรือไม่ก็วิธีง่ายๆก็คือใช้ method addSubView: หรือ method จำพวก insertSubview: ก็ได้

สำหรับคราวนี้พระเอกที่จะช่วยในการสลับ view ไปแสดง view อีกอันหนึ่งก็คือ method ชื่อ exchangeSubviewAtIndex:withSubviewAtIndex: ของ UIView นั่นเอง

 // begin animation block

 CGContextRef context = UIGraphicsGetCurrentContext();

 [UIView beginAnimations:nil context:context];

 // set animation transition style

 [UIView setAnimationTransition: UIViewAnimationTransitionCurlUp forView: myView cache:YES];

 [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];

 [UIView setAnimationDuration:1];

 // Animations for exchanging subview

 [self.view exchangeSubviewAtIndex:0 withSubviewAtIndex:1];

 [UIView commitAnimations];

สำหรับ method setAnimationTransition;forView:cache: จะมี animation type ให้เลือกทั้งหมด 4 แบบ ดังนี้

UIViewAnimationTransitionCurlUp

UIViewAnimationTransitionCurlDown

เป็น animation แบบพลิกกระดาษขึ้น และลง

UIViewAnimationTransitionFlipFromLeft

UIViewAnimationTransitionFlipFromRight

เป็น animation แบบพลิกหน้าจอไปทางซ้าย และขวา

และอีก 1 แบบคือกำหนดว่าไม่ต้องมี animation ใดๆในการ exchange view 

UIViewAnimationTransitionNone

ส่วนของ method  setAnimationCurve: นั่นเป็นการกำหนดว่าจะให้แสดง animation ในลักษณะให้ค่อยเร็วขึ้นจนจบ หรือว่าให้ค่อยๆช้าตอนจบ ซึ่งหากไม่ได้กำหนดค่าให้ จะมี default เป็น UIViewAnimationCurveEaseInOut

Related Link from Roti