motion-xray 1.0.4

data/lib/motion-xray/z_editors/xray_boolean_editor.rb

@@ -0,0 +1,24 @@
+module Motion ; module Xray
+
+  class BooleanEditor < PropertyEditor
+
+    def edit_view(container_width)
+      return UIView.alloc.initWithFrame([[0, 0], [container_width, 27]]).tap do |view|
+        view << UILabel.alloc.initWithFrame([[0, 4.5], view.bounds.size]).tap do |lbl|
+          lbl.backgroundColor = :clear.uicolor
+          lbl.text = "#{@property}?"
+          lbl.font = :small.uifont
+        end
+        view << UISwitch.alloc.init.tap do |switch|
+          switch.frame = switch.frame.x(view.bounds.max_x - switch.frame.width)
+          switch.on = !!get_value
+          switch.on(:change) {
+            set_value(switch.on?)
+          }
+        end
+      end
+    end
+
+  end
+
+end end

data/lib/motion-xray/z_editors/xray_color_editor.rb

@@ -0,0 +1,119 @@
+module Motion ; module Xray
+
+  class ColorEditor < PropertyEditor
+    ColorEditorMargin = 20
+
+    def edit_view(container_width)
+      canvas_bounds = Xray.ui.bottom_half.frame
+      @color_editor_modal = UIView.alloc.initWithFrame(Xray.window.bounds).tap do |color_editor_modal|
+        close_editor_control = UIControl.alloc.initWithFrame(color_editor_modal.bounds)
+        close_editor_control.on :touch do
+          # touching outside
+          self.close_color_editor
+        end
+        color_editor_modal << close_editor_control
+
+        toolbar = XrayToolbar.alloc.initWithFrame(canvas_bounds.shrink(ColorEditorMargin).height(25).up(25))
+        toolbar.layer.cornerRadius = 3
+        color_editor_modal << toolbar
+        background = UIView.alloc.initWithFrame(canvas_bounds.shrink(ColorEditorMargin)).tap do |background|
+          background.layer.cornerRadius = 5
+          background.layer.borderWidth = 1
+          background.layer.borderColor = :dimgray.uicolor.cgcolor
+          background.backgroundColor = :black.uicolor
+        end
+        color_editor_modal << background
+
+        @color_names = UIScrollView.alloc.initWithFrame(background.bounds.shrink(10)).tap do |scroll|
+          typewriter = XrayTypewriterView.alloc.initWithFrame([[0, 0], scroll.frame.size])
+          typewriter.centered = true
+          typewriter.scroll_view = scroll
+          typewriter.spacing = [2, 2]
+          typewriter.margin = [2, 2, 2, 2]
+          typewriter.backgroundColor = :black.uicolor
+          Symbol.css_colors.each do |css_name, color|
+            button = UIButton.rounded
+            button.tintColor = color.uicolor
+            button.setTitle(css_name, forState: :normal.uicontrolstate)
+            button.setTitleColor(color.uicolor, forState: :normal.uicontrolstate)
+            button.sizeToFit
+            button.on :touch {
+              color = css_name.uicolor
+              color_did_change(color)
+              @color_sliders.color = color
+            }
+            typewriter << button
+          end
+          scroll << typewriter
+        end
+
+        @color_sliders = XrayColorSliders.alloc.initWithFrame(background.bounds.shrink(10))
+        @color_sliders.on :change {
+          color_did_change(@color_sliders.color)
+        }
+
+        toolbar.canvas = background
+        toolbar.add('RGB', @color_sliders)
+        toolbar.add('Named', @color_names)
+      end
+      @color_editor_modal.frame = @color_editor_modal.frame.right(Xray.app_bounds.width)
+      @color_editor_modal.fade_out
+
+      return UIView.alloc.initWithFrame([[0, 0], [container_width, 34]]).tap do |view|
+        color_size = CGSize.new(50, 24)
+        @color_picker = XrayColorSwatch.alloc.initWithFrame([[4, 4], color_size])
+        @color_picker.color = get_value
+        view << @color_picker
+
+        @color_picker.on :touch do
+          open_color_editor
+        end
+
+        label_x = color_size.width + 8
+        @label_view = UILabel.new.tap do |lbl|
+          lbl.frame = [[label_x, 5], [container_width - label_x, 18]]
+          lbl.font = :small.uifont
+          lbl.backgroundColor = :clear.uicolor
+          lbl.numberOfLines = 1
+        end
+        view << @label_view
+        update_views
+      end
+    end
+
+    def open_color_editor
+      @color_picker.userInteractionEnabled = false
+      # move it off screen before sliding it in
+      Xray.window << @color_editor_modal
+      @color_sliders.color = get_value || :clear.uicolor
+      @color_editor_modal.fade_in
+      @color_editor_modal.slide(:left) {
+        @color_picker.userInteractionEnabled = true
+      }
+    end
+
+    def close_color_editor
+      @color_picker.userInteractionEnabled = false
+      @color_editor_modal.fade_out
+      @color_editor_modal.slide(:left) {
+        @color_editor_modal.removeFromSuperview
+        # move it off screen, ready to move back in
+        @color_editor_modal.frame = @color_editor_modal.frame.x(Xray.app_bounds.width)
+        @color_picker.userInteractionEnabled = true
+      }
+    end
+
+    def update_views
+      color = get_value
+      @color_picker.color = color
+      @label_view.text = "#{@property}: #{color.inspect}"
+    end
+
+    def color_did_change(color)
+      set_value(color)
+      update_views
+    end
+
+  end
+
+end end

