easy-button 0.0.4

data/README.md

@@ -0,0 +1,54 @@
+# Easy Button for RubyMotion
+
+A nice looking button in RubyMotion that extends the UIButton class and adds a couple properties for easy styling.
+
+Just pass a single hex value to `backgroundColor` and get a nice gradient button with a shadow.
+
+You can also more easily set the `borderRadius`, `font`, `textColor`, and `title` for the button's label. Everything else works just like a UIButton!
+
+# Install
+
+I find it very easy to use Bundler to manage gems in RubyMotion.
+
+Rakefile
+
+```ruby
+$:.unshift("/Library/RubyMotion/lib")
+require 'motion/project'
+require 'bundler'
+Bundler.require
+
+Motion::Project::App.setup do |app|
+  # Use `rake config' to see complete project settings.
+  app.name = 'Testing'
+end
+```
+
+Gemfile
+
+```ruby
+source :rubygems
+
+gem 'easy-button', :git => 'git://github.com/brianpattison/easy-button.git'
+```
+
+Run `bundle install`.
+
+# Usage
+
+```ruby
+@button = EasyButton.alloc.initWithFrame([[10, 160], [300, 80]])
+@button.backgroundColor = '#ff0000'
+@button.borderRadius = 14
+@button.font = UIFont.boldSystemFontOfSize(26)
+@button.textColor = '#fff'
+@button.title = "That Was Easy!"
+```
+
+# Screenshot
+
+![Easy Button Screenshot](http://www.brianpattison.com/images/easy-button.png)
+
+# Thanks
+
+Thanks to [@seanlilmateus](https://github.com/seanlilmateus) for the inspiration and a bunch of code from [CoolButton](https://github.com/seanlilmateus/CoolButton)!

data/easy-button.gemspec

@@ -0,0 +1,12 @@
+Gem::Specification.new do |gem|
+  gem.authors       = ["Brian Pattison"]
+  gem.email         = ["brian@brianpattison.com"]
+  gem.description   = "A nice looking button in RubyMotion"
+  gem.summary       = "Extends to UIButton class and adds properties for easy styling."
+  gem.homepage      = "https://github.com/brianpattison/easy-button"
+
+  gem.files         = `git ls-files`.split($\)
+  gem.name          = "easy-button"
+  gem.require_paths = ["lib"]
+  gem.version       = '0.0.4'
+end

data/lib/easy-button.rb

@@ -0,0 +1,9 @@
+unless defined?(Motion::Project::Config)
+  raise "This file must be required within a RubyMotion project Rakefile."
+end
+
+Motion::Project::App.setup do |app|
+  Dir.glob(File.join(File.dirname(__FILE__), 'easy-button/*.rb')).each do |file|
+    app.files.unshift(file)
+  end
+end

data/lib/easy-button/easy-button.rb

@@ -0,0 +1,205 @@
+class EasyButton < UIButton
+  attr_accessor :borderRadius, :font, :textColor, :title
+  
+  def initWithFrame(frame)
+    if super
+      buttonSetup
+    end
+    self
+  end
+  
+  def initWithCoder(a_decoder)
+    if super
+      buttonSetup
+    end
+    self
+  end
+  
+  def buttonSetup
+    self.opaque = false
+    self.backgroundColor = UIColor.clearColor
+    self.backgroundColor = "#ff0000"
+    self.borderRadius = 10
+    self.font = UIFont.boldSystemFontOfSize(18)
+    self.textColor = '#fff'
+    titleLabel.shadowColor = UIColor.colorWithWhite(0, alpha:0.5);
+    titleLabel.shadowOffset = [0, -1]
+  end
+  
+  def backgroundColor=(value)
+    if value.is_a? String
+      rgb = rgbFromHex(value)
+      @backGroundColorRed = rgb[0]
+      @backGroundColorGreen = rgb[1]
+      @backGroundColorBlue = rgb[2]
+      @backgroundColorTop = UIColor.colorWithRed(@backGroundColorRed * 1.2, green:@backGroundColorGreen * 1.2, blue:@backGroundColorBlue * 1.2, alpha:1)
+      @backgroundColorBottom = UIColor.colorWithRed(@backGroundColorRed * 0.7, green:@backGroundColorGreen * 0.7, blue:@backGroundColorBlue * 0.7, alpha:1)
+    elsif value = UIColor.clearColor
+      super
+    else
+      @backgroundColorStart = value
+      @backgroundColorBottom = value
+    end
+    self.setNeedsDisplay
+  end
+  
+  def borderRadius=(value)
+    @borderRadius = value
+    self.setNeedsDisplay
+  end
+  
+  def textColor=(value)
+    @textColor = value
+    if value.is_a? String
+      red, green, blue = rgbFromHex(value)
+      titleLabel.textColor = UIColor.colorWithRed(red, green:green, blue:blue, alpha:1)
+    else
+      titleLabel.textColor = value
+    end
+  end
+  
+  def font=(value)
+    @font = value
+    titleLabel.setFont(@font)
+  end
+  
+  def title=(value)
+    @title = value
+    self.setTitle(@title, forState:UIControlStateNormal)
+  end
+  
+  def drawRect(rect)
+    super
+    context = UIGraphicsGetCurrentContext()
+    
+    if self.state == UIControlStateHighlighted && @backGroundColorRed && @backGroundColorGreen && @backGroundColorBlue
+      backgroundColorTop = UIColor.colorWithRed(@backGroundColorRed * 0.8, green:@backGroundColorGreen * 0.8, blue:@backGroundColorBlue * 0.8, alpha:1).CGColor
+    else
+      backgroundColorTop = @backgroundColorTop.CGColor
+    end
+    backgroundColorBottom = @backgroundColorBottom.CGColor
+    
+    outerMargin = 5
+    outerRect = CGRectInset(self.bounds, outerMargin, outerMargin)
+    outerPath = createRoundedRectForRect(outerRect, @borderRadius)
+    
+    highlightRect = CGRectInset(outerRect, 2, 3)
+    highlightPath = createRoundedRectForRect(highlightRect, @borderRadius - 1)
+    
+    # Draw Shadow When Not Pressed
+    unless self.state == UIControlStateHighlighted
+      CGContextSaveGState(context)
+      CGContextSetFillColorWithColor(context, backgroundColorTop)
+      CGContextSetShadowWithColor(context, CGSizeMake(0, 2), 3, UIColor.colorWithWhite(0, alpha:0.5).CGColor)
+      CGContextAddPath(context, outerPath)
+      CGContextFillPath(context)
+      CGContextRestoreGState(context)
+    end
+    
+    # Draw Button Gradient
+    CGContextSaveGState(context)
+    CGContextAddPath(context, outerPath)
+    CGContextClip(context)
+    drawLinearGradient(context, outerRect, backgroundColorTop, backgroundColorBottom)
+    CGContextRestoreGState(context)
+    
+    # Draw Highlight or Inner Shadow
+    CGContextSaveGState(context)
+    if self.state == UIControlStateHighlighted
+      CGContextSetLineWidth(context, 4)
+      CGContextAddPath(context, outerPath)
+      CGContextAddPath(context, highlightPath)
+      CGContextEOClip(context)
+      drawLinearGradient(context, outerRect, UIColor.colorWithWhite(0, alpha:0.12).CGColor, UIColor.colorWithWhite(0, alpha:0.03).CGColor)
+    else
+      CGContextSetLineWidth(context, 4)
+      CGContextAddPath(context, outerPath)
+      CGContextAddPath(context, highlightPath)
+      CGContextEOClip(context)
+      drawLinearGradient(context, outerRect, UIColor.colorWithWhite(1, alpha:0.2).CGColor, UIColor.colorWithWhite(1, alpha:0.02).CGColor)
+    end
+    CGContextRestoreGState(context)
+    
+    # Draw Button Border
+    CGContextSaveGState(context)
+    CGContextSetLineWidth(context, 1)
+    CGContextSetStrokeColorWithColor(context, UIColor.colorWithWhite(0, alpha:0.3).CGColor)
+    CGContextAddPath(context, outerPath)
+    CGContextStrokePath(context)
+    CGContextRestoreGState(context)
+    
+    # Move Title Label Down When Pressed
+    if self.state == UIControlStateHighlighted
+      titleLabel.transform = CGAffineTransformIdentity
+      titleLabel.transform = CGAffineTransformMakeTranslation(0, 1)
+    end
+  end
+  
+  def drawLinearGradient(context, rect, start_color, end_color)
+    color_space = CGColorSpaceCreateDeviceRGB()
+    locations = Pointer.new(:float, 2)
+    locations[1]  = 1.0
+    
+    colors = [start_color, end_color]
+    
+    gradient = CGGradientCreateWithColors(color_space, colors, locations)
+    
+    start_point = CGPointMake(CGRectGetMidX(rect), CGRectGetMinY(rect))
+    end_point = CGPointMake(CGRectGetMidX(rect), CGRectGetMaxY(rect))
+    
+    CGContextSaveGState(context)
+    CGContextAddRect(context, rect)
+    CGContextClip(context)
+    CGContextDrawLinearGradient(context, gradient, start_point, end_point, 0)
+    CGContextRestoreGState(context)    
+  end
+  
+  def createRoundedRectForRect(rect, radius)
+    path = CGPathCreateMutable()
+    CGPathMoveToPoint(path, nil, CGRectGetMidX(rect), CGRectGetMinY(rect))
+    CGPathAddArcToPoint(path, nil, CGRectGetMaxX(rect), CGRectGetMinY(rect), CGRectGetMaxX(rect), CGRectGetMaxY(rect), radius)
+    CGPathAddArcToPoint(path, nil, CGRectGetMaxX(rect), CGRectGetMaxY(rect), CGRectGetMinX(rect), CGRectGetMaxY(rect), radius)
+    CGPathAddArcToPoint(path, nil, CGRectGetMinX(rect), CGRectGetMaxY(rect), CGRectGetMinX(rect), CGRectGetMinY(rect), radius)
+    CGPathAddArcToPoint(path, nil, CGRectGetMinX(rect), CGRectGetMinY(rect), CGRectGetMaxX(rect), CGRectGetMinY(rect), radius)
+    CGPathCloseSubpath(path)    
+    path
+  end
+  
+  def rgbFromHex(hex)
+    hex = hex.gsub(%r{[#;]}, '')
+    case hex.size
+    when 3
+      hex.scan(%r{[0-9A-Fa-f]}).map { |el| (1.0 * (el * 2).to_i(16)) / 255 }
+    when 6
+      hex.scan(%r<[0-9A-Fa-f]{2}>).map { |el| (1.0 * el.to_i(16)) / 255 }
+    else
+      raise ArgumentError, 'Argument is not a valid hex code.'
+    end
+  end
+  
+  def hesitateUpdate
+    self.setNeedsDisplay
+  end
+  
+  def touchesBegan(touches, withEvent:the_event)
+    super
+    self.setNeedsDisplay
+  end
+  
+  def touchesMoved(touches, withEvent:the_event)
+    super
+    self.setNeedsDisplay
+  end
+  
+  def touchesCancelled(touches, withEvent:the_event)
+    super
+    self.setNeedsDisplay
+    self.performSelector(:hesitateUpdate, withObject:nil, afterDelay:0.1)
+  end
+  
+  def touchesEnded(touches, withEvent:the_event)
+    super
+    self.setNeedsDisplay
+    self.performSelector(:hesitateUpdate, withObject:nil, afterDelay:0.1)
+  end
+end

data/spec/easy_button_spec.rb

@@ -0,0 +1,47 @@
+describe EasyButton do
+  before do
+    @easyButton = EasyButton.alloc.initWithFrame([[0.0, 0.0], [10.0, 50.0]])
+  end
+
+  it "backgroundColor should be transparent" do
+    @easyButton.backgroundColor.should.equal UIColor.clearColor
+  end
+  
+  it "borderRadius should have a default value" do
+    @easyButton.borderRadius.should.equal 10
+  end
+  
+  it "font should have a default value" do
+    @easyButton.font.should.equal UIFont.boldSystemFontOfSize(18)
+  end
+  
+  it "titleLabel should have a default shadowColor" do
+    @easyButton.titleLabel.shadowColor.should.equal UIColor.colorWithWhite(0, alpha:0.5);
+  end
+  
+  it "titleLabel should have a default shadowOffset" do
+    @easyButton.titleLabel.shadowOffset.should.equal CGSizeMake(0, -1)
+  end
+  
+  it "titleLabel should have a default textColor" do
+    @easyButton.titleLabel.textColor.should.equal UIColor.colorWithRed(1, green:1, blue:1, alpha:1)
+  end
+  
+  it "titleLabel text should change with title" do
+    title = 'That Was Easy!'
+    @easyButton.title = title
+    @easyButton.titleLabel.text.should.equal title
+  end
+  
+  it "titleLabel font should change with font" do
+    font = UIFont.boldSystemFontOfSize(10)
+    @easyButton.font = font
+    @easyButton.titleLabel.font.should.equal font
+  end
+  
+  it "titleLabel textColor should change with textColor" do
+    textColor = '#000'
+    @easyButton.textColor = textColor
+    @easyButton.titleLabel.textColor.should.equal UIColor.colorWithRed(0, green:0, blue:0, alpha:1)
+  end
+end

metadata

@@ -0,0 +1,50 @@
+--- !ruby/object:Gem::Specification
+name: easy-button
+version: !ruby/object:Gem::Version
+  version: 0.0.4
+  prerelease: 
+platform: ruby
+authors:
+- Brian Pattison
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-06-07 00:00:00.000000000Z
+dependencies: []
+description: A nice looking button in RubyMotion
+email:
+- brian@brianpattison.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- easy-button.gemspec
+- lib/easy-button.rb
+- lib/easy-button/easy-button.rb
+- spec/easy_button_spec.rb
+homepage: https://github.com/brianpattison/easy-button
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.6
+signing_key: 
+specification_version: 3
+summary: Extends to UIButton class and adds properties for easy styling.
+test_files: []