iOS中一款高度可定制性商品計(jì)數(shù)按鈕(京東/淘寶/餓了么/美團(tuán)外賣/百度外賣樣式),使用簡(jiǎn)單!

PPNumberButton (Objective-C版本)

PPNumberButtonSwift (swift版本)

因?yàn)橹暗捻?xiàng)目中需要,在網(wǎng)上找了好多都不符合要求,最后干脆自己擼了一個(gè),現(xiàn)在分享出來,希望能幫到有需要的人败去。

PPNumberButton.gif

• 支持自定義加/減按鈕的標(biāo)題內(nèi)容搀罢、背景圖片;
• 支持設(shè)置邊框顏色;
• 支持使用鍵盤輸入;
• 支持長按加/減按鈕快速加減;
• 支持block回調(diào)與delegate(代理)回調(diào);
• 支持使用xib創(chuàng)建、直接在IB面板設(shè)置相關(guān)屬性;
• 支持設(shè)置maxValue(最大值)與minValue(最小值).
• 支持按鈕自定義為京東/淘寶樣式,餓了么/美團(tuán)外賣/百度外賣樣式;

Usage 使用方法

實(shí)例化方法

[[PPNumberButton alloc] init];:默認(rèn)的frame為CGRectMake(0, 0, 110, 30)
或
[[PPNumberButton alloc] initWithFrame:frame];
或
[PPNumberButton numberButtonWithFrame:frame];: 類方法創(chuàng)建

1.自定義加減按鈕文字標(biāo)題

  PPNumberButton *numberButton = [PPNumberButton numberButtonWithFrame:CGRectMake(100, 100, 110, 30)];
    // 開啟抖動(dòng)動(dòng)畫
    numberButton.shakeAnimation = YES;
    // 設(shè)置最小值
    numberButton.minValue = 2;
    // 設(shè)置最大值
    numberButton.maxValue = 10;
    // 設(shè)置輸入框中的字體大小
    numberButton.inputFieldFont = 23;
    numberButton.increaseTitle = @"＋";
    numberButton.decreaseTitle = @"－";
    
    numberButton.numberBlock = ^(NSString *num){
        NSLog(@"%@",num);
    };
    [self.view addSubview:numberButton];

2.邊框狀態(tài)

 PPNumberButton *numberButton = [PPNumberButton numberButtonWithFrame:CGRectMake(100, 160, 150, 30)];
    //設(shè)置邊框顏色
    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.餓了么,美團(tuán)外賣,百度外賣樣式

 PPNumberButton *numberButton = [PPNumberButton numberButtonWithFrame:CGRectMake(100, 280, 100, 30)];
    // 初始化時(shí)隱藏減按鈕
    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創(chuàng)建

在控制器界面拖入U(xiǎn)IView控件,在右側(cè)的設(shè)置欄中將class名修改為PPNumberButton,按回車就OK了.

示例圖1

注意!如果有的同學(xué)將控件拖線到代碼中,千萬不要忘記在拖線的代碼文件中導(dǎo)入"PPNumberButton.h"頭文件,否則會(huì)報(bào)錯(cuò)

可以在IB界面設(shè)置相關(guān)屬性

示例圖2