data/lib/motion-xray/z_editors/xray_frame_editor.rb

@@ -0,0 +1,108 @@
+module Motion ; module Xray
+
+  class FrameEditor < PropertyEditor
+
+    def edit_view(container_width)
+      return UIView.alloc.initWithFrame([[0, 0], [container_width, 80]]).tap do |view|
+        frame_view = UIView.alloc.initWithFrame([[4, 4], [92, 72]])
+        frame_view.clipsToBounds = true
+        frame_view.backgroundColor = :lightgray.uicolor
+        frame_view.layer.borderWidth = 1
+        frame_view.layer.borderColor = :gray.uicolor.cgcolor
+        frame_view.layer.cornerRadius = 5
+        view << frame_view
+
+        labels_view = UIView.alloc.initWithFrame([[3, 0], [24, frame_view.bounds.height]])
+        label = UILabel.new
+        label.frame = [[4, 0], [18, 72]]
+        label.text = "X:\nY:\nW:\nH:"
+        label.textAlignment = :right.uitextalignment
+        label.font = :small.uifont
+        label.backgroundColor = :clear.uicolor
+        label.numberOfLines = 4
+        labels_view << label
+        frame_view << labels_view
+
+        values_view = UIView.alloc.initWithFrame([[labels_view.frame.max_x, 0], [65, frame_view.bounds.height]])
+        values_view.backgroundColor = :white.uicolor
+        values_view.layer.borderWidth = 1
+        values_view.layer.borderColor = :gray.uicolor
+        @frame_label = UILabel.new
+        @frame_label.frame = [[8, 0], [52, 72]]
+        @frame_label.font = :small.uifont
+        @frame_label.backgroundColor = :clear.uicolor
+        @frame_label.numberOfLines = 0
+        values_view << @frame_label
+
+        update_frame
+        frame_view << values_view
+
+        origin_dpad = XrayDpad.alloc.initWithFrame([[100, 4], [72, 72]])
+        origin_dpad.add_listener(self, :change_origin)
+        view << origin_dpad
+
+        size_dpad = XrayDpad.alloc.initWithFrame([[176, 4], [72, 72]])
+        size_dpad.add_listener(self, :change_size)
+        view << size_dpad
+
+        @locked_button = XrayLockButton.alloc.init
+        @locked_button.frame = @locked_button.frame.x(252).y(27)
+        view << @locked_button
+      end
+    end
+
+    def update_frame
+      frame = get_value
+      @frame_label.text = "#{frame.origin.x}\n" +
+        "#{frame.origin.y}\n" +
+        "#{frame.size.width}\n" +
+        "#{frame.size.height}"
+    end
+
+    def change_origin(delta)
+      if @locked_button.lock_state == XrayLockButton::LockedState
+        return
+      end
+
+      if @locked_button.lock_state == XrayLockButton::LockedHorizontalState
+        delta.y = 0
+      end
+      if @locked_button.lock_state == XrayLockButton::LockedVerticalState
+        delta.x = 0
+      end
+
+      frame = get_value
+      frame.origin.x += delta.x
+      frame.origin.y += delta.y
+      set_value(frame)
+
+      update_frame
+    end
+
+    def change_size(delta)
+      if @locked_button.lock_state == XrayLockButton::LockedState
+        return
+      end
+
+      if @locked_button.lock_state == XrayLockButton::LockedHorizontalState
+        delta.y = 0
+      end
+      if @locked_button.lock_state == XrayLockButton::LockedVerticalState
+        delta.x = 0
+      end
+
+      frame = get_value
+      frame.size.width += delta.x
+      frame.size.height += delta.y
+      set_value(frame)
+
+      update_frame
+    end
+
+    def did_change?
+      ! CGRectEqualToRect(@original, @target.send(@property))
+    end
+
+  end
+
+end end

