仿京东淘宝商品数量的加减按钮 Swift 版,可定制程度高

tomosabc1 5年前
   <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>