iOS UI elements
What are UI elements?
UI elements are any visual elements that can be seen in our application. Some of them respond to user operations, such as buttons, text fields, and other rich content, such as images, labels, etc.
How to add UI elements?
UI elements can be added in code with the participation of the interface builder. We can use one of them if needed.
Our focus
through code will be focused on adding UI elements to the application. A simpler and more straightforward method is to use Interface Builder to drag and drop UI elements.
Method
Below we will explain some UI elements by creating a simple IOS application
Steps
1 , as in the first IOS program, create a Viewbased application
2. Update only the ViewController.h and ViewController.m files
3. Then we add the method to ViewController.m File to create UI elements
4. Call this method in the viewDidLoad method
5. Important lines of code have been commented in the code by marking them above the single line
List of user interface elements
The following explains the specific UI elements and their related functions/p>
| Serial number | Specific UI elements or functions |
|---|---|
| 1 | Text Fields-Text Fields User interface elements, using applications to obtain user input |
| 2 | Input type-TextFields Users can assign keyboard input attributes by using UITextField |
| 3 | Buttons-Buttons are used to handle user operations |
| 4 | Label- Tag Used to display static content |
| 5 | Toolbar-Toolbar Manipulate what the current view displays |
| 6 | Status Bar-Status Bar Displays key information of the device |
| 7 | Navigation Bar-Navigation Bar Contains a view controller that can be inferred and pops up the navigation button of the navigation controller |
| 8 | Tab bar-Tab bar is generally used for each Switching between subtasks, views, or models in the same view. |
| 9 | Image View-Image View is used to display a simple image sequence |
| 10 | Scroll View-Scroll View Used to display content in more screen areas |
| 11 | Table View - List View Used to display data in a scrollable list in multiple rows or sections |
| 12 | IOS Split View (Split View) Used to display control information for two panes and the main pane on the details pane |
| 13 | Text View-Text View Text information used to display a scrolling list can be selected and edited |
| 14 | >View Transition - View Switching Various views to view Switch between |
| 15 | Pickers-Selector Used to display the selection of a specific data from the list |
| 16 | Switches-switch is used to disable and enable operations |
| IOS sliders (Sliders) | are used to allow users to select a value within the allowed value range |
| IOS warning dialog box (Alerts) | is used to provide important information to users|
