您现在的位置是:首页 > 文章详情

iOS - UIStepper

日期:2016-08-09点击:507

前言

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

      Stepper1

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

      Stepper2

      Alignment 文字对齐方式
      Content
      -- Selected 选中
      -- Enable 可用
      -- Highlighted 高亮
原文链接:https://yq.aliyun.com/articles/312241
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章