前言

NS_CLASS_AVAILABLE_IOS(5_0) __TVOS_PROHIBITED @interface UIStepper : UIControl    @available(iOS 5.0, *)                         public class UIStepper : UIControl

1、UIStepper 的创建

• Objective-C

  UIStepper *stepper = [[UIStepper alloc] init];    [self.view addSubview:stepper];

• Swift

  let stepper:UIStepper = UIStepper()    self.view.addSubview(stepper)

2、UIStepper 的设置

• Objective-C

  // 设置 frame    /*        大小由系统确定    */    stepper.frame = CGRectMake(10, 30, 0, 0);    // 设置位置    stepper.center = self.view.center;    // 设置最大和最小值    stepper.minimumValue = 0;    stepper.maximumValue = 100;    // 设置当前值    stepper.value = 30;    // 获取当前值    double value = stepper.value;    // 设置一步的大小    stepper.stepValue = 5;    // 设置背景颜色    stepper.backgroundColor = [UIColor grayColor];    // 标题及边框颜色    stepper.tintColor = [UIColor redColor];    // 设置背景图片    [stepper setBackgroundImage:[UIImage imageNamed:@"pic2"] forState:UIControlStateNormal];    [stepper setBackgroundImage:[UIImage imageNamed:@"pic1"] forState:UIControlStateHighlighted];    // 设置加减号图标        // 设置加号图标        [stepper setIncrementImage:[[UIImage imageNamed:@"volum+"]                                           imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]                         forState:UIControlStateNormal];        // 设置减号图标        [stepper setDecrementImage:[[UIImage imageNamed:@"volum-"]                                           imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]                         forState:UIControlStateNormal];    // 设置中间分割线图标    [stepper setDividerImage:[UIImage imageNamed:@"divid"] forLeftSegmentState:UIControlStateNormal                                                              rightSegmentState:UIControlStateNormal];    // 设置按住不放是否连续更改值    stepper.continuous = YES;    // 设置是否循环    /*        到最大值时再增加数值从最小值开始，到最小值时再减小数值从最大值开始    */    stepper.wraps = YES;    // 添加点击触发事件    [stepper addTarget:self action:@selector(stepperClick:) forControlEvents:UIControlEventValueChanged];

• Swift

  // 设置 frame    /*        大小由系统确定    */    stepper.frame = CGRectMake(10, 30, 0, 0)    // 设置位置    stepper.center = self.view.center    // 设置最大和最小值    stepper.minimumValue = 0    stepper.maximumValue = 100    // 设置当前值    stepper.value = 30    // 获取当前值    let value:Double = stepper.value    // 设置一步的大小    stepper.stepValue = 5    // 设置背景颜色    stepper.backgroundColor = UIColor.grayColor()    // 标题及边框颜色    stepper.tintColor = UIColor.redColor()    // 设置背景图片    stepper.setBackgroundImage(UIImage(named: "pic2"), forState: .Normal)    stepper.setBackgroundImage(UIImage(named: "pic1"), forState: .Highlighted)    // 设置加减号图标        // 设置加号图标        stepper.setIncrementImage(UIImage(named: "volum+")?.imageWithRenderingMode(.AlwaysOriginal),                          forState: .Normal)                 // 设置减号图标        stepper.setDecrementImage(UIImage(named: "volum-")?.imageWithRenderingMode(.AlwaysOriginal),                          forState: .Normal)    // 设置中间分割线图标    stepper.setDividerImage(UIImage(named: "divid"), forLeftSegmentState: .Normal,                                                        rightSegmentState: .Normal)    // 设置按住不放是否连续更改值    stepper.continuous = true    // 设置是否循环    /*        到最大值时再增加数值从最小值开始，到最小值时再减小数值从最大值开始    */    stepper.wraps = true    // 添加点击触发事件    stepper.addTarget(self, action: #selector(UiStepper.stepperClick(_:)), forControlEvents: .ValueChanged)

3、Storyboard 中设置

• 在 Storyboard 场景中设置

  • Stepper 设置

    

    Value	最小值/最大值/当前值/步进值
    Behavior
    -- Autorepeat
    -- Continuous	连续更改值
    -- Wrap	循环改变值

  • Control 设置

    

    Alignment	文字对齐方式
    Content
    -- Selected	选中
    -- Enable	可用
    -- Highlighted	高亮