Computer >> Máy Tính >  >> Lập trình >> IOS

Cách tạo Bố cục Thanh tab trong Ứng dụng iOS?

Trong bài đăng này, chúng ta sẽ xem cách một người có thể sử dụng bố cục thanh tab trong ứng dụng của họ.

Theo tài liệu của apple -

Thanh tab xuất hiện ở cuối màn hình ứng dụng và cung cấp khả năng chuyển đổi nhanh chóng giữa các phần khác nhau của ứng dụng. Các thanh tab trong mờ, có thể có màu nền, duy trì cùng độ cao ở tất cả các hướng màn hình và bị ẩn khi bàn phím được hiển thị. Thanh tab có thể chứa bất kỳ số lượng tab nào, nhưng số lượng tab hiển thị thay đổi tùy theo kích thước và hướng thiết bị.

Bạn có thể đọc thêm về điều tương tự ở đây

https://developer.apple.com/design/human-interface-guidelines/ios/bars/tab-bars/

Cách tạo Bố cục Thanh tab trong Ứng dụng iOS?

Vì vậy, hãy bắt đầu,

Bước 1 - Tạo một ứng dụng xem đơn mới và đặt tên là “TabBarController”

Bước 2 - Mở Main.storyboard của bạn và thêm chế độ xem tab từ thư viện đối tượng, như trong hình

Cách tạo Bố cục Thanh tab trong Ứng dụng iOS?

Bước 3 - Xóa bộ điều khiển chế độ xem hiện có khỏi bảng phân cảnh, đi tới tệp mới và tạo tệp mới với tên, SecondViewController.

Bước 4 - Điều hướng đến bảng phân cảnh và thêm các lớp cho cả bộ điều khiển chế độ xem, đối với mục 1, thêm ViewController.swift và đối với mục 2, thêm SecondViewController.swift như được hiển thị bên dưới

Cách tạo Bố cục Thanh tab trong Ứng dụng iOS?

Cách tạo Bố cục Thanh tab trong Ứng dụng iOS?

Bước 5 - Bây giờ thay đổi màu nền của cả bộ điều khiển chế độ xem thành màu xám và đen.

Bước 6 - Đừng quên kiểm tra bộ điều khiển thanh tab làm bộ điều khiển chế độ xem ban đầu.

Bước 7 - Chạy dự án.

Cách tạo Bố cục Thanh tab trong Ứng dụng iOS?

Cách tạo Bố cục Thanh tab trong Ứng dụng iOS?