iOS - Phần tử giao diện người dùng

Phần tử giao diện người dùng là gì?

Yếu tố giao diện người dùng là những yếu tố trực quan mà chúng ta có thể thấy trong các ứng dụng của mình. Một số yếu tố này phản ứng với các tương tác của người dùng như nút, trường văn bản và những yếu tố khác mang tính thông tin như hình ảnh, nhãn.

Làm thế nào để thêm các phần tử giao diện người dùng?

Chúng tôi có thể thêm các phần tử giao diện người dùng cả trong mã và với sự trợ giúp của trình tạo giao diện. Tùy theo nhu cầu mà chúng ta có thể sử dụng một trong hai.

Trọng tâm của chúng tôi

Chúng tôi sẽ tập trung nhiều hơn vào việc thêm các phần tử giao diện người dùng thông qua mã trong các ứng dụng của mình. Việc sử dụng trình tạo giao diện rất đơn giản và dễ hiểu, chúng ta chỉ cần kéo và thả các phần tử giao diện người dùng.

Cách tiếp cận của chúng ta

Chúng tôi sẽ tạo một ứng dụng iOS đơn giản và sử dụng nó để giải thích một số yếu tố giao diện người dùng.

Step 1 - Tạo ứng dụng Viewbased như chúng tôi đã làm trong ứng dụng iOS Đầu tiên.

Step 2 - Chúng tôi sẽ chỉ cập nhật các tệp ViewController.h và ViewController.m.

Step 3 - Sau đó, chúng tôi thêm một phương thức vào tệp ViewController.m cụ thể để tạo phần tử UI.

Step 4 - Chúng tôi sẽ gọi phương thức này trong phương thức viewDidLoad của chúng tôi.

Step 5 - Các dòng mã quan trọng đã được giải thích trong mã với chú thích dòng đơn phía trên các dòng đó.

Danh sách các phần tử giao diện người dùng

Các phần tử cụ thể về giao diện người dùng và các chức năng liên quan của chúng được giải thích bên dưới:

Sr.No.	Các yếu tố cụ thể về giao diện người dùng
1	Trường văn bản Nó là một phần tử giao diện người dùng cho phép ứng dụng nhận được thông tin đầu vào của người dùng.
2	Kiểu đầu vào - Trường văn bản Chúng tôi có thể đặt loại đầu vào mà người dùng có thể cung cấp bằng cách sử dụng thuộc tính bàn phím của UITextField.
3	nút Nó được sử dụng để xử lý các hành động của người dùng.
4	Nhãn Nó được sử dụng để hiển thị nội dung tĩnh.
5	Thanh công cụ Nó được sử dụng nếu chúng ta muốn thao tác một thứ gì đó dựa trên chế độ xem hiện tại của chúng ta.
6	Thanh trạng thái Nó hiển thị thông tin chính của thiết bị.
7	Thanh điều hướng Nó chứa các nút điều hướng của bộ điều khiển điều hướng, là một chồng các bộ điều khiển chế độ xem có thể được đẩy và bật lên.
số 8	Thanh tab Nó thường được sử dụng để chuyển đổi giữa các nhiệm vụ con, chế độ xem hoặc mô hình khác nhau trong cùng một chế độ xem.
9	Xem hình ảnh Nó được sử dụng để hiển thị một hình ảnh hoặc chuỗi hình ảnh đơn giản.
10	Chế độ xem cuộn Nó được sử dụng để hiển thị nội dung nhiều hơn diện tích màn hình.
11	Bảng xem Nó được sử dụng để hiển thị danh sách dữ liệu có thể cuộn trong nhiều hàng và phần.
12	Chế độ xem tách Nó được sử dụng để hiển thị hai ngăn với ngăn chính kiểm soát thông tin trên ngăn chi tiết.
13	Chế độ xem văn bản Nó được sử dụng để hiển thị danh sách thông tin văn bản cuộn có thể chỉnh sửa tùy chọn.
14	Xem chuyển đổi Nó giải thích các chuyển đổi chế độ xem khác nhau giữa các chế độ xem.
15	Bộ chọn Nó được sử dụng để hiển thị để chọn một dữ liệu cụ thể từ một danh sách.
16	Công tắc Nó được sử dụng như vô hiệu hóa và kích hoạt cho các hành động.
17	Thanh trượt Nó được sử dụng để cho phép người dùng thực hiện các điều chỉnh đối với một giá trị hoặc quá trình trong một phạm vi giá trị được phép.
18	Cảnh báo Nó được sử dụng để cung cấp thông tin quan trọng cho người dùng.
19	Biểu tượng Nó là một đại diện hình ảnh được sử dụng cho một hành động hoặc mô tả một cái gì đó liên quan đến ứng dụng.