shoes 4.0.0.pre11 → 4.0.0.pre12

data/samples/simple_curve.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+#
+# based on the cairo curve_to example
+# http://www.cairographics.org/samples/curve_to/
+#
+Shoes.app do
+  x = 25.6
+  y = 128.0
+
+  x1 = 102.4
+  y1 = 230.4
+
+  x2 = 153.6
+  y2 = 25.6
+
+  x3 = 230.4
+  y3 = 128.0
+
+  nofill
+  strokewidth 10.0
+  shape do
+    move_to x, y
+    curve_to x1, y1, x2, y2, x3, y3
+  end
+
+  strokewidth 6.0
+  stroke rgb(1.0, 0.2, 0.2, 0.6)
+  shape do
+    move_to x, y
+    line_to x1, y1
+    move_to x2, y2
+    line_to x3, y3
+  end
+end

data/samples/simple_dialogs.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+Shoes.app width: 300, height: 150, margin: 10 do
+  def answer(v)
+    @answer.replace v.inspect
+  end
+
+  button "Alert" do
+    alert 'Just a simple alert'
+  end
+  button "Ask" do
+    answer ask("What is your name?")
+  end
+  button "Confirm" do
+    answer confirm("Would you like to proceed?")
+  end
+  button "Open File..." do
+    answer ask_open_file
+  end
+  button "Save File..." do
+    answer ask_save_file
+  end
+  button "Open Folder..." do
+    answer ask_open_folder
+  end
+  button "Save Folder..." do
+    answer ask_save_folder
+  end
+  button "Color" do
+    answer ask_color("Pick a Color")
+  end
+
+  @answer = para "Answers appear here"
+end

data/samples/simple_dialogs_outside.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+# testing dialog options inside and outside of Shoes.app.
+# Quite annoying, I know.
+
+alert 'This alert should pop up before you even see a window!'
+if confirm 'Do you really want to see that window?'
+  Shoes.app do
+    button 'alert' do
+      alert 'You pressed a button.'
+    end
+    button 'confirm' do
+      confirm 'You sure?'
+    end
+  end
+else
+  alert 'Ok :-( goodbye.'
+end

data/samples/simple_displace.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+Shoes.app do
+  # Shoes 3 doesn't support button.text
+  position_report = ->(button, button_text) { @position_report.replace "#{button_text}: (#{button.left}, #{button.top})" }
+  flow margin: 12 do
+    # Set up three buttons
+    button "One", click: proc { |button| position_report.call(button, "One") }
+    @two = button "Two", click: proc { |button| position_report.call(button, "Two") }
+    button "Three", click: proc { |button| position_report.call(button, "Three") }
+    @position_report = para ''
+    # Bounce the second button
+    animate do |i|
+      @two.displace(0, (Math.sin(i) * 6).to_i)
+    end
+  end
+end

data/samples/simple_downloader.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+Shoes.app do
+  background "#eee"
+  @list = stack do
+    para "Enter a URL to download:", margin: [10, 8, 10, 0]
+    flow margin: 10 do
+      @url = edit_line width: -120
+      button "Download", width: 120 do
+        @list.append do
+          stack do
+            background "#eee".."#ccd"
+            stack margin: 10 do
+              dl = nil
+              para @url.text, " [", link("cancel") { dl.abort }, "]", margin: 0
+              status = inscription "Beginning transfer.", margin: 0
+              p = progress width: 1.0, height: 14
+              dl = download @url.text, save: File.basename(@url.text),
+                                       progress: proc { |d|
+                                         status.text = "Transferred #{d.transferred} of #{d.length} bytes (#{d.percent}%)"
+                                         p.fraction = d.percent * 0.01
+                                       },
+                                       finish: proc { status.text = "Download completed" }
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/samples/simple_draw.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+Shoes.app do
+  background "#999"
+  stroke "#000"
+  x = nil
+  y = nil
+  motion do |x2, y2|
+    if x && y && ((x != x2) || (y != y2))
+      append do
+        line x, y, x2, y2
+      end
+    end
+    x = x2
+    y = y2
+  end
+end

data/samples/simple_editor.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+str = ""
+t = nil
+Shoes.app height: 500, width: 450 do
+  background rgb(77, 77, 77)
+  stack margin: 10 do
+    para span("TEXT EDITOR", stroke: red, fill: white), " * USE ALT-Q TO QUIT", stroke: white
+  end
+  stack margin: 10 do
+    t = para "", font: "Monospace 12px", stroke: white
+    t.cursor = -1
+  end
+  keypress do |k|
+    case k
+    when String
+      str += k
+    when :backspace
+      str.slice!(-1)
+    when :tab
+      str += "  "
+    when :alt_q
+      quit
+    when :alt_c
+      self.clipboard = str
+    when :alt_v
+      str += clipboard
+    end
+    t.replace str
+  end
+end

