12.13 UIStepper

12.13 UIStepper

UIStepper是一个用于修改数字的加减器控件,继承自UIControl类。这个控件包含“+”和“-”两个按钮,用于对数字进行加、减操作。它在设置数量的场景下比较适用,比如在购物车中选择某个商品的个数时需要微调数量,加减的操作会比较简便。

12.13.1 添加UIStepper

创建一个UISliderPractise项目,在Object Library中找出UIStepper,如图12.13.1所示:

图12.13.1 Object Library中的Stepper

使用鼠标左键点住,将其拖拽至Main.storyboard上,如图12.13.2所示:

图12.13.2 将Stepper拖入Storyboard

点击Xcode顶部工具栏中的“Assistant Editor”,使Storyboard和View Controller同时展示,鼠标指针移至Stepper上方,右键点住将其拖动至View Controller文件中类声明的下一行,此时会提示一个黑框“Insert Outlet,Action,or Outlet Collection”,如图12.13.3所示:

图12.13.3 为Stepper生成对应的属性

放开鼠标右键,Xcode会弹出一个提示框让开发者选择将为Storyboard中的Stepper链接一个属性(Outlet)还是一个动作(Action),此例中先添加一个属性,名为“stepper”,点击“Connect”按钮,完成添加,如图12.13.4:

图12.13.4 为Stepper生成的属性命名

View Controller中多了一个属性,在代码中,开发者可以通过这个属性访问到界面上的stepper控件。

接着像添加属性一样为UIStepper关联值变化的事件,如图12.13.5所示:

图12.13.5 为Stepper关联值变化的事件

开发者可以通过下面这个方法知道UIStepper的值发生了变化,添加一个打印值的语句,代码如下:

动手写12.13.1 UIStepperPractise->ViewController.swift

运行模拟器,如图12.13.6所示:

图12.13.6 UIStepperPractise模拟器运行结果

开发者反复加减stepper时,底部的控制台将会不断地打印出stepper当前的值,如下: