UIStepper 微调器

前言

  • Objective-C

    1
    NS_CLASS_AVAILABLE_IOS(5_0) __TVOS_PROHIBITED @interface UIStepper : UIControl
  • Swift

    1
    @available(iOS 5.0, *) public class UIStepper : UIControl

1、UIStepper 的创建

  • Objective-C

    1
    2
    3
    UIStepper *stepper = [[UIStepper alloc] init];

    [self.view addSubview:stepper];
  • Swift

    1
    2
    3
    let stepper: UIStepper = UIStepper()

    self.view.addSubview(stepper)

2、UIStepper 的设置

  • Objective-C

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    // 设置 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

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    // 设置 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 场景中设置

3.1 Stepper 设置

Stepper1

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

3.2 Control 设置

Stepper2

Alignment 文字对齐方式
Content
– Selected 选中
– Enable 可用
– Highlighted 高亮
文章目录
  1. 1. 前言
  2. 2. 1、UIStepper 的创建
  3. 3. 2、UIStepper 的设置
  4. 4. 3、Storyboard 中设置
    1. 4.1. 3.1 Stepper 设置
    2. 4.2. 3.2 Control 设置
隐藏目录