data/lib/motion-xray/z_editors/xray_image_editor.rb

@@ -0,0 +1,78 @@
+module Motion ; module Xray
+
+  class ImageEditor < PropertyEditor
+
+    def edit_view(container_width)
+      canvas_bounds = Xray.ui.bottom_half.frame
+      @editor_margin = 20
+      @editor_modal = UIView.alloc.initWithFrame(Xray.window.bounds).tap do |editor_modal|
+        close_editor_control = UIControl.alloc.initWithFrame(editor_modal.bounds)
+        close_editor_control.on :touch do
+          # touching outside
+          self.close_editor
+        end
+        editor_modal << close_editor_control
+
+        editor_modal << UIView.alloc.initWithFrame(canvas_bounds.shrink(@editor_margin)).tap do |background|
+          background.layer.cornerRadius = 5
+          background.layer.borderWidth = 1
+          background.layer.borderColor = :dimgray.uicolor.cgcolor
+          background.backgroundColor = :black.uicolor
+
+          @image_picker = ImagePicker.alloc.initWithFrame(background.bounds.shrink(10))
+          background << @image_picker
+          @image_picker.on :change {
+            image_did_change(@image_picker.image)
+          }
+        end
+      end
+      @editor_modal.frame = @editor_modal.frame.right(Xray.app_bounds.width)
+      @editor_modal.fade_out
+
+      return UIView.alloc.initWithFrame([[0, 0], [container_width, 34]]).tap do |view|
+        image_size = CGSize.new(50, 24)
+        @image_thumbnail = XrayColorSwatch.alloc.initWithFrame([[4, 4], image_size])
+        @image_thumbnail.image = get_value
+        view << @image_thumbnail
+
+        @image_thumbnail.on :touch do
+          open_editor
+        end
+
+        label_x = image_size.width + 8
+        label_view = UILabel.new
+        label_view.frame = [[label_x, 5], [container_width - label_x, 18]]
+        label_view.text = @property.to_s
+        label_view.font = :small.uifont
+        label_view.backgroundColor = :clear.uicolor
+        label_view.numberOfLines = 1
+        view << label_view
+      end
+    end
+
+    def open_editor
+      @image_thumbnail.userInteractionEnabled = false
+      # move it off screen before sliding it in
+      Xray.window << @editor_modal
+      @image_picker.image = get_value
+      @editor_modal.fade_in
+      @editor_modal.slide(:left) {
+        @image_thumbnail.userInteractionEnabled = true
+      }
+    end
+
+    def close_editor
+      @image_thumbnail.userInteractionEnabled = false
+      @editor_modal.fade_out
+      @editor_modal.slide(:left) {
+        @editor_modal.removeFromSuperview
+        # move it off screen, ready to move back in
+        @editor_modal.frame = @editor_modal.frame.x(Xray.app_bounds.width)
+        @image_thumbnail.userInteractionEnabled = true
+      }
+    end
+
+
+  end
+
+end end

