登录 立即注册
金钱:

Code4App-iOS开发-iOS 开源代码库-iOS代码实例搜索-iOS特效示例-iOS代码例子下载-Code4App.com

iOS中一款高度可定制性商品计数按钮(京东/淘宝/饿了么/美...

[复制链接]
来自: jkpang 分类: iOS精品源码 上传时间: 2016-11-15 15:17:24

项目介绍:

iOS中一款高度可定制性商品计数按钮,使用简单!

  • 支持自定义加/减按钮的标题内容、背景图片;

  • 支持设置边框颜色;

  • 支持使用键盘输入;

  • 支持长按加/减按钮快速加减;

  • 支持block回调与delegate(代理)回调;

  • 支持使用xib创建、直接在IB面板设置相关属性;

  • 支持设置maxValue(最大值)与minValue(最小值).

  • 支持按钮自定义为京东/淘宝样式,饿了么/美团外卖/百度外卖样式;

新建 PP-iOS学习交流群 : 323408051 有关于PP系列封装的问题和iOS技术可以在此群讨论

如果你需要Swift版本,请戳: https://github.com/jkpang/PPNumberButtonSwift

示例图

Requirements 要求

  • iOS 7+

  • Xcode 8+

Installation 安装

1.手动安装:

下载DEMO后,将子文件夹PPNumberButton拖入到项目中, 导入头文件PPNumberButton.h开始使用.

2.CocoaPods安装:

first
`pod 'PPNumberButton'
then
pod install或pod install --no-repo-update

如果发现pod search PPNumberButton 不是最新版本,在终端执行pod setup命令更新本地spec镜像缓存(时间可能有点长),重新搜索就OK了

Usage 使用方法

实例化方法

[[PPNumberButton alloc] init];:默认的frame为CGRectMake(0, 0, 110, 30)

[[PPNumberButton alloc] initWithFrame:frame];

[PPNumberButton numberButtonWithFrame:frame];: 类方法创建

1.自定义加减按钮文字标题

     PPNumberButton *numberButton = [PPNumberButton numberButtonWithFrame:CGRectMake(100, 100, 110, 30)];
    // 开启抖动动画
    numberButton.shakeAnimation = YES;
    // 设置最小值
    numberButton.minValue = 2;
    // 设置最大值
    numberButton.maxValue = 10;
    // 设置输入框中的字体大小
    numberButton.inputFieldFont = 23;
    numberButton.increaseTitle = @"+";
    numberButton.decreaseTitle = @"-";
    
    numberButton.numberBlock = ^(NSString *num){
        NSLog(@"%@",num);
    };
    [self.view addSubview:numberButton];

2.边框状态

    PPNumberButton *numberButton = [PPNumberButton numberButtonWithFrame:CGRectMake(100, 160, 150, 30)];
    //设置边框颜色
    numberButton.borderColor = [UIColor grayColor];
    numberButton.increaseTitle = @"+";
    numberButton.decreaseTitle = @"-";
    
    numberButton.numberBlock = ^(NSString *num){
        NSLog(@"%@",num);
    };
    
    [self.view addSubview:numberButton];

3.自定义加减按钮背景图片

     PPNumberButton *numberButton = [PPNumberButton numberButtonWithFrame:CGRectMake(100, 220, 100, 30)];
    numberButton.shakeAnimation = YES;
    numberButton.increaseImage = [UIImage imageNamed:@"increase_taobao"];
    numberButton.decreaseImage = [UIImage imageNamed:@"decrease_taobao"];
    
    numberButton.numberBlock = ^(NSString *num){
        NSLog(@"%@",num);
    };
    
    [self.view addSubview:numberButton];

4.饿了么,美团外卖,百度外卖样式

    PPNumberButton *numberButton = [PPNumberButton numberButtonWithFrame:CGRectMake(100, 280, 100, 30)];
    // 初始化时隐藏减按钮
    numberButton.decreaseHide = YES;
    numberButton.increaseImage = [UIImage imageNamed:@"increase_meituan"];
    numberButton.decreaseImage = [UIImage imageNamed:@"decrease_meituan"];
    
    numberButton.numberBlock = ^(NSString *num){
        NSLog(@"%@",num);
    };
    
    [self.view addSubview:numberButton];

使用xib创建

在控制器界面拖入UIView控件,在右侧的设置栏中将class名修改为PPNumberButton,按回车就OK了.

示例图

注意!如果有的同学将控件拖线到代码中,千万不要忘记在拖线的代码文件中导入 "PPNumberButton.h"头文件,否则会报错.

可以在IB界面设置相关属性
示例图

====
因为之前的项目中需要,在网上找了好多都不符合要求,干脆自己花了点时间撸了一个,现在分享出来,希望能帮到有需要的人。 如果你觉得不错,希望点个Star鼓励一下

你的Star是我持续更新的动力!

CocoaPods更新日志

  • 2016.11.03(tag:0.3.0)--重大更新:1.增加饿了么/美团外卖/百度外卖样式,2.调整自定义属性设置接口.

  • 2016.11.03(tag:0.2.0)--设置maxValue(最大值)与minValue(最小值)属性接口.

  • 2016.09.14(tag:0.1.2)--添加使用XIB创建时的实时显示

  • 2016.09.12(tag:0.1.1)--小细节优化

  • 2016.09.03(tag:0.1.0)--Pods初始化

联系方式:

  • Weibo : @CoderPang

  • Email : jkpang@outlook.com

  • QQ群 : 323408051

许可证

PPNumberButton 使用 MIT 许可证,详情见 LICENSE 文件。

code4app

相关源码推荐:

我来说两句
*滑动验证:
所有评论(175)
littleRed 2016-11-16 16:01:06
code4app确实是个好地方,必须支持~
回复
hellokenken 2016-11-16 16:02:46
code4app好的代码demo真的很多,谢谢啦~
回复
kengsir 2016-11-16 16:05:55
感谢大神分享,必须顶!
回复
phoiu 2016-11-16 16:11:55
相当不错,感谢无私分享精神!
回复
AlonMessi 2016-11-16 16:18:21
感谢大神分享,必须顶!
回复
BlueManlove 2016-11-16 16:28:43
code4app确实是个好地方,必须支持~
回复
Mick_zhouqing 2016-11-17 11:32:33
精华内容,楼主V5!
回复
code4app热心网友 2016-11-17 18:29:54
楼主威武啊,Code4App有你更给力!
回复
code4app热心网友 2016-11-18 09:10:05
淡定,淡定,淡定……
回复
提取码:  下载次数:231 状态:已购或VIP 售价:0(原价:10)金钱 下载权限:初级码农 
3197 1 231
联系我们
首页/微信公众账号投稿

帖子代码编辑/版权问题

QQ:435399051,742864542

如何获得代码达人称号?

代码贡献英雄榜
用户名 下载数
通过邮件订阅最新 Code4App 信息
上一条 /4 下一条
联系我们
关闭
合作电话:
13802416937
Email:
435399051@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| 广东互联网违法和不良信息举报中心|中国互联网举报中心|Github|申请友链|手机版|Code4App ( 粤ICP备15117877号-1 )

快速回复 返回顶部 返回列表