Download as PDF, PPTX
Uploaded byScott Gardner
4 Ways To Improve User Interface Development
4 ways to improve user interface development are: 1. Use custom fonts for icons to provide visual previews. 2. Take advantage of new Xcode features like @IBDesignable to inspect and preview views and properties. 3. Leverage layers to separate interface elements visually. 4. Use PaintCode for what-you-see-is-what-you-get drawing of dynamic colors, shapes and StyleKits.
More Related Content
Similar to 4 Ways To Improve User Interface Development
![[BROCHURE] Italy Tour Project | @SlideON](https://cdn.slidesharecdn.com/ss_thumbnails/brochure8-251215152319-2805af68-thumbnail.jpg?width=640&height=640&fit=bounds)
4 Ways To Improve User Interface Development
- 1. 4 WAYS TOIMPROVE USER INTERFACE DEVELOPMENT
- 2. SCOTT GARDNER @SCOTTEGSCOTTEG.COM
- 3. tl;dr KNOW YOURTOOLS
- 4.
- 5.
- 6. TEAR DOWN THISWALL
- 7.
- 8.
- 9. ...well, at least4 WAYS
- 10. 1. USE CUSTOMFONTS FOR ICONS
- 13.
- 14. 2. USE NEW-ishXCODE FEATURES @IBDesignable class MyView: UIView { @IBInspectable var borderWidth: CGFloat = 0.0 { didSet { layer.borderWidth = borderWidth } } ... }
- 17. SUPPORTED @IBInspectable TYPES @IBInspectablevar anInt: Int = 0 // Also UInt @IBInspectable var aDouble: Double = 0.0 // Also Float and CGFloat @IBInspectable var aString: String = "" // Also NSString @IBInspectable var aBool: Bool = false @IBInspectable var aCGPoint: CGPoint = CGPointZero @IBInspectable var aCGRect: CGRect = CGRectZero @IBInspectable var aUIColor: UIColor = UIColor.clearColor() @IBInspectable var aUIImage: UIImage = UIImage()
- 21.
- 22.
- 23.
- 25. WYSIWYG DRAWING CREATE DYNAMICCOLORS & SHAPES StyleKits
- 26.
- 27.