added resources updated demo, table, and menu

Author: icedpygui

demo.py

@@ -1,6 +1,7 @@
 from icedpygui import IPG, IpgTextParams, IpgRadioDirection, IpgRadioParams
 from icedpygui import IpgButtonParams, IpgProgressBarParams
 from icedpygui import IpgColumnAlignment
+from icedpygui import TableWidget, TableRowHighLight
 import random
 
 """
@@ -375,14 +376,13 @@ def text_on_input(self, _input_id, data):
 
     def construct_window_2(self):
         self.ipg.add_window(self.wnd_2, "Demo Window 2 - Iced Wrapped in Python",
-                            width=500, height=500,
+                            width=600, height=500,
                             pos_x=650, pos_y=25)
 
         self.ipg.add_column(window_id=self.wnd_2, container_id=self.l_col_2,
                             width_fill=True, align_items=IpgColumnAlignment.Center)
 
-        # A date picker is defined and the results are put in a text widget.
-
+    # A date picker is defined and the results are put in a text widget.
     def construct_date_picker(self):
         self.ipg.add_date_picker(self.l_col_2, on_submit=self.date_selected)
 
@@ -392,35 +392,85 @@ def construct_date_picker(self):
     def date_selected(self, _date_id, date):
         self.ipg.update_item(self.date_text_id, IpgTextParams.Content, f"You selected: {date}")
 
-    # A table is defined with 4 columns of random items.
+    # A table is defined with 6 columns of widgets and random items.
     # Rust does not allow types to be mixed in a list.
     # Therefore, if a mixed list is needed, convert it to a list[str].
     # The gui converts the list to strings anyway.
-    #  Width and height are required for the table.
+    # Width and height are required for the table.
     def construct_table(self):
-        col1: list[float] = []
-        col2: list[str] = []
-        col3: list[int] = []
-        col4: list[bool] = []
-
-        for i in range(0, 25):
+        # Initialize the lists.
+        col0 = []
+        col1 = []
+        col2 = []
+        col3 = []
+        col4 = []
+        col5 = []
+        col6 = []
+
+        # Add some random data of different types
+        for i in range(0, 20):
+            # labels for the button widget
+            col0.append("Button")
+            # labels for the checkboxes
+            col1.append("")
+            # make a selectable text
+            col2.append("Select Me")
             # make a float random number
-            col1.append(random.randrange(10, 99) + random.randrange(10, 99) / 100)
-            col2.append(random.choice(["one", "two", "3", "four", "5", "six", "seven"]))
-            col3.append(random.randrange(10, 99))
-            col4.append(random.choice([True, False]))
-
-        # Note this is a list of dictionaries not a single dictionary
-        data = [
-            {"Floats": col1},
-            {"Strings": col2},
-            {"Integers": col3},
-            {"Booleans": col4}
-        ]
-
-        table_id = self.ipg.add_table(parent_id=self.l_col_2,
-                                      title="My Table", data=data,
-                                      width=450.0, height=300.0)
+            col3.append(random.randrange(10, 99) + random.randrange(10, 99) / 100)
+            col4.append(random.choice(["one", "two", "three", "four", "five", "six", "seven"]))
+            col5.append(random.randrange(10, 99))
+            col6.append(random.choice([True, False]))
+
+        # Create the table, the requirement is a list of dictionaries.
+        # Rust does not have dictionaries but a similar type is called a HashMap.
+        # The reason for the list of dictionaries is that you cannot extract a
+        # mixed dictionary into a Rust HashMap.  The HashMap has to have predefined
+        # types.  In this case they are <>String, Vec<Widgets>, <String, Vec<f64>>, <String, Vec<String>>,
+        # <String, Vec<i64>>, and <String, Vec<bool>>.  As one iterates through the list,
+        # each type is tested to see if it can be extracted in one of the types above.  If found,
+        # the extraction occurs and life is wonderful.  If no existing type is found, then an error occurs.
+        # Currently, not every variation is covered but that can be improved in future versions.
+        # This probably covers the vast majority of needs.  If you need that mixed column, convert
+        # the list to a string.  When the final version is displayed, it's converted to  a string anyway.
+        data = [{"Button": col0},
+                {"ChkBox": col1},
+                {"Selectable": col2},
+                {"Col3": col3},
+                {"Col4": col4},
+                {"Col5": col5},
+                {"Col6": col6}]
+
+
+        # The column widgets are prepared
+        btn_widgets = []
+        chkbox_widgets = []
+        selectable = []
+
+        for _ in range(0, len(col0)):
+            btn_widgets.append(TableWidget.Button)
+            chkbox_widgets.append(TableWidget.Checkbox)
+            selectable.append(TableWidget.Text)
+
+        # The table is added.
+        self.ipg.add_table(self.l_col_2, "My Table", data, 
+                    width=600.0, height=300.0, 
+                    row_highlight=TableRowHighLight.Lighter,
+                    table_length=len(col1),
+                    widgets_using_columns= {0: btn_widgets, 1: chkbox_widgets, 2: selectable},
+                    on_press_button=self.widget_button,
+                    on_toggle_checkbox=self.widget_checkbox,
+                    on_enter=self.on_text_enter,
+                    )
+
+    def widget_button(self, tbl_id: int, wid_index: tuple[int, int]):
+        print(tbl_id, wid_index)
+
+    def widget_checkbox(self, tbl_id: int, wid_index: tuple[int, int], is_checked: bool):
+        print(tbl_id, wid_index, is_checked)
+
+    def on_text_enter(self, tbl_id, text_index: tuple[int, int]):
+        print(tbl_id, text_index)
+
 
 
 demo = Demo()

py_button_update.py

@@ -48,7 +48,7 @@ def update_button(_btn_id: int):
 
 
 # A window widget needs to be added first.
-ipg.add_window("main", "Button Update", width=500, height=600,
+ipg.add_window("main", "Button Update", width=500, height=650,
                pos_x=100, pos_y=25)
 
 # Adding a container helps in aligning widgets since it has an x and y centering.

py_date_picker.py

@@ -27,7 +27,7 @@ def date_resize(_dp_id: int):
 
 
 # Add a window first
-ipg.add_window("main", "Date Picker Demo", 800, 600,
+ipg.add_window("main", "Date Picker Demo", 800, 700,
                 pos_x=100, pos_y=25)
 
 # Add the container to center both x and y.  Holds only one widget.

py_menu.py

@@ -20,7 +20,7 @@ def menu_pressed(_menu_id, data, user_data):
 # are used in the testing of the code to make sure it behaves as expected.
 
 # Update the menu by adding a new dictionary.
-# This may not be a common scenario but for completion, it's included.
+# This update may not be a common scenario but for completion, it's included.
 # Since the dictionary needs to maintain its order, user OrderedDict.
 # Once the dictionary is made, update the menu using the update command.
 # This action will remove all separators, so these will need to be added

py_table.py

@@ -1,29 +1,64 @@
-from icedpygui import IPG
-import random
+from icedpygui import IPG, IpgColumnAlignment, TableRowHighLight, TableWidget
+import random, os
+
 
 ipg = IPG()
 
+
+
+def widget_button(tbl_id: int, wid_index: tuple[int, int]):
+    print(tbl_id, wid_index)
+
+
+def widget_checkbox(tbl_id: int, wid_index: tuple[int, int], is_checked: bool):
+    print(tbl_id, wid_index, is_checked)
+
+
+def image_on_something(tbl_id: int, wid_index: tuple[int, int], ):
+    print(tbl_id, wid_index)
+
+
+def image_move(tbl_id: int, point: tuple[float, float]):
+    print(tbl_id, point)
+
+
+def on_text_enter(tbl_id, text_index: tuple[int, int]):
+    print(tbl_id, text_index)
+
+
 # Add the window
-ipg.add_window(window_id="main", title="Table Demo", width=500, height=600,
-                pos_x=100, pos_y=25)
+ipg.add_window(window_id="main", title="Table Demo", width=700, height=800,
+                pos_x=100, pos_y=25, debug=False)
 
 # Add the container, since the table requires a width and height,
 # the container can shrink(default) to fit.
-ipg.add_container(window_id="main", container_id="cont")
+ipg.add_column(window_id="main", container_id="col",
+                  width_fill=True, height_fill=True,
+                  align_items=IpgColumnAlignment.Center,
+                  spacing=75)
 
 # Initialize the lists.
+col0 = []
 col1 = []
 col2 = []
 col3 = []
 col4 = []
+col5 = []
+col6 = []
 
 # Add some random data of different types
-for i in range(0, 50):
+for i in range(0, 20):
+    # labels for the button widget
+    col0.append("Button")
+    # labels for the checkboxes
+    col1.append("")
+    # make a selectable text
+    col2.append("Select Me")
     # make a float random number
-    col1.append(random.randrange(10, 99) + random.randrange(10, 99) / 100)
-    col2.append(random.choice(["one", "two", "three", "four", "five", "six", "seven"]))
-    col3.append(random.randrange(10, 99))
-    col4.append(random.choice([True, False]))
+    col3.append(random.randrange(10, 99) + random.randrange(10, 99) / 100)
+    col4.append(random.choice(["one", "two", "three", "four", "five", "six", "seven"]))
+    col5.append(random.randrange(10, 99))
+    col6.append(random.choice([True, False]))
 
 # Create the table, the requirement is a list of dictionaries.
 # Rust does not have dictionaries but a similar type is called a HashMap.
@@ -36,14 +71,69 @@
 # Currently, not every variation is covered but that can be improved in future versions.
 # This probably covers the vast majorities needs.  If you need that mixed column, convert
 # the list to a string.  When the final version is displayed, it's converted to  a string anyway.
-data = [{"Col1": col1},
-        {"Col2": col2},
+data = [{"Button": col0},
+        {"ChkBox": col1},
+        {"Selectable": col2},
         {"Col3": col3},
-        {"Col4": col4}]
+        {"Col4": col4},
+        {"Col5": col5},
+        {"Col6": col6}]
+
+
+# The column widgets are prepared
+btn_widgets = []
+chkbox_widgets = []
+selectable = []
+
+for _ in range(0, len(col0)):
+    btn_widgets.append(TableWidget.Button)
+    chkbox_widgets.append(TableWidget.Checkbox)
+    selectable.append(TableWidget.Text)
 
 # The table is added.
-ipg.add_table("cont", "My Table", data, width=700.0, height=600.0)
+ipg.add_table("col", "My Table", data, 
+              width=600.0, height=300.0, 
+              row_highlight=TableRowHighLight.Lighter,
+              table_length=len(col1),
+              widgets_using_columns= {0: btn_widgets, 1: chkbox_widgets, 2: selectable},
+              on_press_button=widget_button,
+              on_toggle_checkbox=widget_checkbox,
+              on_enter=on_text_enter,
+              )
+
+
+
+# Setting up the image path
+cwd = os.getcwd()
+ferris_root_path = cwd + "/resources/ferris"
+tiger_root_path = cwd + "/resources/tiger"
+ferris = []
+tiger = []
+ferris_type = []
+tiger_type = []
+data = []
+
+for i in range(0, 5):
+    ferris.append(f"{ferris_root_path}_{i}.png")
+    tiger.append(f"{tiger_root_path}_{i}.svg")
+    ferris_type.append(TableWidget.Image)
+    tiger_type.append(TableWidget.Image)
+
+data_img = [
+            {"Ferris": ferris},
+            {"Tiger": tiger}
+            ]
 
+# The table is added for svg and png images.
+ipg.add_table("col", "My Images", data_img, 
+              width=500.0, height=300.0, 
+            #   row_highlight=TableRowHighLight.Lighter,
+              table_length=len(ferris),
+              widgets_using_columns= {0: ferris_type, 1: tiger_type},
+              image_width=[100.0, 75.0], image_height=[100.0, 75.0],
+              on_enter=image_on_something,
+              on_move=image_move,
+              )
 
 # Required to be the last widget sent to Iced,  If you start the program
 # and nothing happens, it might mean you forgot to add this command.