第2章第7节:使用Stepper步进器在小范围内进行数值的精确调整 [SwiftUI快速入门到实战]

  1. 本节课演示Stepper步进器的使用,步进器由一个增加按钮、一个减小按钮和一个数值标签组成,非常适用于在小范围内进行数值的精确调整。
    第2章第7节:使用Stepper步进器在小范围内进行数值的精确调整 [SwiftUI快速入门到实战]_第1张图片

  2. 首先添加一个浮点类型的属性,并设置它的初始值为0。该属性拥有@State属性包装器,表示该属性将和步进器视图进行数据绑定。
    第2章第7节:使用Stepper步进器在小范围内进行数值的精确调整 [SwiftUI快速入门到实战]_第2张图片

  3. 添加一个步进器视图,接着将依次设置步进器的递增、递减事件和数值标签。
    第2章第7节:使用Stepper步进器在小范围内进行数值的精确调整 [SwiftUI快速入门到实战]_第3张图片

  4. 设置步进器的递增事件,当用户点击加号按钮时,增加temperature的数值。
    第2章第7节:使用Stepper步进器在小范围内进行数值的精确调整 [SwiftUI快速入门到实战]_第4张图片

  5. 设置步进器的递减事件,当用户点击减号按钮时,缩小temperature的数值。
    第2章第7节:使用Stepper步进器在小范围内进行数值的精确调整 [SwiftUI快速入门到实战]_第5张图片

  6. 接着

你可能感兴趣的