glimmer-dsl-swt 4.19.0.1 → 4.20.0.3

data/samples/hello/hello_composite.rb

@@ -0,0 +1,71 @@
+# Copyright (c) 2007-2021 Andy Maleh
+#
+# Permission is hereby granted, free of charge, to any person obtaining
+# a copy of this software and associated documentation files (the
+# "Software"), to deal in the Software without restriction, including
+# without limitation the rights to use, copy, modify, merge, publish,
+# distribute, sublicense, and/or sell copies of the Software, and to
+# permit persons to whom the Software is furnished to do so, subject to
+# the following conditions:
+#
+# The above copyright notice and this permission notice shall be
+# included in all copies or substantial portions of the Software.
+#
+# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+# EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+# MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+# NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+# LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+# OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+# WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+require 'glimmer-dsl-swt'
+
+class HelloComposite
+  include Glimmer::UI::CustomShell
+  
+  body {
+    shell {
+      # shell (which is a composite) has fill_layout(:horizontal) by default with no margins
+      # we override below
+      fill_layout(:vertical)
+      text 'Hello, Composite!'
+      
+      composite { # composite simply contains widgets for visual organization via a layout
+        # it has grid_layout(1, false) as its default layout
+        label {
+          text "Field is above its text widget"
+        }
+        text {
+          layout_data :fill, :center, true, false # fill horizontally, align center vertically, grab remaining horizontal space, but not vertical
+        }
+      }
+      
+      composite { # composite simply contains widgets for visual organization via a layout
+        grid_layout 2, true
+        
+        label {
+          text "Field has equal width to its text widget's"
+        }
+        text {
+          layout_data :fill, :center, true, false # fill horizontally, align center vertically, grab remaining horizontal space, but not vertical
+        }
+      }
+      
+      composite { # composite simply contains widgets for visual organization via a layout
+        grid_layout 2, false
+        
+        label {
+          text "Field has inequal width"
+        }
+        
+        text {
+          layout_data :fill, :center, true, false # fill horizontally, align center vertically, grab remaining horizontal space, but not vertical
+        }
+      }
+    }
+  
+  }
+end
+
+HelloComposite.launch

data/samples/hello/hello_computed.rb