data/lib/motion-xray/z_editors/xray_text_editor.rb

@@ -0,0 +1,94 @@
+module Motion ; module Xray
+
+  class TextEditor < PropertyEditor
+
+    def edit_view(container_width)
+      canvas_bounds = CGRect.new([0, 0], [Xray.ui.full_screen_width, Xray.ui.half_screen_height])
+      @text_editor_margin = 20
+      @text_editor_modal = UIView.alloc.initWithFrame(Xray.window.bounds).tap do |text_editor_modal|
+        text_editor_modal.backgroundColor = :black.uicolor(0.5)
+
+        close_editor_control = UIControl.alloc.initWithFrame(text_editor_modal.bounds)
+        close_editor_control.on :touch do
+          # touching outside
+          self.close_text_editor
+        end
+        text_editor_modal << close_editor_control
+
+        text_editor_modal << UIView.alloc.initWithFrame(canvas_bounds.shrink(@text_editor_margin)).tap do |background|
+          background.layer.cornerRadius = 5
+          background.layer.borderWidth = 1
+          background.layer.borderColor = :dimgray.uicolor.cgcolor
+          background.backgroundColor = :black.uicolor
+
+          @text_editor = UITextView.alloc.initWithFrame(background.bounds.shrink(10))
+          background << @text_editor
+        end
+      end
+      @text_editor_modal.frame = @text_editor_modal.frame.right(Xray.app_bounds.width)
+      @text_editor_modal.fade_out
+
+      return UIView.alloc.initWithFrame([[0, 0], [container_width, 77]]).tap do |view|
+        label_view = UILabel.new
+        label_view.frame = [[4, 5], [container_width - 8, 18]]
+        label_view.text = @property.to_s
+        label_view.font = :small.uifont
+        label_view.backgroundColor = :clear.uicolor
+        label_view.numberOfLines = 1
+        view << label_view
+
+        @open_text_button = UIButton.custom.tap do |button|
+          button.setImage('xray_edit_button'.uiimage, forState: :normal.uicontrolstate)
+          button.frame = view.bounds
+          button.sizeToFit
+          button.frame = button.frame.x(view.bounds.top_right.x - button.frame.width)
+          button.on :touch {
+            open_text_editor
+          }
+        end
+        view << @open_text_button
+
+        @text_view = UITextView.alloc.initWithFrame([[4, 23], [container_width, 54]]).tap do |text_view|
+          text_view.backgroundColor = :white.uicolor
+          text_view.editable = false
+          text_view.font = :small.uifont
+          text_view.layer.borderWidth = 1
+          text_view.layer.borderColor = :black.uicolor.cgcolor
+        end
+        view << @text_view
+        update_text
+      end
+
+    end
+
+    def update_text
+      @text_view.text = get_value
+    end
+
+    def open_text_editor
+      # move it off screen before sliding it in
+      @text_editor.text = get_value
+      Xray.window << @text_editor_modal
+      @text_editor.becomeFirstResponder
+      @text_editor_modal.fade_in
+      @text_editor_modal.slide(:left) {
+        @open_text_button.userInteractionEnabled = true
+      }
+    end
+
+    def close_text_editor
+      @text_editor.resignFirstResponder
+      @text_editor_modal.fade_out
+      @text_editor_modal.slide(:left) {
+        @text_editor_modal.removeFromSuperview
+        # move it off screen, ready to move back in
+        @text_editor_modal.frame = @text_editor_modal.frame.x(Xray.app_bounds.width)
+        @open_text_button.userInteractionEnabled = true
+        set_value(@text_editor.text)
+        update_text
+      }
+    end
+
+  end
+
+end end