[iOS Dev] Create a Circular UIImageView

ปกติแล้ว เวลาเราใช้ UIImageView เนี่ย ตามปกติแล้วรูปทรงเราจะได้ "สี่เหลี่ยม" ใช่ไหมครับ ?
คราวนี้ ถ้าสมมติ Design เรามาเป็นภาพวงกลมล่ะ ? (เป็นไฟล์ .png ที่ BG เป็น Transparent)

ภาพที่เราจะใช้คือ ภาพนี้ครับ 



แน่นอนว่า จับภาพใส่เลยเนี่ย จะมีขอบมุมทั้ง 4 ออกมาแน่ๆ

Trick ง่ายๆ ครั้งนี้เราจะใช้ Framework บางอย่างเข้ามาช่วย 

"เล็มขอบมุมทั้ง 4 ออกตามที่ต้องการ" 

ลองมาทำตามปกติกันก่อน ว่าเราจะได้ผลลัพธ์เป็นแบบไหน ... 


Framework ที่เราจะใช้คือ QuartzCore Framework


จากนั้นก็ import เข้ามา
ใช้ทั้งหมด 2 method ...

ค่า Corner Radius อันนี้ผมคำนวณไม่เป็นครับ ใช้วิธีการทดสอบไปเรื่อยๆ


เมื่อเรียบร้อยแล้ว ก็จะได้แบบนี้ครับ สวยงาม ~




** ใช้วิธีได้กับ Object ทุกชนิดที่เป็น UIView Subclass 



Comments

Post a Comment

Popular posts from this blog

12 วิธี การบริการและดูแลลูกค้าในร้าน Starbucks

Image
ใครหลายคนมักตั้งคำถามว่า "จะดื่มกาแฟแก้วละเกือบ 200 ไปทำไม ดื่มแล้วได้อะไร?" ผมพบเจอบทความหนึ่งจาก Internet เกี่ยวกับอีกสิ่งสำคัญของ Starbucks นอกจากกาแฟ นั่นคือ ระบบการบริการลูกค้า (Customer Service) ที่เป็นหัวใจที่สำคัญยิ่งของกาแฟแบรนด์ดังที่ชื่อว่า Starbucks จากวิสัยทัศน์ของผู้บริหารกาแฟ Starbucks ที่มุ่งเน้นไปที่การบริการลูกค้าให้ดีที่สุด ซึึ่งมาจากพนักงานที่ยอดเยี่ยมที่สุดจากทาง Starbucks และมีความเชื่อมั่นและให้ความใส่ใจกันองค์กรเป็นอย่างยิ่ง ซึ่งสำหรับผู้ที่ดื่มกาแฟ Starbucks เป็นปกติอยู่แล้วก็จะได้รับการบริการด้วยไมตรีจิตที่ดีจากพนักงานหรือเรียกอีกอย่างว่า “partners” ที่แฝงไว้ซึ่งคุณภาพภายใต้การสวมใส่ผ้ากันเปื้อนสีเขียว เราจะมาดูกันครับว่า 12 วิธีการบริการลูกค้าร้านกาแฟที่เป็นหัวใจที่สำคัญของทาง Starbucks นั้นมีอะไรบ้าง 1. สอบถามความต้องการลูกค้าเพื่อช่วยตัดสินใจ การเริ่มต้นด้วยคำถามที่เป็นการช่วยลูกค้าตัดสินใจ เมื่อลูกค้าเข้าร้านมา อย่างเช่น “สวัสดีค่ะ คุณจะรับชาหรือกาแฟดีคะ”, “ไม่ทราบว่าคุณจะรับเป็นเครื่องดื่มร้อนหรือว่าเย็นดีคะ” หรือ อาจจะเป็นคำถ...
Read more

[Android Dev] การติดตั้ง Eclipse+AndroidSDK เพื่อพัฒนาโปรแกรมบน Android

Image
สุดท้ายก็ต้องมาเขียนจนได้ ฮาฮา... ถือว่าเขียนเก็บไว้ให้ตัวเองในอนาคตด้วย เผื่อต้องลง Mac ใหม่ ฮาฮา ถ้าใครต้องการเขียน Android โดยเฉพาะ มีวิธีสบายๆ กว่านั้น ตอนนี้ Google จัดทำ Developer Tools Bundle มาให้แล้วนะครับ อ่านได้ที่นี่เลย -->   http://www.macbaszii.com/2012/11/android-dev-android-developer-tools.html จะเขียนแบบ Step by Step นะครับ Step 1 :: Download and Install Eclipse Editor http://www.eclipse.org/downloads/ ผมแนะนำให้คนที่ใช้ Indigo อยู่เปลี่ยนไปใช้ Juno นะครับ ซึ่งตอนนี้ในหน้า Download Page ที่ผมให้ไว้มัน Default ไว้เป็น Eclipse Juno 4.2 แล้วล่ะครับ เข้าที่นี่นะครับ แล้วโหลด  Eclipse IDE for Java Developers เลือกระบบปฏิบัติการของตัวเองที่ด้านขวาบนด้วยนะครับ 32 หรือ 64 bit ก็แล้วแต่ระบบของคุณ แล้วก็ทำการติดตั้งลงบนเครื่องให้เรียบร้อย การติดตั้งที่ผมว่าเนี่ย รู้สึกว่าแค่แตกไฟล์ไปที่ C:/ ก็พอแล้วล่ะครับ (สำหรับ Windows)  ส่วนฝั่ง Mac เอาไปไว้ตรงไหนก็ได้ครับ Step 2 :: Download and Install Android SDK  ให้กดเข...
Read more

ประสบการณ์การถ่ายภาพดาราศาสตร์ (Astrophotography)

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