tkfluent 0.0.6__py3-none-any.whl → 0.0.9__py3-none-any.whl

tkflu/__init__.py

@@ -9,19 +9,22 @@ Fluent设计的tkinter组件库（模板）
 
 from .badge import FluBadge
 from .button import FluButton
+from .bwm import BWm
 from .constants import *
 from .defs import *
 from .entry import FluEntry
 from .frame import FluFrame
+from .icons import *
 from .label import FluLabel
 from .menu import FluMenu
 from .menubar import FluMenuBar
 from .popupmenu import FluPopupMenu, FluPopupMenuWindow
 from .popupwindow import FluPopupWindow
+from .slider import FluSlider
 from .text import FluText
 from .thememanager import FluThemeManager
 from .togglebutton import FluToggleButton
-from .tooltip import FluToolTip
+from .tooltip import FluToolTip, FluToolTip2, FluToolTipBase
 from .toplevel import FluToplevel
 from .window import FluWindow
 

tkflu/__main__.py

@@ -2,11 +2,26 @@ from tkflu import *
 from tkinter import *
 from tkinter.font import *
 
-orange_primary_color()
-
+blue_primary_color()
+
+def togglestate():
+    if button1.dcget("state") == NORMAL:
+        button1.dconfigure(state=DISABLED)
+        button2.dconfigure(state=DISABLED)
+        entry1.dconfigure(state=DISABLED)
+        button1._draw()
+        button2._draw()
+        entry1._draw()
+    else:
+        button1.dconfigure(state=NORMAL)
+        button2.dconfigure(state=NORMAL)
+        entry1.dconfigure(state=NORMAL)
+        button1._draw()
+        button2._draw()
+        entry1._draw()
 root = FluWindow()
 #root.wincustom(way=0)
-root.wm_geometry("360x500")
+root.geometry("360x600")
 
 popupmenu = FluPopupMenu()
 
@@ -52,6 +67,14 @@ badge1.pack(padx=5, pady=5)
 badge2 = FluBadge(frame, text="FluBadge (Accent)", width=120, style="accent")
 badge2.pack(padx=5, pady=5)
 
+label1 = FluLabel(frame, text="FluLabel(Hover Me)")
+label1.tooltip(text="FluToolTip")
+label1.pack(padx=5, pady=5)
+
+label2 = FluLabel(frame, text="FluLabel2(Hover Me)")
+label2.tooltip(text="FluToolTip2", way=1)
+label2.pack(padx=5, pady=5)
+
 button1 = FluButton(
     frame, text="FluButton", command=lambda: print("FluButton -> Clicked")
 )
@@ -72,6 +95,11 @@ togglebutton2 = FluToggleButton(
 )
 togglebutton2.pack(fill="x", padx=5, pady=5)
 
+togglebutton3 = FluToggleButton(
+    frame, text="Toggle State", command=lambda: togglestate()
+)
+togglebutton3.pack(fill="x", padx=5, pady=5)
+
 entry1 = FluEntry(frame)
 entry1.pack(fill="x", padx=5, pady=5)
 
@@ -81,6 +109,13 @@ entry2.pack(fill="x", padx=5, pady=5)
 text1 = FluText(frame)
 text1.pack(fill="x", padx=5, pady=5)
 
+slider1 = FluSlider(frame, value=0)
+slider1.pack(fill="x", padx=5, pady=5)
+
+"""listbox1 = FluListBox(frame)
+listbox1.dconfigure()
+listbox1.pack(fill="x", padx=5, pady=5)"""
+
 frame.pack(fill="both", expand="yes", side="right", padx=5, pady=5)
 
 root.mainloop()

tkflu/badge.py

@@ -51,7 +51,10 @@ class FluBadgeCanvas(DCanvas):
     create_roundrect = create_round_rectangle
 
 
