What UI Elements are?
UI components are the visible components that we can see in our programs. Some of these components react to user communications such as control buttons, written text areas and others are useful such as pictures, brands.
How to Add UI Elements?
We can add UI components both in rule and with the help of interface designer. Based on the need we can use either one of them.
Our Focus
We'll be concentrating more on including UI components through code in our programs. Using interface designer is simple and simple, we just need to get and drop the UI components.
Our Approach
We will make a easy iOS program and use it for describing some of the UI components.
step 1. Create a Viewbased application as we did in our First iOS application.
step 2. We will be only updating the ViewController.h and ViewController.m files.
step 3. Then we add a method to our ViewController.m file specific for creating the UI element.
step 4. We will call this method in our viewDidLoad method.
step 5. The important lines of code have been explained in the code with single line comment above those lines.
List of UI Elements
UI specific elements and their related functionalies are explained below −
| S.N. | UI Specific Elements |
|---|---|
| 1 |
It is an UI element that enables the app to get user input.
|
| 2 |
We can set the type of input that user can give by using the keyboard property of UITextField.
|
| 3 |
It is used for handling user actions.
|
| 4 |
It is used for displaying static content.
|
| 5 |
It is used if we want to manipulate something based on our current view.
|
| 6 |
It displays the key information of device.
|
| 7 |
It contains the navigation buttons of a navigation controller, which is a stack of view controllers which can be pushed and popped.
|
| 8 |
It is generally used to switch between various subtasks, views or models within the same view.
|
| 9 |
It is used to display a simple image or sequence of images.
|
| 10 |
It is used to display content that is more than the area of screen.
|
| 11 |
It is used for displaying scrollable list of data in multiple rows and sections.
|
| 12 |
It is used for displaying two panes with master pane controlling the information on detail pane.
|
| 13 |
It is used for diplaying scrollable list of text information that is optionally editable.
|
| 14 |
It explains the various view transitions between views.
|
| 15 |
It is used for displaying for selecting a specific data from a list.
|
| 16 |
It is used as disable and enable for actions.
|
| 17 |
It is used to allow users to make adjustments to a value or process throughout a range of allowed values.
|
| 18 |
It is used to give important information to users.
|
| 19 |
It is an image representation used for an action or depict something related to the application.
|
Emoticon Emoticon