tkfluent 0.0.1__py2.py3-none-any.whl → 0.0.2__py2.py3-none-any.whl

tkflu/__init__.py

@@ -13,6 +13,8 @@ from .entry import FluEntry
 from .frame import FluFrame
 from .label import FluLabel
 from .text import FluText
+from .thememanager import FluThemeManager
+from .togglebutton import FluToggleButton
 from .window import FluWindow
 
 FluChip = FluBadge

tkflu/__main__.py

@@ -2,35 +2,49 @@ from tkflu import *
 from tkinter import *
 from tkinter.font import *
 
-mode = "light"
+root = FluWindow()
+root.iconify
+root.wincustom(way=0)
+root.wm_geometry("180x360")
 
-root = FluWindow(mode=mode)
-root.wincustom()
-root.wm_geometry("180x320")
+thememanager = FluThemeManager()
 
-frame = FluFrame(mode=mode)
+frame = FluFrame()
 
-badge1 = FluBadge(frame, text="DBadge", width=60, mode=mode)
+badge1 = FluBadge(frame, text="FluBadge", width=60)
 badge1.pack(padx=5, pady=5)
 
-badge2 = FluBadge(frame, text="DBadge (Accent)", width=110, mode=mode, style="accent")
+badge2 = FluBadge(frame, text="FluBadge (Accent)", width=120, style="accent")
 badge2.pack(padx=5, pady=5)
 
 button1 = FluButton(
-    frame, text="DButton", command=lambda: print("DDarkButton -> Clicked"), mode=mode
+    frame, text="FluButton", command=lambda: print("FluButton -> Clicked")
 )
 button1.pack(fill="x", padx=5, pady=5)
 
 button2 = FluButton(
-    frame, text="DButton (Accent)", command=lambda: print("DDarkAccentButton -> Clicked"), style="accent", mode=mode
+    frame, text="FluButton (Accent)", command=lambda: print("FluButton (Accent) -> Clicked"), style="accent"
 )
 button2.pack(fill="x", padx=5, pady=5)
 
-entry1 = FluEntry(frame, mode=mode)
+def toggle1():
+    print(f"FluToggleButton -> Toggled -> Checked: {togglebutton1.dcget('checked')}")
+    if togglebutton1.dcget('checked'):
+        thememanager.mode("dark")
+    else:
+        thememanager.mode("light")
+
+togglebutton1 = FluToggleButton(
+    frame, text="FluToggleButton", command=toggle1
+)
+togglebutton1.pack(fill="x", padx=5, pady=5)
+
+entry1 = FluEntry(frame)
 entry1.pack(fill="x", padx=5, pady=5)
 
-text1 = FluText(frame, mode=mode)
+text1 = FluText(frame)
 text1.pack(fill="x", padx=5, pady=5)
 
 frame.pack(fill="both", expand="yes", side="right", padx=5, pady=5)
+
 root.mainloop()

tkflu/badge.py

@@ -47,6 +47,21 @@ class FluBadge(FluBadgeCanvas, DDrawWidget):
                  mode="light",
                  style="standard",
                  **kwargs):
+
+        """
+
+        初始化类
+
+        :param args: 参照tkinter.Canvas.__init__
+        :param text:
+        :param width:
+        :param height:
+        :param font:
+        :param mode: Fluent主题模式 分为 “light” “dark”
+        :param style:
+        :param kwargs: 参照tkinter.Canvas.__init__
+        """
+
         self._init(mode, style)
 
         super().__init__(*args, width=width, height=height, **kwargs)
@@ -80,6 +95,13 @@ class FluBadge(FluBadgeCanvas, DDrawWidget):
         self.theme(mode, style)
 
     def _draw(self, event=None):
+
+        """
+        重新绘制组件
+
+        :param event:
+        """
+
         super()._draw(event)
 
         self.delete("all")
@@ -99,14 +121,17 @@ class FluBadge(FluBadgeCanvas, DDrawWidget):
             fill=_text_color, text=self.attributes.text, font=self.attributes.font
         )
 
-    def theme(self, mode, style):
+    def theme(self, mode, style=None):
+        self.mode = mode
+        if style:
+            self.style = style
         if mode.lower() == "dark":
-            if style.lower() == "accent":
+            if self.style.lower() == "accent":
                 self._dark_accent()
             else:
                 self._dark()
         else:
-            if style.lower() == "accent":
+            if self.style.lower() == "accent":
                 self._light_accent()
             else:
                 self._light()

tkflu/button.py

@@ -155,14 +155,17 @@ class FluButton(FluButtonCanvas, DDrawWidget):
             fill=_text_color, text=self.attributes.text, font=self.attributes.font
         )
 