@@ -48,7 +48,7 @@ class HelloComputed
         
         label {text 'First &Name: '}
         text {
-          text bind(@contact, :first_name)
+          text <=> [@contact, :first_name]
           layout_data {
             horizontal_alignment :fill
             grab_excess_horizontal_space true
@@ -57,7 +57,7 @@ class HelloComputed
         
         label {text '&Last Name: '}
         text {
-          text bind(@contact, :last_name)
+          text <=> [@contact, :last_name]
           layout_data {
             horizontal_alignment :fill
             grab_excess_horizontal_space true
@@ -66,7 +66,7 @@ class HelloComputed
         
         label {text '&Year of Birth: '}
         text {
-          text bind(@contact, :year_of_birth)
+          text <=> [@contact, :year_of_birth]
           layout_data {
             horizontal_alignment :fill
             grab_excess_horizontal_space true
@@ -75,7 +75,7 @@ class HelloComputed
         
         label {text 'Name: '}
         label {
-          text bind(@contact, :name, computed_by: [:first_name, :last_name])
+          text <= [@contact, :name, computed_by: [:first_name, :last_name]]
           layout_data {
             horizontal_alignment :fill
             grab_excess_horizontal_space true
@@ -84,7 +84,7 @@ class HelloComputed
         
         label {text 'Age: '}
         label {
-          text bind(@contact, :age, on_write: :to_i, computed_by: [:year_of_birth])
+          text <= [@contact, :age, on_write: :to_i, computed_by: [:year_of_birth]]
           layout_data {
             horizontal_alignment :fill
             grab_excess_horizontal_space true

data/samples/hello/hello_cool_bar.rb

@@ -0,0 +1,147 @@
+# Copyright (c) 2007-2021 Andy Maleh
+#
+# Permission is hereby granted, free of charge, to any person obtaining
+# a copy of this software and associated documentation files (the
+# "Software"), to deal in the Software without restriction, including
+# without limitation the rights to use, copy, modify, merge, publish,
+# distribute, sublicense, and/or sell copies of the Software, and to
+# permit persons to whom the Software is furnished to do so, subject to
+# the following conditions:
+#
+# The above copyright notice and this permission notice shall be
+# included in all copies or substantial portions of the Software.
+#
+# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+# EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+# MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+# NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+# LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+# OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+# WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+require 'glimmer-dsl-swt'
+
+class HelloCoolBar
+  include Glimmer::UI::CustomShell
+  
+  attr_accessor :operation, :font_size
+  
+  def font_size_options
+    (10..30).to_a.map(&:to_s)
+  end
+  
+  before_body {
+    self.font_size = '10'
+  }
+
+  body {
+    shell {
+      fill_layout(:vertical) {
+        margin_width 0
+        margin_height 0
+      }
+      
+      text 'Hello, Cool Bar!'
+      
+      cool_bar { # optionally takes a :flat style and/or :vertical style if you need vertical layout
+        tool_bar {
+          tool_item {
+            image cut_image # alternatively you can pass an image file path
+            
+            on_widget_selected do
+              self.operation = 'Cut'
+            end
+          }
+          tool_item {
+            image copy_image # alternatively you can pass an image file path
+            
+            on_widget_selected do
+              self.operation = 'Copy'
+            end
+          }
+          tool_item {
+            image paste_image # alternatively you can pass an image file path
+            
+            on_widget_selected do
+              self.operation = 'Paste'
+            end
+          }
+        }
+        tool_bar {
+          tool_item {
+            text 'Font Size'
+          }
+          # a combo can be nested in a tool_bar (it auto-generates a tool_item for itself behind the scenes)
+          combo {
+            selection bind(self, :font_size)
+          }
+        }
+      }
+      
+  
+      label {
+        font height: 30
+        text bind(self, :operation)
+        text bind(self, :font_size)
+      }
+    }
+  }
+  
+  def cut_image
+    # building image on the fly with Canvas Shape DSL
+    image(25, 25) {
+      rectangle(0, 0, 25, 25) {
+        background_pattern 0, 0, 0, 25, :white, :gray
+        line(20, 2, 9, 15) {
+          line_width 2
+        }
+        line(5, 2, 16, 15) {
+          line_width 2
+        }
+        oval(2, 15, 8, 8) {
+          line_width 2
+        }
+        oval(16, 15, 8, 8) {
+          line_width 2
+        }
+      }
+    }
+  end
+  
+  def copy_image
+    # building image on the fly with Canvas Shape DSL
+    image(25, 25) {
+      rectangle(0, 0, 25, 25) {
+        background_pattern 0, 0, 0, 25, :white, :gray
+        rectangle([:default, 2], [:default, -2], 14, 14, 5, 5) {
+          line_width 2
+        }
+        rectangle([:default, -2], [:default, 2], 14, 14, 5, 5) {
+          line_width 2
+        }
+      }
+    }
+  end
+  
+  def paste_image
+    image(25, 25) {
+      rectangle(0, 0, 25, 25) {
+        background_pattern 0, 0, 0, 25, :white, :gray
+        rectangle(:default, [:default, 1], 15, 20, 5, 5) {
+          line_width 2
+        }
+        line(7, 8, 18, 8) {
+          line_width 2
+        }
+        line(7, 13, 18, 13) {
+          line_width 2
+        }
+        line(7, 18, 18, 18) {
+          line_width 2
+        }
+      }
+    }
+  end
+end
+
+HelloCoolBar.launch

data/samples/hello/hello_custom_widget.rb

@@ -55,7 +55,7 @@ class GreetingLabel
     label(swt_style) {
       text "#{greeting}, #{name}!"
       font @font
-      foreground bind(self, :color)
+      foreground <=> [self, :color]
     }
   }
   

data/samples/hello/hello_date_time.rb

@@ -46,19 +46,19 @@ class HelloDateTime
       }
       
       date { # alias for date_time(:date)
-        date_time bind(@person, :date_of_birth)
+        date_time <=> [@person, :date_of_birth]
       }
       
       date_drop_down { # alias for date_time(:date, :drop_down)
-        date_time bind(@person, :date_of_birth)
+        date_time <=> [@person, :date_of_birth]
       }
       
       time { # alias for date_time(:time)
-        date_time bind(@person, :date_of_birth)
+        date_time <=> [@person, :date_of_birth]
       }
       
       calendar { # alias for date_time(:calendar)
-        date_time bind(@person, :date_of_birth)
+        date_time <=> [@person, :date_of_birth]
       }
     }
   }

data/samples/hello/hello_dialog.rb

@@ -23,7 +23,7 @@ require 'glimmer-dsl-swt'
 
 include Glimmer
 
-shell {
+shell { |shell_proxy|
   row_layout :vertical
   
   text 'Hello, Dialog!'
@@ -39,7 +39,8 @@ shell {
       text "Dialog #{dialog_number}"
       
       on_widget_selected {
-        dialog { |dialog_proxy|
+        # pass the shell proxy as a parent to make the dialog support hitting the escape button for closing alone without closing app
+        dialog(shell_proxy) { |dialog_proxy|
           row_layout(:vertical) {
             center true
           }

data/samples/hello/hello_drag_and_drop.rb

@@ -36,7 +36,7 @@ include Glimmer
 shell {
   text 'Hello, Drag and Drop!'
   list {
-    selection bind(@location, :country)
+    selection <=> [@location, :country]
     on_drag_set_data { |event|
       list = event.widget.getControl
       event.data = list.getSelection.first

data/samples/hello/hello_file_dialog.rb

@@ -44,7 +44,7 @@ class HelloFileDialog
       
       label {
         layout_data :fill, :center, true, false
-        text bind(self, :selected_file)
+        text <=> [self, :selected_file]
         font height: 14
       }
       

data/samples/hello/hello_font_dialog.rb

@@ -51,8 +51,8 @@ class HelloFontDialog
           height_hint 200
         }
         background :white
-        font bind(self, 'selected_font_data')
-        text bind(self, 'selected_font_data') {|font_data|
+        font <=> [self, 'selected_font_data']
+        text <=> [self, 'selected_font_data', on_read: ->(font_data) {
           style = case font_data.style
           when swt(:normal)
             'Normal'
@@ -64,7 +64,7 @@ class HelloFontDialog
             'Bold Italic'
           end
           "#{font_data.name}\n#{font_data.height}\n#{style}"
-        }
+        }]
       }
       
       button {

data/samples/hello/hello_group.rb

@@ -58,12 +58,12 @@ class HelloGroup
         
         radio {
           text 'Male'
-          selection bind(@person, :male)
+          selection <=> [@person, :male]
         }
         
         radio {
           text 'Female'
-          selection bind(@person, :female)
+          selection <=> [@person, :female]
         }
       }
       
@@ -75,22 +75,22 @@ class HelloGroup
         
         radio {
           text 'Child'
-          selection bind(@person, :child)
+          selection <=> [@person, :child]
         }
         
         radio {
           text 'Teen'
-          selection bind(@person, :teen)
+          selection <=> [@person, :teen]
         }
         
         radio {
           text 'Adult'
-          selection bind(@person, :adult)
+          selection <=> [@person, :adult]
         }
         
         radio {
           text 'Senior'
-          selection bind(@person, :senior)
+          selection <=> [@person, :senior]
         }
       }
       

data/samples/hello/hello_layout.rb

@@ -0,0 +1,243 @@
+# Copyright (c) 2007-2021 Andy Maleh
+#
+# Permission is hereby granted, free of charge, to any person obtaining
+# a copy of this software and associated documentation files (the
+# "Software"), to deal in the Software without restriction, including
+# without limitation the rights to use, copy, modify, merge, publish,
+# distribute, sublicense, and/or sell copies of the Software, and to
+# permit persons to whom the Software is furnished to do so, subject to
+# the following conditions:
+#
+# The above copyright notice and this permission notice shall be
+# included in all copies or substantial portions of the Software.
+#
+# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+# EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+# MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+# NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+# LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+# OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+# WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+require 'glimmer-dsl-swt'
+
+class HelloLayout
+  include Glimmer::UI::CustomShell
+  
+  body {
+    shell {
+      # shell (which is a composite) has fill_layout(:horizontal) by default with no margins
+      text 'Hello, Layout!'
+      tab_folder {
+      
+        # every tab item has its own composite, which can set a layout
+        tab_item {
+          text 'Fill Layout (horizontal)'
+          
+          fill_layout(:horizontal) {
+            margin_width 30
+            margin_height 40
+            spacing 5
+          }
+          
+          10.times { |n|
+            label {
+              text "<label #{n+1}>"
+            }
+          
+          }
+        
+        }
+      
+        tab_item {
+          text 'Fill Layout (vertical)'
+          
+          fill_layout {
+            type :vertical # alternative way of specifying orientation
+            margin_width 40
+            margin_height 30
+            spacing 10
+          }
+          
+          10.times { |n|
+            label(:center) {
+              text "<label #{n+1}>"
+            }
+          
+          }
+        
+        }
+      
+        tab_item {
+          text 'Row Layout (horizontal)'
+          
+          row_layout(:horizontal) {
+            # row layout has margin attributes for top, left, right, and bottom
+            # in addition to width and height (and sets margin_width and margin_height to 5 by default)
+            margin_top 40
+            margin_left 30
+            spacing 5
+            wrap false
+            center true
+            justify true
+          }
+          
+          10.times { |n|
+            label {
+              text "<label #{n+1}>"
+            }
+          
+          }
+        
+        }
+      
+        tab_item {
+          text 'Row Layout (wrap on shrink)'
+          
+          row_layout { # :horizontal is the default type
+            margin_height 40
+            margin_width 30
+            spacing 35
+            # wrap true # is the default
+          }
+          
+          10.times { |n|
+            label {
+              text "<label #{n+1}>"
+            }
+          
+          }
+        
+        }
+        
+        tab_item {
+          text 'Row Layout (vertical)'
+          background :yellow
+
+          row_layout(:vertical) { |l|
+            margin_height 0
+            margin_width 0
+            spacing 10
+            fill true # fills horizontally to match the widest child (opposite to row layout orientation)
+            center false # enable and disable fill to see what this does
+          }
+
+          10.times { |n|
+            label {
+              # layout_data allows a widget to tweak its layout configuration (generating RowData object for RowLayout)
+              layout_data {
+                height 30
+#                 width unspecified yet calculated
+              }
+              text "<this is a ver#{'r'*(rand*200).to_i}y wide label #{n+1}>"
+              background :green
+            }
+
+          }
+
+        }
+            
+        tab_item {
+          text 'Grid Layout'
+          
+          grid_layout {
+            num_columns 5
+            make_columns_equal_width true
+            horizontal_spacing 15
+            vertical_spacing 10
+
+            # grid layout has margin attributes for top, left, right, and bottom
+            # in addition to width and height (and sets margin_width and margin_height to 5 by default)
+            margin_height 0
+            margin_top 20
+          }
+          
+          10.times { |n|
+            label {
+              text "<this label is wide enough to fill #{n+1}>"
+              background :white
+            }
+          }
+        
+          label {
+            # layout_data allows a widget to tweak its layout configuration (generating GridData object for GridLayout)
+            layout_data {
+              width_hint 120
+              height_hint 40
+            }
+            text "<this label is clipped>"
+            background :cyan
+          }
+        
+          label {
+            # layout_data allows a widget to tweak its layout configuration (generating GridData object for GridLayout)
+            layout_data {
+              horizontal_span 2
+            }
+            text "<this label spans two columns, so it can contain more text than normal>"
+            background :green
+          }
+        
+          label {
+            # layout_data allows a widget to tweak its layout configuration (generating GridData object for GridLayout)
+            layout_data {
+              vertical_span 2
+              vertical_alignment :fill
+            }
+            text "<this label spans two rows, \nso it can contain new lines\n1\n2\n3\n4\n5\n6\n7>"
+            background :yellow
+          }
+          
+          5.times { label } # just filler
+          
+          label {
+            
+            # layout_data allows a widget to tweak its layout configuration (generating GridData object for GridLayout)
+            layout_data {
+              horizontal_span 5
+              horizontal_alignment :fill # could be :beginning, :center or :end too
+              vertical_alignment :fill # could be :beginning, :center, or :end too
+              grab_excess_horizontal_space true
+              grab_excess_vertical_space true
+            }
+            
+            # this is a short alternative for specifying what is above
+#             layout_data(:fill, :fill, true, true) {
+#               horizontal_span 5
+#             }
+            
+            text "<this label fills all the space it can get\nhorizontally and vertically>"
+            background :magenta
+          }
+        
+        }
+        
+            
+        tab_item {
+          text 'Grid Layout (non-equal columns)'
+          
+          grid_layout(2, false) # alt syntax: (numColumns, make_columns_equal_width)
+          
+          10.times { |n|
+            label {
+              text "Field #{n+1}"
+            }
+            text {
+              layout_data {
+                width_hint 600
+              }
+              
+              text "Please enter text"
+            }
+          }
+        
+        }
+                                  
+      }
+    
+    }
+  
+  }
+end
+
+HelloLayout.launch