美文网首页
uisteper 加减计数器

uisteper 加减计数器

作者: zidie | 来源:发表于2017-05-05 18:02 被阅读0次

我们经常看到购物车选购数量的时候可以加减,可以使用系统的框架UIStepper,也可以自己写,两种方法都很简单

方法一:(UIStepper)

- (void)viewDidLoad {

[superviewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

UIStepper*stepper = [[UIStepperalloc]init];

stepper.minimumValue=0;//最大值

stepper.maximumValue=5;//最小值

stepper.stepValue=1;//每次增减值

stepper.value=0;//当前值

stepper.continuous=YES;//是否循环,默认循环

stepper.wraps=YES;//判断是否循环,即到最大值后又从最小值开始

stepper.tintColor= [UIColorpurpleColor];//设置按钮的颜色

[steppersetBackgroundColor:[UIColorwhiteColor]];//设置背景颜色

stepper.center=CGPointMake(160,240);

[stepperaddTarget:selfaction:@selector(valueChanged:)forControlEvents:(UIControlEventValueChanged)];

[self.viewaddSubview:stepper];

self.label= [[UILabelalloc]init];

self.label.frame=CGRectMake(150,300,40,30);

self.label.backgroundColor= [UIColorredColor];

[self.viewaddSubview:self.label];

}

- (void)valueChanged:(UIStepper*)stepper

{

[self.viewviewWithTag:200].alpha= stepper.value;

self.label.text= [NSStringstringWithFormat:@"%.2f", stepper.value];

NSLog(@"%f", stepper.value);

}

方法二:

自定义两个Button,实现方法是自增自减

- (void)viewDidLoad {

[superviewDidLoad];

self.title=@"小测试";

self.view.backgroundColor= [UIColorwhiteColor];

self.numberChange=0;

self.minusButton= [UIButtonbuttonWithType:UIButtonTypeSystem];

self.minusButton.frame=CGRectMake(100,120,30,30);

[self.minusButtonsetTitle:@"-"forState:UIControlStateNormal];

self.minusButton.backgroundColor= [UIColorgrayColor];

self.minusButton.layer.cornerRadius=self.minusButton.frame.size.width/2;

self.minusButton.layer.masksToBounds=YES;

self.minusButton.clipsToBounds=YES;

[self.minusButtonsetTitleColor:[UIColorwhiteColor]forState:UIControlStateNormal];

[self.minusButtonaddTarget:selfaction:@selector(minusNumber:)forControlEvents:UIControlEventTouchUpInside];

[self.viewaddSubview:self.minusButton];

self.numberLabel= [[UILabelalloc]initWithFrame:CGRectMake(self.minusButton.frame.origin.x+self.minusButton.frame.size.width+5,self.minusButton.frame.origin.y,self.minusButton.frame.size.width,self.minusButton.frame.size.height)];

self.numberLabel.textAlignment=NSTextAlignmentCenter;

self.numberLabel.textColor= [UIColorlightGrayColor];

self.numberLabel.font= [UIFontsystemFontOfSize:14.0];

self.numberLabel.text= [NSStringstringWithFormat:@"%ld",self.numberChange];

[self.viewaddSubview:self.numberLabel];

self.addButton= [UIButtonbuttonWithType:UIButtonTypeSystem];

self.addButton.frame=CGRectMake(self.numberLabel.frame.origin.x+self.numberLabel.frame.size.width+5,self.numberLabel.frame.origin.y,self.numberLabel.frame.size.width,self.numberLabel.frame.size.height);

[self.addButtonsetTitle:@"+"forState:UIControlStateNormal];

[self.addButtonsetTitleColor:[UIColorwhiteColor]forState:UIControlStateNormal];

self.addButton.layer.cornerRadius=self.minusButton.frame.size.width/2;

self.addButton.backgroundColor= [UIColorgrayColor];

[self.addButtonaddTarget:selfaction:@selector(addNumber:)forControlEvents:UIControlEventTouchUpInside];

[self.viewaddSubview:self.addButton];

}

#pragma mark -- UIButtonAction

//减数字

- (void)minusNumber:(UIButton*)button

{

if(self.numberChange==0) {

return;

}else{

self.numberChange--;

self.numberLabel.text= [NSStringstringWithFormat:@"%ld",self.numberChange];

}

}

//加数字

- (void)addNumber:(UIButton*)button{

if(self.numberChange>=10) {

return;

}else{

self.numberChange++;

self.numberLabel.text= [NSStringstringWithFormat:@"%ld",self.numberChange];

}

}

相关文章

  • uisteper 加减计数器

    我们经常看到购物车选购数量的时候可以加减,可以使用系统的框架UIStepper,也可以自己写,两种方法都很简单 方...

  • 数学中的加减法给我的启示

    数学中的加减法给我的启示 2018年5月10日晚上,简单的几个数学加减法就有好多种思路,我们用小棒法、计数器法、支...

  • react中redux的使用

    以一个counter计数器组件为例,实现加减和异步加法 实现效果图如下: index.jsx -- 入口 Coun...

  • 《整十数加减整十数》教学设计

    教学目标: A类:在具体情境中经历提出问题、解决问题的过程,进一步体会加减法的意义。 B类:借助小棒、计数器、数轴...

  • 《整十数加减整十数》教学设计

    教学目标: A类:在具体情境中经历提出问题、解决问题的过程,进一步体会加减法的意义。 B类:借助小棒、计数器、数轴...

  • jmeter计数器的使用

    1、计数器简介 2、添加计数器 3、计数器界面如下: 1(starting value):给定计数器的起始值、初始...

  • CountDownLatch

    计数器,指定计数器的大小,当执行latch.countDown()后计数器减一,当计数器等于0时才能执行latch...

  • 【2019-05-09】MapReduce的特性

    计数器内置计数器 任务计数器采集任务的相关信息,每个作业的所有任务的结果会被聚集起来。任务计数器由其关联任务维护,...

  • MapReduce(6)特性

    ##08.20 1、计数器 1.1、MapReduce包含的高级特性,计数器,数据集的排序和连接 1.2、计数器作...

  • CSS进阶八:counter(),box-sizing,appe

    css中的计数器 counter-reset:name number 设置或重置一个计数器 name 计数器名称 ...

网友评论

      本文标题:uisteper 加减计数器

      本文链接:https://www.haomeiwen.com/subject/rlestxtx.html