iMacbaszii's Blog

เมื่ออาทิตย์ที่ผ่านมา ผมอยู่ที่เชียงใหม่ครับเพื่อเข้าร่วมกิจกรรมหนึ่งที่พบเจอโดยบังเอิญใน กลุ่มของคนที่ถ่ายภาพดาวและธรรมชาติ ซึ่งกิจกรรมที่ว่าคือ "การล่าช้างต้นฤดู" แต่อย่าเข้าใจผิดนะ เราไม่ได้ไปรวมตัวกันฆ่าสัตว์แต่อย่างใด ช้างที่ว่าคือ "ทางช้างเผือก" นั่นเอง ผมนั้น อยากถ่ายรูปแบบนี้มาตั้งนานเลย ก็เลยขอเข้าร่วมไปด้วยความตื่นเต้นเลยล่ะ ทางช้างเผือก ปกติแล้วจะปรากฎตัวให้เห็นชัดๆ ตั้งแต่เดือนกุมภาพันธ์ไปจนถึงเดือนตุลาคมเลยครับ โดยองศาของมันก็จะเปลี่ยนไปตามช่วงเวลา ในตอนที่ผมไปนั้นจะเป็นช่วงที่ทางช้างเผือกจะค่อนข้างขนานกับขอบฟ้า และขึ้นตอนประมาณตีสี่ของเช้าวันนั้น การถ่ายรูปทางดาราศาสตร์มีชื่อเรียกเป็นภาษาอังกฤษว่า "Astrophotography" และกิจกรรมที่จัดนี้คือ "Astrophotography Marathon" จัดโดยทหารอากาศร่วมกับ NARIT (สถาบันวิจัยดาราศาสตร์แห่งชาติ) และชมรมการถ่ายภาพภาคเหนือ ด้วยความที่ทางช้างเผือกขึ้นตีสี่ ก่อนหน้านั้นทาง NARIT ก็ได้พาเราไปถ่ายทุกสิ่งอย่างที่เราจะสามารถถ่ายได้ใน 1 วัน (เรียกว่า 1 คืนแล้วกัน) ใครอยากรู้ว่าเราสามารถถ่ายอ...

วันนี้ก็เป็น 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 ที่ได้เตรียมไว้

ผมขอเรียกมันว่ากรอบรูปแล้วกันครับ... โค้ดในส่วนของ Interface ก็ประมาณนี้ ผลลัพธ์ที่ได้... อ่านจาก Property นะครับ เราก็จะได้พื้นเป็น Ralative Layout ซึ่งมีกรอบรูป (ImageView) ขนาดเท่ารูปของเรา (wrap_content) วางอยู่ตรงกลาง Relative Layout ของเรา.... ซึ่งในที่นี้ เราไม่สามารถที่จะใส่รูปเข้าไปได้เลย (หรืออาจจะได้ แต่ผมยังไม่รู้วิธี) ตัวบาสเอง ใส่วิธีใส่จาก Resource ใน Java  ที่จะกล่าวต่อไปนะครับ... Photos มาว่ากันเรื่องของรูปกันก่อนดีกว่า...   - รูปที่ใช้ "ควรจะ" มีนามสกุลไฟล์คือ .jpg , .png   - ชื่อของไฟล์ภาพที่ใช้ต้องเป็นตัวอักษร "ตัวเล็ก" ทั้งหมด   - ควรจะเตรียมรูปขนาดพอดีกับงานที่ต้องใช้ **ImageView สามารถที่จะ resize รูปให้เราได้ก็จริง ถ้าเรากำหนด     layout_height และ layout_width ในรูปของ yypx แต่แน่นอน ถ้าเราเปลี่ยนขนาดจอล่ะ ?? งานเข้า Import Your Photos to App's Storage ใน Project ของคุณนะครับ ในที่นี้ของบาสคือ ImageViewTest   - คลิกขวาที่ Folder --> res   - เลือก New --> Folder ...