tkfluent 0.0.6__tar.gz → 0.0.9__tar.gz

tkfluent-0.0.9/PKG-INFO

@@ -0,0 +1,82 @@
+Metadata-Version: 2.3
+Name: tkfluent
+Version: 0.0.9
+Summary: Fluent Design for Tkinter
+License: MIT
+Keywords: tkfluent,tksvg,tkinter,fluent,modern,UI,interface
+Author: XiangQinxi
+Author-email: xiangqinxi@outlook.com
+Requires-Python: >=3.8,<4.0
+Classifier: Development Status :: 4 - Beta
+Classifier: Environment :: MacOS X
+Classifier: Environment :: Win32 (MS Windows)
+Classifier: Environment :: X11 Applications
+Classifier: License :: OSI Approved :: MIT License
+Classifier: Natural Language :: Chinese (Simplified)
+Classifier: Natural Language :: English
+Classifier: Operating System :: MacOS
+Classifier: Operating System :: Microsoft :: Windows
+Classifier: Operating System :: POSIX :: Linux
+Classifier: Programming Language :: Python :: 3
+Classifier: Programming Language :: Python :: 3.8
+Classifier: Programming Language :: Python :: 3.9
+Classifier: Programming Language :: Python :: 3.10
+Classifier: Programming Language :: Python :: 3.11
+Classifier: Programming Language :: Python :: 3.12
+Classifier: Programming Language :: Python :: 3.13
+Classifier: Programming Language :: Tcl
+Classifier: Topic :: Software Development :: Libraries :: Python Modules
+Requires-Dist: easydict (>=1.13,<2.0)
+Requires-Dist: pillow (>=10.2.0,<11.0.0)
+Requires-Dist: svgwrite (>=1.4.3,<2.0.0)
+Requires-Dist: tkdeft (>=0.0.9,<0.0.10)
+Requires-Dist: tkextrafont (>=0.6.3,<0.7.0)
+Requires-Dist: tksvg (>=0.7.4,<0.8.0)
+Project-URL: Documentation, https://tkfluent.netlify.app
+Description-Content-Type: text/markdown
+
+# tkfluent
+
+`tkinter`现代化组件库。设计来于`Fluent` `WinUI3` 设计
+
+![](https://learn.microsoft.com/zh-cn/windows/apps/images/logo-winui.png)
+
+## 依赖图
+```bash
+PS .\tkfluent> poetry show --tree                                                                                                                                                                                        
+easydict 1.13 Access dict values as attributes (works recursively).
+pillow 10.4.0 Python Imaging Library (Fork)
+svgwrite 1.4.3 A Python library to create SVG drawings.
+tkdeft 0.0.9 使用tkinter+tksvg开发的现代化界面库
+├── easydict >=1.13,<2.0
+├── pillow >=10.2.0,<11.0.0
+├── svgwrite >=1.4.3,<2.0.0
+├── tkextrafont >=0.6.3,<0.7.0
+│   └── scikit-build *
+│       ├── distro *
+│       ├── packaging *
+│       ├── setuptools >=42.0.0
+│       ├── tomli *
+│       └── wheel >=0.32.0
+└── tksvg >=0.7.4,<0.8.0
+    └── scikit-build *
+        ├── distro *
+        ├── packaging *
+        ├── setuptools >=42.0.0
+        ├── tomli *
+        └── wheel >=0.32.0
+tkextrafont 0.6.3 Fonts loader for Tkinter
+└── scikit-build *
+    ├── distro *
+    ├── packaging *
+    ├── setuptools >=42.0.0
+    ├── tomli *
+    └── wheel >=0.32.0
+tksvg 0.7.4 SVG support for PhotoImage in Tk 8.6
+└── scikit-build *
+    ├── distro *
+    ├── packaging *
+    ├── setuptools >=42.0.0
+    ├── tomli *
+    └── wheel >=0.32.0
+```

tkfluent-0.0.9/README.md

@@ -0,0 +1,45 @@
+# tkfluent
+
+`tkinter`现代化组件库。设计来于`Fluent` `WinUI3` 设计
+
+![](https://learn.microsoft.com/zh-cn/windows/apps/images/logo-winui.png)
+
+## 依赖图
+```bash
+PS .\tkfluent> poetry show --tree                                                                                                                                                                                        
+easydict 1.13 Access dict values as attributes (works recursively).
+pillow 10.4.0 Python Imaging Library (Fork)
+svgwrite 1.4.3 A Python library to create SVG drawings.
+tkdeft 0.0.9 使用tkinter+tksvg开发的现代化界面库
+├── easydict >=1.13,<2.0
+├── pillow >=10.2.0,<11.0.0
+├── svgwrite >=1.4.3,<2.0.0
+├── tkextrafont >=0.6.3,<0.7.0
+│   └── scikit-build *
+│       ├── distro *
+│       ├── packaging *
+│       ├── setuptools >=42.0.0
+│       ├── tomli *
+│       └── wheel >=0.32.0
+└── tksvg >=0.7.4,<0.8.0
+    └── scikit-build *
+        ├── distro *
+        ├── packaging *
+        ├── setuptools >=42.0.0
+        ├── tomli *
+        └── wheel >=0.32.0
+tkextrafont 0.6.3 Fonts loader for Tkinter
+└── scikit-build *
+    ├── distro *
+    ├── packaging *
+    ├── setuptools >=42.0.0
+    ├── tomli *
+    └── wheel >=0.32.0
+tksvg 0.7.4 SVG support for PhotoImage in Tk 8.6
+└── scikit-build *
+    ├── distro *
+    ├── packaging *
+    ├── setuptools >=42.0.0
+    ├── tomli *
+    └── wheel >=0.32.0
+```

tkfluent-0.0.9/pyproject.toml

@@ -0,0 +1,44 @@
+[tool.poetry]
+name = "tkfluent"
+version = "0.0.9"
+description = "Fluent Design for Tkinter"
+authors = ["XiangQinxi <xiangqinxi@outlook.com>"]
+readme = "README.md"
+documentation = "https://tkfluent.netlify.app"
+packages = [
+    { include = "tkflu" }
+]
+license = "MIT"
+keywords = [ "tkfluent", "tksvg", "tkinter", "fluent", "modern", "UI", "interface" ]
+classifiers = [
+    "Development Status :: 4 - Beta",
+    "Environment :: MacOS X",
+    "Environment :: Win32 (MS Windows)",
+    "Environment :: X11 Applications",
+    "Natural Language :: Chinese (Simplified)",
+    "Natural Language :: English",
+    "Operating System :: Microsoft :: Windows",
+    "Operating System :: MacOS",
+    "Operating System :: POSIX :: Linux",
+    "Programming Language :: Python :: 3.8",
+    "Programming Language :: Python :: 3.9",
+    "Programming Language :: Python :: 3.10",
+    "Programming Language :: Python :: 3.11",
+    "Programming Language :: Python :: 3.12",
+    "Programming Language :: Python :: 3.13",
+    "Programming Language :: Tcl",
+    "Topic :: Software Development :: Libraries :: Python Modules"
+]
+
+[tool.poetry.dependencies]
+python = "^3.8"
+tksvg = "^0.7.4"
+tkextrafont = "^0.6.3"
+svgwrite = "^1.4.3"
+pillow = "^10.2.0"
+tkdeft = "^0.0.9"
+easydict = "^1.13"
+
+[build-system]
+requires = ["poetry-core"]
+build-backend = "poetry.core.masonry.api"

{tkfluent-0.0.6 → tkfluent-0.0.9}/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
 

{tkfluent-0.0.6 → tkfluent-0.0.9}/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()

{tkfluent-0.0.6 → tkfluent-0.0.9}/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="",

{tkfluent-0.0.6 → tkfluent-0.0.9}/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:

{tkfluent-0.0.6 → tkfluent-0.0.9}/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"],

tkfluent-0.0.9/tkflu/constants.py

@@ -0,0 +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"]

tkfluent-0.0.9/tkflu/defs.py

@@ -0,0 +1,41 @@
+def toggle_theme(toggle_button, thememanager):
+    if toggle_button.dcget('checked'):
+        thememanager.mode("dark")
+    else:
+        thememanager.mode("light")
+
+
+def set_default_font(font, attributes):
+    if font is None:
+        from .designs.fonts import SegoeFont
+        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"))

tkfluent-0.0.9/tkflu/demos/__init__.py

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

tkfluent-0.0.9/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()

tkfluent-0.0.9/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()

tkfluent-0.0.9/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
+                }
+            }