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

PPNumberButton (Objective-C版本)

PPNumberButtonSwift (swift版本)

因為之前的項目中需要,在網(wǎng)上找了好多都不符合要求,最后干脆自己擼了一個,現(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 使用方法

實例化方法

[[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)];
    // 開啟抖動動畫
    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)];
    // 初始化時隱藏減按鈕
    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)建

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

示例圖1

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

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

示例圖2