Bài 13+14: UIProgressView, UISlider

UIProgressView, UISlider

Là một UIControl thể hiện trạng thái hoàn thành một tác vụ nào đó ví dụ như trạng thái download/upload, duration của một file audio…

Chúng ta cùng bắt đầu tìm hiểu nhé.

1. UIProgressView

  • Các bạn tạo project và kéo thả UIProgress vào Main.storyboard.
UIProgress
Hình 1.1 UIProgress
  • Các bạn set giá trị progress là 0 sau đó chúng ta ánh xạ outlet.
Outlet UIProgressView
Hình 2.1 Outlet UIProgressView

Các bạn thêm đoạn code sau để thấy được cách mà UIProgressView hoạt động:

Đoạn code trên tạo ra một Timer cứ sau 0.5s thì lặp lại một lần, mỗi lần lặp lại thì cộng 0.1 cho progress của myProgress.

Chạy project các bạn sẽ thấy thanh progress được cập nhật liên tục vậy là thành công.

Kết quả khi chạy project
Hình 1.2 Kết quả khi chạy project

2. UISlider

  • Kéo thả UISlider vào Main.storyboard các bạn được kết quả như sau:
UISlider
Hình 2.1 UISlider
  • Ánh xạ action cho UISlider.
Action UISlider
Hình 2.2 Action UISlider
  • Trong action của UISlider thêm đoạn code sau:

  • Mỗi khi user tương tác với UISlider sẽ in ra giá trị của UISlider ở console là các bạn thành công.
Kết quả khi tương tác với UISlider
Hình 2.3 Kết quả khi tương tác với UISlider

Cảm ơn bạn đã theo dõi bài viết, nếu có thắc mắc gì vui lòng để lại bình luận bên dưới.

Bạn có thể tham khảo khoá học lập trình iOS tại laptrinh0kho.com. Các khoá học từ cơ bản đến nâng cao, được thực tập doanh nghiệp. Bạn sẽ được cung cấp kiến thức có hệ thống với đội ngũ giảng viên giàu kinh thực tế và am hiểu sư phạm. Hãy liên hệ ngay để được tư vấn miễn phí theo thông tin bên dưới:

LAPTRINH0KHO.COM

  • 138/36 Nguyễn Xí, P. 26, Q. Bình Thạnh, TP.HCM
  • Hotline: 0347.750.760 (Kết bạn Zalo để tư vấn)
  • Email: laptrinh0kho@gmail.com
  • Website: www.laptrinh0kho.com
  • FanPage : laptrinh0kho.com