iOS 前言 1、UIStepper 的创建 2、UIStepper 的设置 3、Storyboard 中设置

iOS
前言
1、UIStepper 的创建
2、UIStepper 的设置
3、Storyboard 中设置

	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 设置

      iOS
前言
1、UIStepper 的创建
2、UIStepper 的设置
3、Storyboard 中设置

      Value 最小值/最大值/当前值/步进值
                        |
      

      Behavior |
      -- Autorepeat |
      -- Continuous | 连续更改值
      -- Wrap | 循环改变值

    • Control 设置

      iOS
前言
1、UIStepper 的创建
2、UIStepper 的设置
3、Storyboard 中设置

      Alignment 文字对齐方式
                        |
      

      Content |
      -- Selected | 选中
      -- Enable | 可用
      -- Highlighted | 高亮