17 ธันวาคม 2018
Home / Developer / Apple / การใช้งาน IBInspectable และ IBDesignable

การใช้งาน IBInspectable และ IBDesignable

เชื่อว่าหลายๆ คนยังคงไม่เคยใช้งาน IBInspectable และ IBDesignable ใน Xcode กันแน่ๆ คำสั่งนี้ได้มีใน Xcode 6 ซึ่งจะสามารถทำให้เราสามารถ Custom Interface Builder (IB) ต่างๆ ซึ่งทำให้สามารถแก้ไข และแสดงผลบน Storyboard ได้เลย ตามภาพด้านล่าง

IBDesignable

ซึ่งจากภาพนี้เราไม่ได้ตัดรูปปุ่ม จาก Photoshop มาแปะแต่ประการใด แต่เป็นการใช้งาน IBInspectable ในการกำหนด field ใน Inspectable Storyboard เพื่อทำการรับค่าไป assign ลงในตัวแปรใน code ของเรา และใช้ IBDesignable ในการสั่งให้แสดงผลการเปลี่ยนแปลงใน Storyboard

Variable type ที่สามารถใช้งานร่วมกับ IBInspectable ได้มีดังต่อไปนี้

  • Int
  • CGFloat
  • Double
  • String
  • Bool
  • CGPoint
  • CGSize
  • CGRect
  • UIColor
  • UIImage

คราวนี้เรามาลองสร้าง ปุ่มแบบขอบมน และมี border ง่ายๆกัน เพื่อเรียนรู้การใช้งาน

ในโปรเจคเรา ให้เรา create file MyCustomButton.h , .m ขึ้นมาโดยเป็น sub class ของ UIbutton

เวลาเราเรียกใช้ ให้เรา เลือกที่ปุ่ม แล้วไปที่ identity inspector ส่วนของ Custom class  -> class ให้เปลี่ยนจาก UIButton ไปเป็น class ของเรา ในที่นี้ MyCustomButton ตามภาพ

identify_inspector

เมื่อเลือกแล้วเราจะสามารถ set property ได้จาก Stroryboard ได้แล้ว ในส่วนของ attributes inspector ตามภาพ

attributes_inspector

หวังว่าจะเป็นประโยชน์กับ iOS Dev ทุกท่านนะครับ

 

About แอมป์

Programmer สาย OpenSource ถนัด WEB และ Mobile ในฝั่ง Apple

Check Also

sniff

Sniff packet จาก iPhone ด้วย wireshark

เนื่องจากผมทำงา …

ใส่ความเห็น

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

error: Content is protected !!