-    def theme(self, mode="light", style="standard"):
+    def theme(self, mode, style=None):
+        self.mode = mode
+        if style:
+            self.style = style
         if mode.lower() == "dark":
-            if style.lower() == "accent":
+            if self.style.lower() == "accent":
                 self._dark_accent()
             else:
                 self._dark()
         else:
-            if style.lower() == "accent":
+            if self.style.lower() == "accent":
                 self._light_accent()
             else:
                 self._light()

tkflu/customwindow2.py

@@ -0,0 +1,77 @@
+from tkinter import Event, Widget, Tk, Frame
+
+
+class WindowDragArea(object):
+    x, y = 0, 0
+
+    def __init__(self, window):
+        self.window = window
+
+    def _click(self, event: Event):
+        self.x, self.y = event.x, event.y
+
+    def _window_move(self, event: Event):
+        new_x = (event.x - self.x) + self.window.winfo_x()
+        new_y = (event.y - self.y) + self.window.winfo_y()
+        if new_y <= 0:
+            new_y = 0
+        self.window.geometry(f"+{new_x}+{new_y}")
+
+    def bind(self, widget: Widget):
+        widget.bind("<Button-1>", self._click)
+        widget.bind("<B1-Motion>", lambda event: self._window_move(event))
+
+    def tag_bind(self, widget: Widget, tag):
+        widget.tag_bind(tag, "<Button-1>", self._click)
+        widget.tag_bind(tag, "<B1-Motion>", lambda event: self._window_move(event))
+
+
+class WidgetDragArea(object):
+    x, y = 0, 0
+
+    def __init__(self, widget=None):
+        self.widget = widget
+
+    def _click(self, event: Event):
+        self.x, self.y = event.x, event.y
+
+    def _widget_move(self, event: Event):
+        new_x = (event.x - self.x) + self.widget.winfo_x()
+        new_y = (event.y - self.y) + self.widget.winfo_y()
+        if new_y <= 0:
+            new_y = 0
+        self.widget.place(x=new_x, y=new_y)
+
+    def bind(self):
+        self.widget.bind("<Button-1>", self._click)
+        self.widget.bind("<B1-Motion>", lambda event: self._widget_move(event))
+
+    def tag_bind(self, tag):
+        self.widget.tag_bind(tag, "<Button-1>", self._click)
+        self.widget.tag_bind(tag, "<B1-Motion>", lambda event: self._widget_move(event))
+
+
+def bind_window_drag(window, widget):
+    _ = WindowDragArea(window)
+    _.bind(widget)
+    return _
+
+
+def tag_bind_window_drag(window, widget, tag):
+    _ = WindowDragArea(window)
+    _.tag_bind(widget, tag)
+    return _
+
+
+def bind_widget_drag(widget):
+    _ = WidgetDragArea(widget)
+    _.bind()
+    return _
+
+
+def tag_bind_widget_drag(widget, tag):
+    _ = WidgetDragArea(widget)
+    _.tag_bind(tag)
+    return _
+
+

tkflu/entry.py

@@ -138,6 +138,7 @@ class FluEntry(FluEntryCanvas, DDrawWidget):
         self._draw(event)
 
     def theme(self, mode="light"):
+        self.mode = mode
         if mode.lower() == "dark":
             self._dark()
         else:

tkflu/frame.py

@@ -30,6 +30,24 @@ class FluFrameDraw(DSvgDraw):
 
 class FluFrameCanvas(DCanvas):
     draw = FluFrameDraw
+    frame = None
+
+    def theme(self, mode="light"):
+        self.theme_myself(mode=mode)
+
+        for widget in self.frame.winfo_children():
+            if hasattr(widget, "theme"):
+                widget.theme(mode=mode)
+                if hasattr(widget, "_draw"):
+                    widget._draw()
+                widget.update()
+
+    def theme_myself(self, mode="light"):
+        self.frame.theme(mode)
+        if hasattr(self.frame, "_draw"):
+            self.frame._draw()
+        self.frame.update()
+        self.update()
 
     def create_round_rectangle(self,
                                x1, y1, x2, y2, r1, r2=None, temppath=None,
@@ -62,6 +80,7 @@ class FluFrame(Frame, DObject):
         _, self.temppath = mkstemp(suffix=".svg", prefix="tkdeft.temp.")
 
         self.canvas = FluFrameCanvas(master, *args, width=width, height=height, **kwargs)
+        self.canvas.frame = self
 
         super().__init__(master=self.canvas)
 
@@ -90,6 +109,7 @@ class FluFrame(Frame, DObject):
         self.theme(mode)
 
     def theme(self, mode="light"):
+        self.mode = mode
         if mode.lower() == "dark":
             self._dark()
         else:
@@ -207,3 +227,4 @@ class FluFrame(Frame, DObject):
 
     def _event_configure(self, event=None):
         self._draw(event)
+

tkflu/label.py

@@ -48,6 +48,7 @@ class FluLabel(DDrawWidget):
         )
 
     def theme(self, mode="light"):