-class FluBadge(FluBadgeCanvas, DDrawWidget):
+from .tooltip import FluToolTipBase
+
+
+class FluBadge(FluBadgeCanvas, DDrawWidget, FluToolTipBase):
 
     def __init__(self, *args,
                  text="",

tkflu/button.py

@@ -61,16 +61,19 @@ class FluButtonCanvas(DCanvas):
     create_roundrect = create_round_rectangle
 
 
-class FluButton(FluButtonCanvas, DDrawWidget):
+from .constants import MODE, STATE, BUTTONSTYLE
+from .tooltip import FluToolTipBase
+
+class FluButton(FluButtonCanvas, DDrawWidget, FluToolTipBase):
     def __init__(self, *args,
                  text="",
                  width=120,
                  height=32,
                  command=None,
                  font=None,
-                 mode="light",
-                 style="standard",
-                 state="normal",
+                 mode: MODE = "light",
+                 style: BUTTONSTYLE = "standard",
+                 state: STATE = "normal",
                  **kwargs):
         self._init(mode, style)
 
@@ -95,7 +98,7 @@ class FluButton(FluButtonCanvas, DDrawWidget):
         from .defs import set_default_font
         set_default_font(font, self.attributes)
 
-    def _init(self, mode, style):
+    def _init(self, mode: MODE, style: BUTTONSTYLE):
 
         from easydict import EasyDict
 
@@ -161,7 +164,7 @@ class FluButton(FluButtonCanvas, DDrawWidget):
             fill=_text_color, text=self.attributes.text, font=self.attributes.font
         )
 
-    def theme(self, mode=None, style=None):
+    def theme(self, mode: MODE = None, style: BUTTONSTYLE = None):
         if mode:
             self.mode = mode
         if style:

tkflu/bwm.py

@@ -126,6 +126,8 @@ class BWm(object):
     def _theme(self, mode):
         from .designs.window import window
         n = window(mode)
