仿京東淘寶商品數量的加減按鈕 Swift 版,可定制程度高

仿京東淘寶購物車商品的加減按鈕的Swift版本,可定制程度較高, 使用簡單

1

Requirements 要求

iOS 8+

Xcode 7.3.1+

Installation 安裝1.手動安裝:

下載DEMO后,將PPNumberButtonSwift子文件夾拖入到項目中, 就可以直接使用,不用import任何東西.

2.CocoaPods安裝:

first pod 'PPNumberButtonSwift', '~> 0.1.0' then pod install或pod install --no-repo-update

如果發現pod search PPNumberButtonSwift 不是最新版本，在終端執行pod setup命令更新本地spec鏡像緩存(時間可能有點長),重新搜索就OK了

Usage 使用方法

1.默認樣式

let numberButton = PPNumberButtonSwift.init(frame: CGRect(x: 100, y: 100, width: 110, height: 30))
//開啟抖動動畫
numberButton.shakeAnimation(true)
//加減按鈕的閉包回調
numberButton.numberResult { (number) in
    print(number)
}

view.addSubview(numberButton)

2.邊框樣式

let numberButton = PPNumberButtonSwift.init(frame: CGRect(x: 100, y: 160, width: 200, height: 30))

//設置邊框顏色
numberButton.borderColor(UIColor.grayColor())
//加減按鈕的閉包回調
numberButton.numberResult { (number) in
    print(number)
}

view.addSubview(numberButton)

3.自定義加減按鈕的標題

let numberButton = PPNumberButtonSwift.init(frame: CGRect(x: 100, y: 220, width: 150, height: 44))
//設置加減按鈕的標題
numberButton.setTitle(decreaseTitle: "加", increaseTitle: "減")
//設置加減按鈕標題的字體大小
numberButton.buttonTitleFont(UIFont.systemFontOfSize(15))
//開啟抖動動畫
numberButton.shakeAnimation(true)
//加減按鈕的閉包回調
numberButton.numberResult { (number) in
    print(number)
}

view.addSubview(numberButton)

4.自定義加減按鈕的背景圖片

let numberButton = PPNumberButtonSwift.init(frame: CGRect(x: 100, y: 300, width: 100, height: 30))

//設置加減按鈕的自定義圖片
numberButton.setImage(decreaseImage: UIImage.init(named: "decrease_highlight")!, increaseImage: UIImage.init(named: "timeline_relationship_icon_addattention-1")!)
//開啟抖動動畫
numberButton.shakeAnimation(true)
//加減按鈕的閉包回調
numberButton.numberResult { (number) in
    print(number)
}

view.addSubview(numberButton)

注: 加減號按鈕的標題和背景圖片只能設置其中一個,若全部設置,則以最后設置的類型為準使用xib創建

在控制器界面拖入UIView控件,在右側的設置欄中將class名修改為PPNumberButtonSwift(下面的效果圖是OC版本的,記住要填 ：PPNumberButtonSwift),按回車就OK了.

來自：http://www.jianshu.com/p/97d4249bbb9a