项目介绍:
类似京东/淘宝的购物车商品加减按钮,支持自定义,可定制程度较高,使用很简单。之前的项目中需要,在网上找了好多都不符合要求,干脆自己花了点时间撸了一个,现在分享出来,希望能帮到有需要的人。 如果觉得好用,希望你能在GitHub上Star一下,有更好的建议向我提出来哦,我会及时改正更新:
PPNumberButton
DEMO下载:
仿京东淘宝购物车商品的加减按钮,可定制程度较高,使用简单!
- 支持自定义加/减按钮的标题内容或背景图片;
- 支持设置整个按钮的边框颜色;
- 支持数字区域使用键盘输入,;
- 支持长按加/减按钮快速加减;
- 支持自定义大小;
- 支持block回调与delegate(代理)回调.
Installation
安装
1.手动安装:下载DEMO后,将子文件夹PPNumberButton拖入到项目中, 导入头文件PPNumberButton.h开始使用.
Usage 使用方法
1.默认样式
[Objective-C] 查看源文件 复制代码
PPNumberButton *numberButton = [[PPNumberButton alloc] initWithFrame:CGRectMake(100, 100, 110, 30)]; //按钮的block回调 numberButton.numberBlock = ^(NSString *num){ NSLog(@"%@",num); }; [self.view addSubview:numberButton];
2.边框样式
[Objective-C] 查看源文件 复制代码
PPNumberButton *numberButton = [[PPNumberButton alloc] initWithFrame:CGRectMake(100, 160, 200, 30)]; //设置边框颜色(如果没有设置颜色就没有边框) numberButton.borderColor = [UIColor grayColor]; numberButton.numberBlock = ^(NSString *num){ NSLog(@"%@",num); }; [self.view addSubview:numberButton];
3.自定义加减按钮的标题
[Objective-C] 查看源文件 复制代码
PPNumberButton *numberButton = [[PPNumberButton alloc] initWithFrame:CGRectMake(100, 220, 150, 44)]; //设置加减按钮文字 [numberButton setTitleWithIncreaseTitle:@"加" decreaseTitle:@"减"]; numberButton.numberBlock = ^(NSString *num){ NSLog(@"%@",num); }; [self.view addSubview:numberButton];
4.自定义加减按钮的背景图片
[Objective-C] 查看源文件 复制代码
PPNumberButton *numberButton = [[PPNumberButton alloc] initWithFrame:CGRectMake(100, 300, 100, 30)]; //设置加减按钮的背景图片 [numberButton setImageWithIncreaseImage:[UIImage imageNamed:@"➕按钮图片"] decreaseImage:[UIImage imageNamed:@"➖按钮图片"]]; numberButton.numberBlock = ^(NSString *num){ NSLog(@"%@",num); }; [self.view addSubview:numberButton];
注: 加减号按钮的标题和背景图片只能设置其中一个,若全部设置,则以最后设置的类型为准因为之前的项目中需要,在网上找了好多都不符合要求,干脆自己花了点时间撸了一个,现在分享出来,希望能帮到有需要的人。 如果你觉得不错,希望Star鼓励一下哈,你的Star是我持续更新的动力!