motion-ipkeyboard 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b4949a0af228eb1b7c07d11330bd2497f624ab7e
-  data.tar.gz: cb48cbfd1a54d26e8264ed201dd5fc0964de10a7
+  metadata.gz: 16debd0148e6df1c6a68d7a85a35e1e09b982637
+  data.tar.gz: 3bf895763f884c60385bd5ace7bcba28f2965fa9
 SHA512:
-  metadata.gz: 268c64055813f55d76d92a3f7d186bc56e71682d4054f2d40fc38467a72160c87e890356c1ccaf58c86196f099412da892ffa07d35fdf7f9aa1c2842de7ae57b
-  data.tar.gz: dd0358f1207550ab4a114ed177e3039c3430e94cad73fd1640daf98c1639328109c058d41d49c76bf36e872b48e603227bac40ad997fe2edc04e5fcb9643bdef
+  metadata.gz: bce6b1beb7a1e3370854a1a8fc1515f519c34657dfa1f3173632f556561c78dbb97f4a50d09c6b2340f1a7f459fc74160f8246be45ba00bb26483197ce4c8451
+  data.tar.gz: 0c0f0be38a6702b0454325cfca4c47c297ad5fdb825123d67c26265ce9b013e0a2f4335c1bdb01b3898aba143de5b818c0cf093864154a435903329d1ed319ae

data/README.md