+        self.mode = mode
         if mode.lower() == "dark":
             self._dark()
         else:

tkflu/listbox.py

@@ -0,0 +1,286 @@
+from tkdeft.windows.draw import DSvgDraw
+from tkdeft.windows.canvas import DCanvas
+from tkdeft.windows.drawwidget import DDrawWidget
+
+
+class FluListBoxDraw(DSvgDraw):
+    def create_roundrect(self,
+                         x1, y1, x2, y2, radius, radiusy=None, temppath=None,
+                         fill="transparent", outline="black", outline2="black", width=1
+                         ):
+        if radiusy:
+            _rx = radius
+            _ry = radiusy
+        else:
+            _rx, _ry = radius, radius
+        drawing = self.create_drawing(x2 - x1, y2 - y1, temppath=temppath)
+        border = drawing[1].linearGradient(start=(x1, y1), end=(x1, y2), id="DListBox.Border")
+        border.add_stop_color("0%", outline)
+        border.add_stop_color("100%", outline2)
+        drawing[1].defs.add(border)
+        drawing[1].add(
+            drawing[1].rect(
+                (x1, y1), (x2 - x1, y2 - y1), _rx, _ry,
+                fill=fill, stroke_width=width,
+                stroke=f"url(#{border.get_id()})",
+            )
+        )
+        drawing[1].save()
+        return drawing[0]
+
+
+class FluListBoxCanvas(DCanvas):
+    draw = FluListBoxDraw
+
+    def create_round_rectangle(self,
+                               x1, y1, x2, y2, r1, r2=None, temppath=None,
+                               fill="transparent", outline="black", outline2="black", width=1
+                               ):
+        self._img = self.svgdraw.create_roundrect(
+            x1, y1, x2, y2, r1, r2, temppath=temppath,
+            fill=fill, outline=outline, outline2=outline2, width=width
+        )
+        self._tkimg = self.svgdraw.create_tksvg_image(self._img)
+        return self.create_image(x1, y1, anchor="nw", image=self._tkimg)
+
+    create_roundrect = create_round_rectangle
+
+
+class FluListBox(FluListBoxCanvas, DDrawWidget):
+    def __init__(self, *args,
+                 text="",
+                 width=120,
+                 height=32,
+                 command=None,
+                 font=None,
+                 mode="light",
+                 style="standard",
+                 **kwargs):
+        self._init(mode, style)
+
+        super().__init__(*args, width=width, height=height, **kwargs)
+
+        if command is None:
+            def empty(): pass
+
+            command = empty
+
+        self.dconfigure(
+            text=text,
+            command=command
+        )
+
+        self.bind("<<Clicked>>", lambda event=None: self.focus_set(), add="+")
+        self.bind("<<Clicked>>", lambda event=None: self.attributes.command(), add="+")
+
+        self.bind("<Return>", lambda event=None: self.attributes.command(), add="+")  # 可以使用回车键模拟点击
+
+        if font is None:
+            from tkdeft.utility.fonts import SegoeFont
+            self.attributes.font = SegoeFont()
+
+    def _init(self, mode, style):
+
+        from easydict import EasyDict
+
+        self.attributes = EasyDict(
+            {
+                "text": "",
+                "command": None,
+                "font": None,
+
+                "rest": {
+                    "back_color": "#ffffff",
+                    "border_color": "#f0f0f0",
+                    "border_color2": "#d6d6d6",
+                    "border_width": 1,
+                    "radius": 6,
+                    "text_color": "#1b1b1b",
+                },
+                "hover": {
+                    "back_color": "#fcfcfc",
+                    "border_color": "#f0f0f0",
+                    "border_color2": "#d6d6d6",
+                    "border_width": 1,
+                    "radius": 6,
+                    "text_color": "#1b1b1b",
+                },
+                "pressed": {
+                    "back_color": "#fdfdfd",
+                    "border_color": "#f0f0f0",
+                    "border_color2": "#f0f0f0",
+                    "border_width": 1,
+                    "radius": 6,
+                    "text_color": "#636363",
+                }
+            }
+        )
+
+        self.theme(mode=mode, style=style)
+
+    def _draw(self, event=None):
+        super()._draw(event)
+
+        self.delete("all")
+
+        if self.enter:
+            if self.button1:
+                _back_color = self.attributes.pressed.back_color
+                _border_color = self.attributes.pressed.border_color
+                _border_color2 = self.attributes.pressed.border_color2
+                _border_width = self.attributes.pressed.border_width
+                _radius = self.attributes.pressed.radius
+                _text_color = self.attributes.pressed.text_color
+            else:
+                _back_color = self.attributes.hover.back_color
+                _border_color = self.attributes.hover.border_color
+                _border_color2 = self.attributes.hover.border_color2
+                _border_width = self.attributes.hover.border_width
+                _radius = self.attributes.hover.radius
+                _text_color = self.attributes.hover.text_color
+        else:
+            _back_color = self.attributes.rest.back_color
+            _border_color = self.attributes.rest.border_color
+            _border_color2 = self.attributes.rest.border_color2
+            _border_width = self.attributes.rest.border_width
+            _radius = self.attributes.rest.radius
+            _text_color = self.attributes.rest.text_color
+
+        self.element_border = self.create_round_rectangle(
+            0, 0, self.winfo_width(), self.winfo_height(), _radius, temppath=self.temppath,
+            fill=_back_color, outline=_border_color, outline2=_border_color2, width=_border_width
+        )
+        self.element_text = self.create_text(
+            self.winfo_width() / 2, self.winfo_height() / 2, anchor="center",
+            fill=_text_color, text=self.attributes.text, font=self.attributes.font
+        )
+
+    def theme(self, mode="light", style=None):
+        self.mode = mode
+        if style:
+            self.style = style
+        if mode.lower() == "dark":
+            if style.lower() == "accent":
+                self._dark_accent()
+            else:
+                self._dark()
+        else:
+            if style.lower() == "accent":
+                self._light_accent()
+            else:
+                self._light()
+
+    def _light(self):
+        self.dconfigure(
+            rest={
+                "back_color": "#ffffff",
+                "border_color": "#f0f0f0",
+                "border_color2": "#d6d6d6",
+                "border_width": 1,
+                "radius": 6,
+                "text_color": "#1b1b1b",
+            },
+            hover={
+                "back_color": "#fcfcfc",
+                "border_color": "#f0f0f0",
+                "border_color2": "#d6d6d6",
+                "border_width": 1,
+                "radius": 6,
+                "text_color": "#1b1b1b",
+            },
+            pressed={
+                "back_color": "#fdfdfd",
+                "border_color": "#f0f0f0",
+                "border_color2": "#f0f0f0",
+                "border_width": 1,
+                "radius": 6,
+                "text_color": "#636363",
+            }
+        )
+
+    def _light_accent(self):
+        self.dconfigure(
+            rest={
+                "back_color": "#005fb8",
+                "border_color": "#146cbe",
+                "border_color2": "#00396e",
+                "border_width": 1,
+                "radius": 6,
+                "text_color": "#ffffff",
+            },
+            hover={
+                "back_color": "#0359a9",
+                "border_color": "#1766b0",
+                "border_color2": "#0f4373",
+                "border_width": 1,
+                "radius": 6,
+                "text_color": "#ffffff",
+            },
+            pressed={
+                "back_color": "#005fb8",
+                "border_color": "#4389ca",
+                "border_color2": "#4389ca",
+                "border_width": 1,
+                "radius": 6,
+                "text_color": "#b4cbe0",
+            }
+        )
+
+    def _dark(self):
+        self.dconfigure(
+            rest={
+                "back_color": "#272727",
+                "border_color": "#303030",
+                "border_color2": "#262626",
+                "border_width": 1,
+                "radius": 6,
+                "text_color": "#ffffff",
+            },
+            hover={
+                "back_color": "#2d2d2d",
+                "border_color": "#303030",
+                "border_color2": "#262626",
+                "border_width": 1,
+                "radius": 6,
+                "text_color": "#ffffff",
+            },
+            pressed={
+                "back_color": "#212121",
+                "border_color": "#2a2a2a",
+                "border_color2": "#262626",
+                "border_width": 1,
+                "radius": 6,
+                "text_color": "#cfcfcf",
+            }
+        )
+
+    def _dark_accent(self):
+        self.dconfigure(
+            rest={
+                "back_color": "#60cdff",
+                "border_color": "#6cd1ff",
+                "border_color2": "#56b4df",
+                "border_width": 1,
+                "radius": 6,
+                "text_color": "#000000",
+            },
+            hover={
+                "back_color": "#5abce9",
+                "border_color": "#67c1eb",
+                "border_color2": "#50a5cc",
+                "border_width": 1,
+                "radius": 6,
+                "text_color": "#000000",
+            },
+            pressed={
+                "back_color": "#52a9d1",
+                "border_color": "#60b0d5",
+                "border_color2": "#60b0d5",
+                "border_width": 1,
+                "radius": 6,
+                "text_color": "#295468",
+            }
+        )
+
+    def invoke(self):
+        self.attributes.command()