iMacbaszii's Blog

วันนี้ก็เป็น Blog ที่ไม่ยากอีกเช่นเคย และจะได้ใช้บ่อยๆ นั่นคือการเลือกรูป ซึ่ง UI ที่เหมาะสม และผมใช้บ่อยๆ ก็คือสร้าง UIImageView หนึ่งตัว ที่สามารถ Tap ได้ จากนั้นก็ให้เลือกว่าจะถ่ายรูป หรือเลือก Photo Library Code ส่วน Interface ก็ประกาศ UIImageView ไว้แล้วก็ประกาศ Protocol ที่ต้องใช้ มาส่วนของ Implementation กันบ้าง ... เพื่อให้ Code มัน Readability ขึ้นเราจะ Define ค่าคงที่ไว้แทนการใช้ Magic Number ใน - viewDidLoad ; ก็เขียนเรียก method ตัวนึงที่จะทำการเซตค่าต่างๆ เนื้อหาของ - setupImageView ; ก็เพียงแค่เซคค่าให้รับการกระทำจากผู้ใช้และใส่ gesture  และเมื่อ Tap ที่ตัว ImageView แล้วก็ให้ผู้ใช้เลือก Source Type ซึ่งพระรองของงานนี้คือ UIActionSheet จากนั้นพระเอกของเราก็ออกโรง (ซะที) นั่นคือ UIImagePickerController นั่นเอง โดย Delegate ก็จะมี 2 method ที่ต้อง Implement นั่นคือจังหวะที่ User กด cancel และเลือกรูปภาพหรือถ่ายรูปเรียบร้อย เท่านี้แหละครับ ในที่นี้ผมแค่ให้ภาพที่เลือกถูกแสดงบน UIImageView ที่ได้เตรียมไว้

ห่างหายกันไปนานเลย ตั้งแต่ที่ผมเรียนวิชานั้นเสร็จก็ไม่ได้กลับมาเขียน Android Tutorial อีกเลย วันนี้ขอซะหน่อยแล้วกันครับ ^___^ ปกติเรามี DatePicker ให้ใช้เลยบน Android ใช่ไหมครับ ? เราสามารถลากมาใช้ได้เลย นั่นก็เป็นวิธีนึง แต่ผมจะมานำเสนออีกวิธีนึง ซึ่งจะประหยัดพื้นที่หน้าจอได้มากกว่า เพราะว่าเราใช้ DatePickerDialog ลักษณะคือ เราจะมี Button อยู่อันนึง พอ User กดปุ่มนี้ จะแสดง AlertDialog ที่มีลักษณะเป็น DatePicker ขึ้นมาให้เลือกวันที่ พอ User เลือกวันที่เสร็จแล้ว วันที่นั้น ก็จะมาอัพเดทที่ Text ของ Button ครับ ภาพตัวอย่าง :: นี่หน้าจอครับ มีปุ่มอยู่ปุ่มเดียว ถ้าเปิดตัวโปรแกรมมา Text จะอัพเดทเป็นวันที่ปัจจุบันให้ครับ เมื่อกดปุ่มแล้ว ก็จะแสดง DatePicker แบบนี้ครับ จากนั้นพอเลือกเสร็จกด Set แล้ว Text บน Button ก็จะเปลี่ยนเป็นวันที่ที่เลือกไว้ครับ มาเริ่มกันเลยครับ ส่วนของ UI คงไม่พูดถึงนะครับ ไม่มีอะไรนอกจาก Button อันเดียว กลางจอ  ส่วนคุณจะเอาไปประยุกต์แบบไหน ก็ตามสบายเลยครับ ตามเดิมครับ สิ่งที่ต้องใช้มีเท่านี้ import เข้ามาซะ ต่อไปก็ประกาศตัวแปร ซึ่ง...

ปกติถ้าเราใช้ UIImagePickerController เราจะสามารถเลือกรูปได้แค่ทีละรูปเท่านั้น http://www.mediafire.com/?rdvtn5kbd9wpdbk โหลดมันมาซะ มันคือ ELCImagePickerController พอโหลดเสร็จแล้วก็เปิด Example Project ด้านใน ขึ้นมา... จากนั้นก็ Copy Folder นี้ไปใส่ใน Project ของเราซะ... และเนื่องจากการใช้ Library ตัวนี้มีการใช้ AssetsLibrary ก็อย่าลืม Add Framework เพิ่มด้วย จากนั้นมาที่ Controller จัดการ #import ELCImagePickerController เข้ามาใช้ และใส่ Delegate Protocol ด้วย จากนั้นก็ Implement Function ตามนี้เพื่อเรียก ELCImagePickerController ขึ้นมา จากนั้นก็ Implement Delegate Function โดยที่ Method - ( void )elcImagePickerController:( ELCImagePickerController *)picker         didFinishPickingMediaWithInfo:( NSArray *)info; จะถูกเรียกใช้หลังจากที่เรากด Done ตอนเลือกรูปแล้ว เราจะได้ Array of Dictionary ของรูปแต่ละรูปมา ... โดยถ้าเราต้องการรูปเนี่ย ต้องใช้ key -> UIImagePickerControllerOriginalImage ส่วนจะเอาไปทำอะไร ก็แล้ว...