VHUD – Tạo Loading Indicator dạng tròn sử dụng Swift với nhiều hiệu ứng rõ ràng, tinh tế

42

VHUD – Tạo Loading Indicator dạng tròn viết bằng Swift với phong cách rõ ràng, tinh tế.

VHUD là một thư viện mã nguồn mở liên quan đến thành phần UI được viết bởi Airin, lấy cảm hứng từ thư viện PKHUD. VHUD hỗ trợ bạn tạo ra các Loading Indicators với hình dạng, kiểu dáng ấn tượng, thu hút giống như một số các thư viện liên quan đến các thành phần iOS HUD khác.

Thư viện VHUD cho phép bạn chỉnh sửa màu sắc, hình dáng của Indicator, các kiểu Loading và một số thông báo bằng chữ sau khi hoàn tất việc Loading. Ngoài ra, bạn cũng có thể tạo hiệu ứng blur hoặc màu nền cho ứng dụng khi Indicator xuất hiện.

VHUD có cách sử dụng dễ dàng bao gồm 2 thao tác cơ bản là Show và Dismiss

  • Show

  • Dismiss

VHUD có các chế độ Loading như Loop (lặp lại), Duration (có thời gian chờ), PercentComplete (phần trăm Loading).

Một số hình dạng (shape) có thể sử dụng trong VHUD như:

  • Hình tròn (Circle)

circle

  • Bo tròn góc (Round)

round

Các kiểu nền (style) của khung (view) chứa Indicator :

  •  Nền sáng (Light)

light

  • Nền tối (Dark)

dark

  • Nền mờ (Blur)

blur

Các kiểu nền đa dạng khi Loading Indicator xuất hiện:

  • Không có nền (None)

bg_none

  • Nền có màu (color)

bg_color

  • Nền mờ (Blur)

bg_blur

Một số lưu ý khi bạn sử dụng thư viện VHUD:

  • Sử dụng iOS 9.0 trở lên
  • Viết với Swift 3.0 trở lên
  • Viết trên môi trường XCode 8

Nguồn: IDE Academy via Maniacdev