仿京东淘宝商品数量的加减按钮 Swift 版,可定制程度高
tomosabc1
8年前
<p>仿京东淘宝购物车商品的加减按钮的Swift版本,可定制程度较高, 使用简单</p> <p style="text-align:center"><img src="https://simg.open-open.com/show/05465796e563249742acf8f7bd4f3257.gif"></p> <p style="text-align:center">1</p> <p>Requirements 要求</p> <p>iOS 8+</p> <p>Xcode 7.3.1+</p> <p>Installation 安装1.手动安装:</p> <p>下载DEMO后,将PPNumberButtonSwift子文件夹拖入到项目中, 就可以直接使用,不用import任何东西.</p> <p>2.CocoaPods安装:</p> <p>first pod 'PPNumberButtonSwift', '~> 0.1.0' then pod install或pod install --no-repo-update</p> <p>如果发现pod search PPNumberButtonSwift 不是最新版本,在终端执行pod setup命令更新本地spec镜像缓存(时间可能有点长),重新搜索就OK了</p> <p>Usage 使用方法</p> <h3><strong>1.默认样式</strong></h3> <pre> <code class="language-swift">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)</code></pre> <h3><strong>2.边框样式</strong></h3> <pre> <code class="language-swift">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)</code></pre> <h3><strong>3.自定义加减按钮的标题</strong></h3> <pre> <code class="language-swift">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)</code></pre> <h3><strong>4.自定义加减按钮的背景图片</strong></h3> <pre> <code class="language-swift">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)</code></pre> <p>注: 加减号按钮的标题和背景图片只能设置其中一个,若全部设置,则以最后设置的类型为准使用xib创建</p> <p>在控制器界面拖入UIView控件,在右侧的设置栏中将class名修改为PPNumberButtonSwift(下面的效果图是OC版本的,记住要填 :PPNumberButtonSwift),按回车就OK了.</p> <p> </p> <p> </p> <p>来自:http://www.jianshu.com/p/97d4249bbb9a</p> <p> </p>