iOS中一款高度可定製性商品計數按鈕(京東/淘寶/餓了麼/美團外賣/百度外賣樣式)

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

PPNumberButton (Objective-C版本)

PPNumberButtonSwift (swift版本)

由於以前的項目中須要,在網上找了好多都不符合要求,最後乾脆本身擼了一個,如今分享出來,但願能幫到有須要的人。

• 支持自定義加/減按鈕的標題內容、背景圖片;
• 支持設置邊框顏色;
• 支持使用鍵盤輸入;
• 支持長按加/減按鈕快速加減;
• 支持block回調與delegate(代理)回調;
• 支持使用xib建立、直接在IB面板設置相關屬性;
• 支持設置maxValue(最大值)與minValue(最小值).

• 支持按鈕自定義爲京東/淘寶樣式,餓了麼/美團外賣/百度外賣樣式;

  

  PPNumberButton.gif

Usage 使用方法

1、使用代碼建立

[[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];複製代碼

2、使用xib建立

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

示例圖1

注意!若是有的同窗將控件拖線到代碼中,千萬不要忘記在拖線的代碼文件中導入"PPNumberButton.h"頭文件,不然會報錯

能夠在IB界面設置相關屬性

示例圖2

由於以前的項目中須要,在網上找了好多都不符合要求,乾脆本身花了點時間擼了一個,如今分享出來,但願能幫到有須要的人。若是你以爲不錯,但願點個Star鼓勵一下

你的Star是我持續更新的動力!