iOS - UIStepper

前言

	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 | 高亮