+        """if self.attributes.back_color is not None:
+            n["back_color"] = self.attributes.back_color"""
         self.dconfigure(
             back_color=n["back_color"],
             text_color=n["text_color"],

tkflu/constants.py

@@ -1,15 +1,25 @@
+from typing import Literal
+
 NO = FALSE = OFF = 0
 YES = TRUE = ON = 1
 
 # Modes
 LIGHT = 'light'
 DARK = 'dark'
+MODE = Literal["light", "dark"]
 
 # States
 NORMAL = 'normal'
 DISABLED = 'disabled'
+STATE = Literal["normal", "disabled"]
 
 # FluButton Styles
 STANDARD = 'standard'
 ACCENT = 'accent'
 MENU = 'menu'
+BUTTONSTYLE = Literal["standard", "accent", "menu"]
+
+# FluFrame Styles
+STANDARD = 'standard'
+POPUPMENU = 'popupmenu'
+FRAMESTYLE = Literal["standard", "popupmenu"]

tkflu/defs.py

@@ -11,6 +11,31 @@ def set_default_font(font, attributes):
         attributes.font = SegoeFont()
 
 
+def red_primary_color():
+    from .designs.primary_color import set_primary_color
+    set_primary_color(("#d20e1e", "#f46762"))
+
+
 def orange_primary_color():
     from .designs.primary_color import set_primary_color
     set_primary_color(("#c53201", "#fe7e34"))
+
+
+def yellow_primary_color():
+    from .designs.primary_color import set_primary_color
+    set_primary_color(("#e19d00", "#ffd52a"))
+
+
+def green_primary_color():
+    from .designs.primary_color import set_primary_color
+    set_primary_color(("#0e6d0e", "#45e532"))
+
+
+def blue_primary_color():
+    from .designs.primary_color import set_primary_color
+    set_primary_color(("#005fb8", "#60cdff"))
+
+
+def purple_primary_color():
+    from .designs.primary_color import set_primary_color
+    set_primary_color(("#4f4dce", "#b5adeb"))

tkflu/demos/__init__.py

@@ -0,0 +1 @@
+# 这里没什么好东西，请不要在项目中导入，可以自行查看该文件夹中其他demo

tkflu/demos/acrylic1.py

@@ -0,0 +1,18 @@
+from tkflu import *
+from pywinstyles import *
+
+
+root = FluWindow()
+
+thememanager = FluThemeManager()
+thememanager.mode("dark")
+
+root.dconfigure(back_color="#000000")
+
+btn1 = FluButton(root, text="Normal", command=lambda: apply_style(root, "normal"))
+btn1.pack(padx=5, pady=5)
+
+btn2 = FluButton(root, text="Acrylic", command=lambda: apply_style(root, "acrylic"))
+btn2.pack(padx=5, pady=5)
+
+root.mainloop()

tkflu/demos/tooltip.py

@@ -0,0 +1,13 @@
+from tkflu import *
+
+
+root = FluWindow()
+
+thememanager = FluThemeManager(root, mode="dark")
+
+button = FluButton(root, text="Click me", command=lambda: print("Clicked"), style="standard")
+button.pack()
+
+tooltip = FluToolTip(button, text="This is a tooltip")
+
+root.mainloop()

tkflu/designs/slider.py

@@ -0,0 +1,253 @@
+from .primary_color import get_primary_color
+
+
+def slider(mode: str, state: str):
+    mode = mode.lower()
+    state = state.lower()
+
+    if mode == "light":
+        if state == "rest":
+            return {
+                "radius": 2,
+                "thumb": {
+                    "radius": 12,
+                    "inner_radius": 6,
+
+                    "back_color": "#FFFFFF",
+                    "back_opacity": 1,
+
+                    "border_color": "#000000",
+                    "border_color_opacity": 0.058824,
+
+                    "border_color2": "#000000",
+                    "border_color2_opacity": 0.160784,
+
+                    "inner_back_color": get_primary_color()[0],
+                    "inner_back_opacity": 1,
+                },
+                "track": {
+                    "width": 4,
+
+                    "back_color": get_primary_color()[0],
+                    "back_opacity": 1
+                },
+                "rail": {
+                    "back_color": "#000000",
+                    "back_opacity": 0.445800
+                }
+            }
+        elif state == "hover":
+            return {
+                "radius": 2,
+                "thumb": {
+                    "radius": 12,
+                    "inner_radius": 8,
+
+                    "back_color": "#FFFFFF",
+                    "back_opacity": 1,
+
+                    "border_color": "#000000",
+                    "border_color_opacity": 0.058824,
+
+                    "border_color2": "#000000",
+                    "border_color2_opacity": 0.160784,
+
+                    "inner_back_color": get_primary_color()[0],
+                    "inner_back_opacity": 1,
+                },
+                "track": {
+                    "width": 4,
+
+                    "back_color": get_primary_color()[0],
+                    "back_opacity": 1
+                },
+                "rail": {
+                    "back_color": "#000000",
+                    "back_opacity": 0.445800
+                }
+            }
+        elif state == "pressed":
+            return {
+                "radius": 2,
+                "thumb": {
+                    "radius": 12,
+                    "inner_radius": 5,
+
+                    "back_color": "#FFFFFF",
+                    "back_opacity": 1,
+
+                    "border_color": "#000000",
+                    "border_color_opacity": 0.058824,
+
+                    "border_color2": "#000000",
+                    "border_color2_opacity": 0.160784,
+
+                    "inner_back_color": get_primary_color()[0],
+                    "inner_back_opacity": 0.8,
+                },
+                "track": {
+                    "width": 4,
+
+                    "back_color": get_primary_color()[0],
+                    "back_opacity": 1
+                },
+                "rail": {
+                    "back_color": "#000000",
+                    "back_opacity": 0.445800
+                }
+            }
+        elif state == "disabled":
+            return {
+                "radius": 2,
+                "thumb": {
+                    "radius": 12,
+                    "inner_radius": 6,
+
+                    "back_color": "#FFFFFF",
+                    "back_opacity": 1,
+
+                    "border_color": "#000000",
+                    "border_color_opacity": 0.058824,
+
+                    "border_color2": "#000000",
+                    "border_color2_opacity": 0.160784,
+
+                    "inner_back_color": "#000000",
+                    "inner_back_opacity": 0.317300,
+                },
+                "track": {
+                    "width": 4,
+
+                    "back_color": "#000000",
+                    "back_opacity": 0.216900
+                },
+                "rail": {
+                    "back_color": "#000000",
+                    "back_opacity": 0.317300
+                }
+            }
+    else:
+        if state == "rest":
+            return {
+                "radius": 2,
+                "thumb": {
+                    "radius": 12,
+
+                    "inner_radius": 6,
+                    "inner_back_color": get_primary_color()[1],
+                    "inner_back_opacity": 1,
+
+                    "back_color": "#454545",
+                    "back_opacity": 1,
+
+                    "border_color": "#FFFFFF",
+                    "border_color_opacity": 0.094118,
+
+                    "border_color2": "#FFFFFF",
+                    "border_color2_opacity": 0.070588,
+
+                },
+                "track": {
+                    "width": 4,
+
+                    "back_color": get_primary_color()[1],
+                    "back_opacity": 1
+                },
+                "rail": {
+                    "back_color": "#FFFFFF",
+                    "back_opacity": 0.544200
+                }
+            }
+        elif state == "hover":
+            return {
+                "radius": 2,
+                "thumb": {
+                    "radius": 12,
+
+                    "inner_radius": 8,
+                    "inner_back_color": get_primary_color()[1],
+                    "inner_back_opacity": 1,
+
+                    "back_color": "#454545",
+                    "back_opacity": 1,
+
+                    "border_color": "#FFFFFF",
+                    "border_color_opacity": 0.094118,
+
+                    "border_color2": "#FFFFFF",
+                    "border_color2_opacity": 0.070588,
+
+                },
+                "track": {
+                    "width": 4,
+
+                    "back_color": get_primary_color()[1],
+                    "back_opacity": 1
+                },
+                "rail": {
+                    "back_color": "#FFFFFF",
+                    "back_opacity": 0.544200
+                }
+            }
+        elif state == "pressed":
+            return {
+                "radius": 2,
+                "thumb": {
+                    "radius": 12,
+
+                    "inner_radius": 5,
+                    "inner_back_color": get_primary_color()[1],
+                    "inner_back_opacity": 0.8,
+
+                    "back_color": "#454545",
+                    "back_opacity": 1,
+
+                    "border_color": "#FFFFFF",
+                    "border_color_opacity": 0.094118,
+
+                    "border_color2": "#FFFFFF",
+                    "border_color2_opacity": 0.070588,
+
+                },
+                "track": {
+                    "width": 4,
+
+                    "back_color": get_primary_color()[1],
+                    "back_opacity": 1
+                },
+                "rail": {
+                    "back_color": "#FFFFFF",
+                    "back_opacity": 0.544200
+                }
+            }
+        elif state == "disabled":
+            return {
+                "radius": 2,
+                "thumb": {
+                    "radius": 12,
+
+                    "inner_radius": 6,
+                    "inner_back_color": "#FFFFFF",
+                    "inner_back_opacity": 0.158100,
+
+                    "back_color": "#454545",
+                    "back_opacity": 1,
+
+                    "border_color": "#FFFFFF",
+                    "border_color_opacity": 0.094118,
+
+                    "border_color2": "#FFFFFF",
+                    "border_color2_opacity": 0.070588,
+
+                },
+                "track": {
+                    "width": 4,
+
+                    "back_color": "#FFFFFF",
+                    "back_opacity": 0.158100
+                },
+                "rail": {
+                    "back_color": "#FFFFFF",
+                    "back_opacity": 0.544200
+                }
+            }

tkflu/designs/tooltip.py

@@ -0,0 +1,15 @@
+def tooltip(mode):
+    if mode.lower() == "light":
+        return {
+            "back_color": "#e2e2e2",
+            "text_color": "#000000",
+            "frame_color": "#F9F9F9",
+            "frame_border_color": "#ebebeb"
+        }
+    else:
+        return {
+            "back_color": "#1a1a1a",
+            "text_color": "#ffffff",
+            "frame_color": "#2f2f2f",
+            "frame_border_color": "#161616"
+        }

tkflu/designs/window.py

@@ -1,7 +1,7 @@
 def window(mode):
     if mode.lower() == "light":
         return {
-            "back_color": "#ffffff",
+            "back_color": "#f9f9f9",
             "text_color": "#000000",
             "closebutton": {
                 "back_color": "#cf392d",
@@ -11,7 +11,7 @@ def window(mode):
         }
     else:
         return {
-            "back_color": "#202020",
+            "back_color": "#282828",
             "text_color": "#ffffff",
             "closebutton": {
                 "back_color": "#c42b1c",

tkflu/entry.py

@@ -71,7 +71,10 @@ class FluEntryCanvas(DCanvas):
     create_roundrect = create_round_rectangle
 
 
-class FluEntry(FluEntryCanvas, DDrawWidget):
+from .tooltip import FluToolTipBase
+
+
+class FluEntry(FluEntryCanvas, DDrawWidget, FluToolTipBase):
     def __init__(self, *args,
                  width=120,
                  height=32,
@@ -96,7 +99,7 @@ class FluEntry(FluEntryCanvas, DDrawWidget):
 
         super().__init__(*args, width=width, height=height, cursor=cursor, **kwargs)
 
-        self.bind("<FocusIn>", self._event_focus_in, add="+")
+        self.bind("<Button-1>", lambda e: self.entry.focus_set())
 
         self.dconfigure(
             state=state,
@@ -188,6 +191,8 @@ class FluEntry(FluEntryCanvas, DDrawWidget):
             height=self.winfo_height() - _border_width * 2 - _radius
         )
 
+        self.tag_raise(self.element_text)
+
     def _event_focus_in(self, event=None):
         self.isfocus = True
 

tkflu/label.py

@@ -1,7 +1,8 @@
 from tkdeft.windows.drawwidget import DDrawWidget
+from .tooltip import FluToolTipBase
 
 
-class FluLabel(DDrawWidget):
+class FluLabel(DDrawWidget, FluToolTipBase):
     def __init__(self, *args,
                  text="",
                  width=120,

tkflu/menu.py

@@ -1,8 +1,9 @@
 from .popupmenu import FluPopupMenu
 from tkdeft.object import DObject
+from .tooltip import FluToolTipBase
 
 
-class FluMenu(FluPopupMenu):
+class FluMenu(FluPopupMenu, FluToolTipBase):
     def __init__(self, *args, **kwargs):
         super().__init__(*args, **kwargs)
 
@@ -84,19 +85,19 @@ class FluMenu(FluPopupMenu):
         else:
             id = widget._w
 
-        def command():
+        def command(event=None):
             print(menu._w)
-            menu.focus_set()
 
             menu.popup(widget.winfo_rootx()+widget.winfo_width()+100, widget.winfo_rooty())
             menu.window.deiconify()
             menu.window.attributes("-topmost")
 
         if hasattr(widget, "dconfigure"):
-            widget.dconfigure(text=label, command=command)
+            widget.dconfigure(text=label)
         else:
             if hasattr(widget, "configure"):
-                widget.configure(text=label, command=command)
+                widget.configure(text=label)
+        widget.bind("<Enter>", command, add="+")
         if hasattr(widget, "theme"):
             widget.theme(style=style)
 

tkflu/popupwindow.py

@@ -2,16 +2,17 @@ from tkinter import Toplevel
 
 
 class FluPopupWindow(Toplevel):
-    def __init__(self, *args, transparent_color="#ebebeb", mode="light", width=100, height=46, **kwargs):
+    def __init__(self, *args, transparent_color="#ebebeb", mode="light", width=100, height=46, custom=True, **kwargs):
         super().__init__(*args, background=transparent_color, **kwargs)
 
         self.theme(mode=mode)
 
         self.geometry(f"{width}x{height}")
 
-        self.transient_color = transparent_color
-        self.overrideredirect(True)
-        self.attributes("-transparentcolor", transparent_color)
+        if custom:
+            self.transient_color = transparent_color
+            self.overrideredirect(True)
+            self.wm_attributes("-transparentcolor", transparent_color)
 
         self.withdraw()
 
@@ -22,6 +23,7 @@ class FluPopupWindow(Toplevel):
 
     def popup(self, x, y):
         self.geometry(f"+{x}+{y}")
+        #self.focus_set()
 
     def theme(self, mode=None):
         if mode: