Ibdesignable

This is a screenshot of a storyboard in the IB(interface builder). You can see a UILabel, UIImageView and a UIButton with some UI features such as border color, border width, background color, corner radius in this image. Let’s see how we can achieve this from the IB it self without…

In my opinion, one of the most exciting aspects of iOS development is the ability to subclass and customize Apple’s UIKit classes, such as UIButton and UIImageView. A developer can create subclasses to fit the “flavor and feel” of the app they envision. However, the only way to see those…

One of the cool feature that was introduced in the Xcode 6 is enabling interface builder attributes for your custom view. i.e., the attributes that appears in the right when you click a control in the interface builder. …

How UIView/UIButton can be customised and rendered live in Storyboard? — Views in storyboards requires external code to customise design elements like rounded view or shadowed bordered buttons. They need a reference var and specific code written to get customised. Unfortunately there isn’t an easy way to code properties like corner radius, border width, border color in a Storyboard file with…

Live Rendering using IBDesignable. I know. Where have I been 😴 Definitely under a rock. The core idea behind IBDesignable and IBInspectable is you can create your own properties in the Attribute Inspector for your custom classes. …

A simple progress bar with customizable segments I’ve seen lots of progress bar widgets floating around so I decided to try my hand at a ‘SegmentedProgressBar’ customizable via Interface Builder. To follow along or quickly add this view to your own project, grab it on GitHub. Before diving into the…

Xcode and Swift (Objective-C to) allow you to build custom UIViews like custom UIButtons or custom UITableViewCells. You can draw your view in a storyboard and use a custom UIView class to define properties of your new view. But most of the times you need to use that view in…

IBDesignable and IBInspectable , a way to create custom elements and the attributes . This can be directly added to the iOS Interface Builder. This WWDC 2015 video explains how to implement custom UI elements. Implementing UI Designs in Interface Builder - WWDC 2015 - Videos - Apple Developer Apps that stand out must be attractive, intuitive, and easy to use. Interface Builder experts will give you the skills…developer.apple.com

IBDesignable and IBInspectable are attributes used by Interface Builder, but different than IBOutlet and IBAction that are attributes too, IBInspectable and IBDesignable are used to render elements directly in Interface Builder. These attributes showed in WWDC 14 [1] firstly supported to Objective-C, but now you can use with Swift too. Rendering the custom UI component …