[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 



Popular posts from this blog

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

"อีสุกอีใส" ประสบการณ์เมื่อต้องมาเป็นตอนอายุ 22

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