[Video Summary] Ch. 1 SwiftUI Fundamentals: Slider Control and Decimal Formatting in SwiftUI (2025)

Mô tả nhanh

Video này hướng dẫn cách sử dụng Slider Control trong SwiftUI, cùng với ba phương pháp định dạng số thập phân khác nhau để hiển thị giá trị một cách trực quan và thân thiện hơn với người dùng.

Video

Click vào hình dưới để mở:

Mô tả chi tiết

Video này trình bày cách sử dụng Slider Control trong SwiftUI và ba cách định dạng số thập phân khác nhau.

Các bước thực hiện:

1. Thêm Slider Control cơ bản:
   • Sử dụng Slider với value và in parameters. value là một binding kiểu floating point (số thập phân).
   • Tạo một biến @State private var sliderValue để liên kết với slider. Ban đầu đặt giá trị là 50.0 (lưu ý phải có .0 để Swift hiểu là Double).
   • in parameter là một closed range (ví dụ: 0...100).
2. Hiển thị giá trị Slider:
   • Sử dụng Text để hiển thị giá trị hiện tại của slider.
   • Sử dụng string interpolation để chèn giá trị sliderValue vào text.
3. Định dạng số thập phân (3 cách):
   • Cách 1: Ép kiểu sang Int:
     • Chuyển đổi sliderValue sang kiểu Int trực tiếp trong string interpolation: \(Int(sliderValue)). Cách này loại bỏ phần thập phân.
   • Cách 2: Sử dụng .formatted():
     • Sử dụng .formatted(.number.precision(.fractionLength(1))) để chỉ định số lượng chữ số thập phân muốn hiển thị (ví dụ: 1 chữ số thập phân).
   • Cách 3: Sử dụng format specifier strings:
     • Sử dụng String(format: "%.1f", sliderValue) để định dạng số thập phân. %.1f có nghĩa là định dạng một số floating point với 1 chữ số thập phân.
4. Thêm labels cho Slider:
   • Sử dụng Slider với các tham số value, in, label, minimumValueLabel và maximumValueLabel.
   • label: Accessibility label (sẽ được sử dụng trong các bài học tương lai).
   • Sử dụng Text trong minimumValueLabel và maximumValueLabel để hiển thị giá trị min/max (ví dụ: "0" và "100").
   • Có thể sử dụng Image thay vì Text để hiển thị icon.

Chúc bạn học tốt!