data/samples/simple_face.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+#
+# Smiling face by Coraline Clark (age 5), 2013
+#
+Shoes.app do
+  stack margin_top: 150, width: 1.0, height: 1.0 do
+    @oval  = oval 200, 1, 200, 200, fill: mintcream
+    @hair  = star 120, -80, 80, 80
+    @eye1  = star 290, 48, 10,  10, 6
+    @eye2  = star 320, 48, 10,  10, 6
+    @mouth = oval 310, 120, 70, 40, fill: red
+    @nose  = line 310, 80, 340, 110
+    @line  = line 310, 140, 380, 140
+  end
+end

data/samples/simple_flashing.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+Shoes.app width: 300, height: 300 do
+  COLORS = Shoes::COLORS
+  background cadetblue
+  r = rect 100, 10, 100, 100, fill: red, strokewidth: 5, curve: 10, stroke: pink do
+    alert 'Yay!'
+  end
+  o = oval 100, 110, 100, fill: green, strokewidth: 10, stroke: white
+  para 'Shoes 4!!!!!!', left: 100, top: 70
+
+  size = COLORS.keys.size
+  j = 0
+  a = animate 1 do |i|
+    unless j == i
+      r.style fill: send(COLORS.keys[rand size]), stroke: send(COLORS.keys[rand size])
+      o.style fill: send(COLORS.keys[rand size]), stroke: send(COLORS.keys[rand size])
+      j = i
+    end
+  end
+
+  button('pause') { a.toggle }
+end

data/samples/simple_flow_wrap.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+Shoes.app width: 200 do
+  flow margin: 12, fill: red do
+    background red
+    # Set up three buttons
+    button "button 1"
+    button "button 2"
+    button "button 3"
+    button "button 4"
+    button "button 5"
+  end
+end

data/samples/simple_font.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+Shoes.app height: 200 do
+  font File.join(Shoes::DIR, 'fonts/Coolvetica.ttf')
+  stack do
+    flow do
+      title 'Good Question'
+      para 'Arial (default)', left: 400, top: 20
+    end
+    flow do
+      title 'Cool Question', font: 'Coolvetica'
+      para 'Coolvetica', left: 400, top: 20
+    end
+    flow do
+      title 'Lucid Question', font: 'Lucida console'
+      para 'Lucida Console', left: 400, top: 20
+    end
+  end
+end

data/samples/simple_form.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+Shoes.app width: 320, height: 420 do
+  static_dir = File.expand_path(File.join(__FILE__, ".."))
+  background File.join(static_dir, "menu-gray.png")
+  image File.join(static_dir, "menu-top.png"), height: 50
+  image File.join(static_dir, "menu-left.png"), top: 50, width: 55
+  image File.join(static_dir, "menu-right.png"), right: 0, top: 50, width: 55
+  image File.join(static_dir, "menu-corner1.png"), top: 0, left: 0
+  image File.join(static_dir, "menu-corner2.png"), right: 0, top: 0
+
+  stack margin: 40 do
+    stack margin: 10 do
+      para "Name"
+      @name = list_box items: ["Phyllis", "Ronald", "Wyatt"]
+    end
+    stack margin: 10 do
+      para "Address"
+      @address = edit_line
+    end
+    stack margin: 10 do
+      para "Phone"
+      @phone = edit_line
+    end
+    stack margin: 10 do
+      button "Save" do
+        Shoes.p [@name.text, @address.text, @phone.text]
+      end
+    end
+  end
+end

data/samples/simple_fullscreen.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+Shoes.app do
+  button('fullscreen') { self.fullscreen = true }
+  button('turn back')  { self.fullscreen = false }
+end

data/samples/simple_gradient_shapes.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+Shoes.app do
+  strokewidth 3
+  eles = []
+  eles << oval(0, 0, 600, angle: 90)
+  eles << rect(50, 50, 350, 350, curve: 10)
+  eles << star(100, 100, 30, 200, 180)
+  eles << shape(200, 150, width: 300, height: 300) do
+    move_to 200, 200
+    line_to 200, 100
+    curve_to 100, 100, 20, 200, 50, 150
+    line_to 20, 100
+  end
+  eles << line(100, 100, 480, 480)
+
+  button 'change colors' do
+    eles.each do |ele|
+      colors = []
+      4.times { colors << send(Shoes::COLORS.keys[rand(Shoes::COLORS.keys.size)]) }
+      ele.style fill: gradient(colors[0], colors[1]), stroke: gradient(colors[2], colors[3])
+    end
+  end
+end

