zl程序教程

您现在的位置是:首页 >  移动开发

当前栏目

macOS SwiftUI 选择器组件规范之 05 Steppers 步进器

macos组件 规范 SwiftUI 05 选择器 步进
2023-09-11 14:18:32 时间

macOS SwiftUI 选择器组件规范之 05 Steppers 步进器

步进器使用户可以递增地增加或减少数字,日期或时间值。例如,在VoiceOver Utility中,步进器使您可以调整语音的速率,音调,音量和语调。步进器位于显示其当前值的字段旁边,因为步进器本身不显示值。

image.png


Stepper 步进器

执行增量和减量动作的控件。

struct Stepper<Label> where Label : View

总览

如果希望用户在增加或减少值的同时具有粒度控制,请使用步进控件。例如,您可以使用步进器执行以下操作:

  • 通过上下更改值1。
  • 严格在规定范围内操作。
  • 在步进器的可能值范围内逐步步进特定数量。

下面的示例使用一个数组,该数组包含多个Color值,一个局部状态变量value,来设置控件的背景色和标题标签。当用户单击或点击步进器的增量或减量按钮时,SwiftUI将执行更新的相关闭包value,并包装value以防止溢出。然后,SwiftUI重新渲染视图,更新文本和背景色以匹配当前索引

import SwiftUI


struct ContentView: View {
  
   var body: some View {
       VStack {