Bài 18: UIStepper

UIStepper

UIStepper là một control dùng để tăng hoặc giảm giá trị trên giao diện người dùng, ví dụ như tăng giảm số lượng của một sản phẩm trong đơn hàng.

  • Các bạn tạo project, vào Library kéo thả UIStepper và UILabel vào Main.storyboard như hình bên dưới:
Tạo UIStepper
Hình 1.1 Tạo UIStepper
  • Các bạn ánh xạ oulet cho Label và action cho UIStepper:
Ánh xạ action cho UIStepper
Hình 1.2 Ánh xạ action cho UIStepper
  • Trong action của UIStepper chúng ta sẽ update Label mỗi khi value của Stepper thay đổi bằng đoạn code sau: “valueLabel.text = String(sender.value)”

Chạy project, mỗi khi nhấn vào Stepper các bạn sẽ thấy giá trị của Label cập nhật theo.

Kết quả chạy
Hình 1.3 Kết quả chạy

UIStepper còn có 3 Behavior :

  • Autorepeat: giá trị sẽ tự động tăng hoặc giảm khi user nhấn vào nút Stepper tương ứng.
  • Continuous: giá trị của Stepper sẽ cập nhật liên tục nếu bỏ chọn thì khi nào user thao tác với Stepper xong giá trị mới được cập nhật.
  • Wrap: tự động xoay vòng khi giá trị Stepper đạt maximum hoặc minimum.
UIStepper Behavior
Hình 1.4 UIStepper Behavior

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

Leave a Reply

Your email address will not be published. Required fields are marked *