data/samples/simple_guess_game.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+class Answer < Shoes::Widget
+  attr_reader :mark
+
+  def initialize_widget(word)
+    mark = nil
+    flow do
+      flow(width: 70, height: 20) { para word }
+      mark = image(File.expand_path(File.join(__FILE__, '../loogink.png')), width: 20, height: 20).hide
+    end
+    @mark = mark
+  end
+end
+
+Shoes.app width: 200, height: 85 do
+  stack width: 0.5, height: 1.0 do
+    background palegreen
+    para '1. apple'
+    ans = answer '2. tomato'
+    para '3. orange'
+    button('Ans.') { ans.mark.toggle }
+  end
+  stack width: 0.5, height: 1.0 do
+    background lightsteelblue
+    para '1. cat'
+    para '2. dog'
+    ans = answer '3. bird'
+    button('Ans.') { ans.mark.toggle }
+  end
+end

data/samples/simple_image_as_stroke.rb

@@ -0,0 +1,22 @@
+
+# frozen_string_literal: true
+Shoes.app width: 400, height: 400 do
+  cap [:rect, :curve, :project][rand 3]
+  background yellow
+  rect 0, 0, 100, 100
+  rect 100, 100, 100, 100
+  rect 200, 200, 100, 100
+  rect 0, 200, 100, 100
+  rect 200, 0, 100, 100
+  stroke File.join(Shoes::DIR, 'static/shoes-icon.png')
+  strokewidth 10
+  line 355, 180, 5, 111, strokewidth: 20
+  stroke red
+  line 0, 0, 100, 0
+  line 0, 100, 0, 0
+  line 300, 200, 200, 200
+  line 100, 200, 200, 100
+  stroke white
+  line 200, 200, 200, 300
+  line 300, 200, 200, 100
+end

data/samples/simple_image_fill.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+Shoes.app do
+  blue_box = File.expand_path(File.join(__FILE__, '../blue-box.png'))
+
+  rect 50, 50, 150, 150, strokewidth: 5, fill: pattern(blue_box)
+  rect 70, 70, 150, 150, strokewidth: 5, fill: pattern(blue_box)
+
+  oval 300, 50, 200, 200, strokewidth: 5, fill: pattern(blue_box)
+  oval 320, 70, 200, 200, strokewidth: 5, fill: pattern(blue_box)
+
+  star 120, 250, 17, 100, 50, strokewidth: 5, fill: pattern(blue_box)
+  star 160, 290, 17, 100, 50, strokewidth: 5, fill: pattern(blue_box)
+end

data/samples/simple_image_stroke.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+Shoes.app do
+  red_box = File.expand_path(File.join(__FILE__, '../red-box.png'))
+
+  rect 50, 50, 150, 150, strokewidth: 10, fill: gray, stroke: pattern(red_box)
+  rect 120, 70, 150, 150, strokewidth: 10, fill: gray, stroke: pattern(red_box)
+
+  oval 300, 50, 200, 200, strokewidth: 10, fill: gray, stroke: pattern(red_box)
+  oval 350, 70, 200, 200, strokewidth: 10, fill: gray, stroke: pattern(red_box)
+
+  star 120, 250, 17, 100, 50, strokewidth: 5, fill: gray, stroke: pattern(red_box)
+  star 160, 290, 17, 100, 50, strokewidth: 5, fill: gray, stroke: pattern(red_box)
+end

data/samples/simple_info.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+Shoes.app do
+  stack do
+    # para DIR              # Not support. https://github.com/shoes/shoes4/issues/105
+    para Shoes::DIR
+    # para Shoes::App::DIR  # Not support. https://github.com/shoes/shoes4/issues/105
+    para self.class
+    para Shoes.app {}.class
+  end
+end

data/samples/simple_iterated_content.rb

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+Shoes.app do
+  10.times do |i|
+    button "hello#{i}"
+    image File.join(Shoes::DIR, 'static/shoes-icon.png')
+    edit_line
+  end
+end

data/samples/simple_keypress.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+Shoes.app do
+  s = stack do
+    title 'come on press some keys'
+  end
+
+  keypress do |key|
+    s.append { para 'You pressed ' + key.to_s }
+    p key
+  end
+  keyrelease do |key|
+    s.append { para 'You released ' + key.to_s }
+    p key
+  end
+end