Posts

Showing posts with the label custom view

Building Custom UI with @IBDesignable

Image
IBDesignable and IBInspectable @IBDesignable และ @IBInspectable เป็น keyword ใหม่ที่ถูกใส่เข้ามาใน Xcode 6 เพื่อที่จะแสดงผล Custom View ที่เราสร้างขึ้นผ่าน Interface Builder (Storyboard) โดยตรง ซึ่งจะมีประโยชน์มากๆ ในการทดสอบก่อนการแสดงผลจริง ช่วยให้เร็วขึ้น เนื่องจากเมื่อก่อน ก็จะเป็น UIView เฉยๆ ใน Storyboard แล้วเราจำเป็นต้อง รันแอป เพื่อให้มันเรนเดอร์ ตอนนี้ไม่ต้องแล้ว วิธีการก็คือ เราจะใส่  @IBDesignable ไว้ข้างหน้า class ที่เป็น UIView Subclasses เพื่อบอก Interface Builder ว่า Custom View นี้จะมีการแสดงผลผ่านที่นั่นทันทีนะ จากนั้นก็ใส่  @IBInspectable ให้ property ที่เราจะทำการเปลี่ยนแปลงค่าใน Inspector View โดยตรง โค้ดที่ต้องเขียนก็จะมีประมาณนี้ สิ่งที่เราจะเห็นใน Inspector View ซึ่งนี่เป็นตัวอย่างของวันนี้ คือนี่ และใน Storyboard เราก็จะเห็นการแสดงผลของ Custom View บน ViewController เหมือนกับอุปกรณ์บน UIKit ได้ทันทีแบบนี้ด้วย Let's Code สิ่งที่เราจะทำกันในวันนี้เหมือนภาพด้านบนนะ เราจะมาทำ Gradient View ที่มีคุณสมบัติตามนี้ สามารถไล่พื...