@@ -0,0 +1,53 @@
+#motion-ipkeyboard
+
+A simple custom keyboard meant for typing ip addresses.
+
+## Installing
+
+### With Bundler
+
+1. Add motion-ipkeyboard gem to your Gemfile
+```ruby
+gem 'motion-ipkeyboard'
+```
+
+2. ```$ bundle install```
+
+### Without Bundler
+
+  1. install the motion-ipkeyboard gem
+    ```$ gem install motion-ipkeyboard```
+  2. add to your RubyMotion app Rakefile:
+
+    ```ruby
+    require 'rubygems'
+    require 'motion-ipkeyboard'
+    ```
+
+## Usage
+
+```ruby
+    # IPv6 keyboard
+    ipv6_input_field = UITextField.alloc.initWithFrame(CGRectMake(10, 100, 300, 45))
+    ipv6_input_field.setBackgroundColor(UIColor.whiteColor)
+    ipv6_input_field.inputView = RMIPKeyboard::Keyboard.alloc.initWithTextFieldAndLayout(ipv6_input_field,"ipv6")
+    ipv6_input_field.setDelegate(self)
+    self.view.addSubview(ipv6_input_field)
+
+    # IPv4 keyboard
+    ipv4_input_field = UITextField.alloc.initWithFrame(CGRectMake(10, 50, 300, 45))
+    ipv4_input_field.setBackgroundColor(UIColor.whiteColor)
+    ipv4_input_field.inputView = RMIPKeyboard::Keyboard.alloc.initWithTextFieldAndLayout(ipv4_input_field,"ipv4")
+    ipv4_input_field.setDelegate(self)
+    self.view.addSubview(ipv4_input_field)
+```
+
+## Screenshots
+
+|IPv6|IPv4|
+|---|---|
+|![IPv6](ipkeyboard-ipv6@2x.png)|![IPv4](ipkeyboard-ipv4@2x.png)|
+
+## Thanks
+
+The keyboard implementation is basicaly a translation of [doofyus/HexKeyboard](https://github.com/doofyus/HexKeyboard) to RubyMotion.

data/lib/RMIPKeyboard/RMIPKeyboard.rb

@@ -1,120 +1,117 @@
 module RMIPKeyboard
   class Keyboard < UIView
-    HEX_KEYBOARD_HEIGHT = 305
-    DEC_KEYBOARD_HEIGHT = 205
-    SGRAYCOLOUR = UIColor.lightTextColor
 
     def initWithTextFieldAndLayout(textField, klayout="ipv6")
+      
+      define_constants
+      calc_sizes(klayout)
+      
+      self.initWithFrame(CGRectMake(0.0, 0.0, @screen_width, @keyboardHeight))
+
+      @textField = WeakRef.new(textField)
+      self.backgroundColor = @bg_color
+      self.createButtons
+      self
+    end
+    
+    def define_constants
+      @bg_color = UIColor.lightGrayColor
+      @text_color = UIColor.lightTextColor
+      @screen_width = UIScreen.mainScreen.bounds.size.width
+      @screen_height = UIScreen.mainScreen.bounds.size.height
+    end
+    
+    def calc_sizes(klayout)
+      
       if klayout == "ipv6"
-        @keyboardHeight = HEX_KEYBOARD_HEIGHT
+        @key_height = 49
         @numrows = 6.0
         @dividerChar = ":"
-        @numberOfKeys = 15 # minus one
+        @numberOfKeys = 18
       else
-        @keyboardHeight = DEC_KEYBOARD_HEIGHT
+        @key_height = 54
         @numrows = 4.0
         @dividerChar = "."
-        @numberOfKeys = 9 # minus one
+        @numberOfKeys = 12
+        @first_origin        
       end
-
-      self.initWithFrame(CGRectMake(0.0, 0.0, 320.0, @keyboardHeight))
-
-      @textField = WeakRef.new(textField)
-      self.backgroundColor = UIColor.lightGrayColor
-      self.createButtons
-
-      self
+      
+      @keyboardHeight = @key_height * @numrows
+      @key_width  = @screen_width / 3.0
+      @rect = CGRectMake(0.0, 0.0, @key_width, @key_height)    
     end
 
     def createButtons
-      rect = CGRectMake(0.0, 0.0, ((self.bounds.size.width / 3.0) + 0.3).floor, (((@keyboardHeight - 5.0) / @numrows) + 0.3))
-
-      # Makes the numerical buttons
       (1..@numberOfKeys).each do |num|
-        rect.origin = self.buttonOriginPointForNumber(num)
-
-        self.makeButtonWithRect(rect,self.buttonTitleForNumber(num),false)
+        @rect.origin = self.buttonOriginPointForNumber(num)
+        self.makeButtonWithRect(@rect,num,false)
       end
-      # Makes the ':' button
-      rect.origin = self.buttonOriginPointForNumber(@numberOfKeys + 1)
-
-      self.makeButtonWithRect(rect,@dividerChar,true)
-
-      # Makes the '0' button
-      rect.origin = self.buttonOriginPointForNumber(@numberOfKeys + 2)
-
-      self.makeButtonWithRect(rect,"0",false)
-
-      # Makes the 'delete' button
-      rect.origin = self.buttonOriginPointForNumber(@numberOfKeys + 3)
-
-      button = UIButton.alloc.initWithFrame(rect)
-      button.tag = @numberOfKeys + 3
-      button.backgroundColor = SGRAYCOLOUR
-      button.setImage(UIImage.imageNamed("deleteButton"), forState:UIControlStateNormal)
-      button.addTarget(self, action:"changeButtonBackgroundColourForHighlight:", forControlEvents:(UIControlEventTouchDown|UIControlEventTouchDragEnter|UIControlEventTouchDragExit))
-      button.addTarget(self, action:"changeTextFieldText:", forControlEvents:UIControlEventTouchUpInside)
-
-      self.addSubview(button)
     end
 
-    def makeButtonWithRect(rect, title, grayBackground)
+    def makeButtonWithRect(rect, num, grayBackground)
       button = UIButton.buttonWithType(UIButtonTypeCustom)
       button.frame = rect
       fontSize = 25.0
 
-      unless  NSCharacterSet.decimalDigitCharacterSet.isSupersetOfSet(NSCharacterSet.characterSetWithCharactersInString(title))
-        fontSize = 20.0
+      button.backgroundColor = grayBackground ? @text_color : UIColor.whiteColor
+      
+      if num != @numberOfKeys
+        button.titleLabel.font = UIFont.systemFontOfSize(fontSize)
+        button.setTitleColor(UIColor.darkTextColor, forState:UIControlStateNormal)
+        button.setTitle(buttonTitleForNumber(num), forState:UIControlStateNormal)
+      else
+        #button.backgroundColor = @text_color
+        button.setImage(UIImage.imageNamed("deleteButton"), forState:UIControlStateNormal)
+        button.setAccessibilityLabel("delete")
       end
-
-      button.backgroundColor = grayBackground ? SGRAYCOLOUR : UIColor.whiteColor
-      #button.backgroundColor = grayBackground ? UIColor.lightTextColor : UIColor.whiteColor
-      button.titleLabel.font = UIFont.systemFontOfSize(fontSize)
-      button.setTitleColor(UIColor.darkTextColor, forState:UIControlStateNormal)
-      button.setTitle(title, forState:UIControlStateNormal)
+      
+      if num == @numberOfKeys || num == (@numberOfKeys - 2)
+        button.backgroundColor = @text_color
+      end
+      
+      button.tag = num
       button.addTarget(self, action:"changeButtonBackgroundColourForHighlight:", forControlEvents: (UIControlEventTouchDown|UIControlEventTouchDragEnter|UIControlEventTouchDragExit))
       button.addTarget(self, action:"changeTextFieldText:", forControlEvents: UIControlEventTouchUpInside)
-
+      
       self.addSubview(button)
     end
 
     def buttonTitleForNumber(num)
       str = num.to_s
-      if num <= 15
-        if num >= 10
-          str = ["A", "B", "C", "D", "E", "F"][num - 10]
-        end
-      else
-        str = "F#%K"
+      
+      if num > 9 && @numberOfKeys == 18
+        str = ["a", "b", "c", "d", "e", "f",@dividerChar,"0","del"][num - 10]
+      elsif num > 9
+        str = [@dividerChar,"0","del"][num - 10]
       end
       str
     end
-
+    
     def buttonOriginPointForNumber(num)
       point = CGPointMake(0.0,0.0)
-
+    
       if (num % 3) == 2 # 2nd button in the row
-        point.x = (self.bounds.size.width / 3.0).ceil
+        point.x = @key_width.ceil
       elsif (num % 3) == 0 # 3rd button in the row
-        point.x = (self.bounds.size.width / 3.0 * 2.0).ceil
+        point.x = (@key_width * 2.0).ceil
       end
-
+    
       if num > 3 # The row multiplied by row's height
-        point.y = ((num - 1) / 3.0).floor * (@keyboardHeight / @numrows)
+        point.y = ((num - 1) / 3.0).floor * (@key_height + 0.5)
       end
       point
     end
 
     def changeButtonBackgroundColourForHighlight(button)
-      if button.backgroundColor == SGRAYCOLOUR
+      if button.backgroundColor == @text_color
          button.backgroundColor = UIColor.whiteColor
       else
-         button.backgroundColor = SGRAYCOLOUR
+         button.backgroundColor = @text_color
       end
     end
 
     def changeTextFieldText(button)
-      if button.tag == @numberOfKeys + 3
+      if button.tag == @numberOfKeys # Last key
         @textField.text = "#{@textField.text.chop}"
       else
         @textField.text = "#{@textField.text}#{button.titleLabel.text}"
@@ -123,4 +120,4 @@ module RMIPKeyboard
     end
 
   end
-end
+end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: motion-ipkeyboard
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
 - Diogo André
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-02-19 00:00:00.000000000 Z
+date: 2014-08-12 00:00:00.000000000 Z
 dependencies: []
 description: Custom iPhone keyboard. Made for iOS7
 email: diogo@regattapix.com