Views in iOS Mobile apps for iPhone & iPad Telerik Software Academy http://academy.telerik.com

Table of Contents Views Creating custom views Drawing on a view Overview Nib/Xib files Loading Nib files Creating custom views Creating a custom reusable UITableViewCell Creating a custom UIView Drawing on a view

Views Overview

Views Overview Views are part of the MVC architecture They represent the UI of an iOS application Built from NIB files and Obj-C/Swift classes NIB/XIB files are files with only UI NExTSTEP Interface Builder They have no code, only UI NIB files can be loaded dynamically As a resource

Views Hierarchy Views build an hierarchy of views The outer/root view is the window The window contains a storyboard scene Scenes can contain other views Views can contain views Etc…. When the windows is rendered it sends message to its subviews to render as well As do they to their subviews and so on…

Creating and Loading NIB Files Live Demo

UITableViewCell and UIView Creating Custom Views UITableViewCell and UIView

Creating Custom Views Views can be created by a NIB file and a class that inherits UIView Or a subclass of UIView The NIB file and the class are connected the same way as a storyboard scene and a ViewController Select the View in Interface builder Open the Utilities toolbox Go to Identity inspector Set the class

Linking NIB file and a UIView subclass Live Demo

Creating a Reusable UITableViewCell Live Demo

Creating a Custom View Live Demo

Creating View with Drawings Live Demo

Views in iOS http://academy.telerik.com

Homework Create a table view cell containing an image and a title Use it inside a UITableViewController Create a custom view for representing tabs Each tab has a title and content The content is visible only if the tab is selected Only a single tab can be selected at a time The content can contain any number of UIViews