tkfluent 0.0.1__tar.gz

tkfluent-0.0.1/PKG-INFO

@@ -0,0 +1,62 @@
+Metadata-Version: 2.1
+Name: tkfluent
+Version: 0.0.1
+Summary: Fluent Design for Tkinter
+Author: XiangQinxi
+Author-email: xiangqinxi@outlook.com
+Classifier: Programming Language :: Python :: 2
+Classifier: Programming Language :: Python :: 2.7
+Classifier: Programming Language :: Python :: 3
+Classifier: Programming Language :: Python :: 3.4
+Classifier: Programming Language :: Python :: 3.5
+Classifier: Programming Language :: Python :: 3.6
+Classifier: Programming Language :: Python :: 3.7
+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
+Requires-Dist: tkdeft (>=0.0.7,<0.0.8)
+Project-URL: Documentation, https://tkfluent.netlify.app
+Description-Content-Type: text/markdown
+
+# tkdeft
+
+[![Netlify Status](https://api.netlify.com/api/v1/badges/c7626ce2-9556-4e4f-b28e-36dc0b513398/deploy-status)](https://app.netlify.com/sites/tkdeft/deploys)
+
+意为`灵巧`，灵活轻巧好用
+
+继`tkadw`之后的`tkinter`的现代化界面库
+
+> 开发中
+
+---
+
+## 原理
+先使用`svgwrite`进行矢量作图（默认会将其存储到临时文件夹中），再用`tksvg`打开图片，将图片利用`Canvas`或`Label`显示出来
+
+> 这其中还是有些坑的，比如图片不显示等
+
+
+## 计划
+未来我打算先制作出`SunValley`设计的库然后就去做别的项目
+
+设计来源： https://pixso.cn/community/file/ItC5JH1TOwj15EeOPcY7LQ?from_share
+
+### 为什么不像tkadw一样做跟易用的主题？
+因为`svg`能实现很多漂亮的组件，而我套的模板可能不对其它设计其太大的作用
+
+所以我将这个设计库放在这里当做模板，供其它设计者参考使用。
+
+
+## 更新日志
+### 2024-01-22
+发布`0.0.1`版本，模板组件包括`DButton`
+
+### 2023-01-23
+发布`0.0.2`版本，补充模板组件`DEntry`、`DFrame`、`DText`, `DBadge`
+
+### 2023-01-25
+发布`0.0.3` `0.0.4`版本，粗心了，两次补充依赖
+发布`0.0.5`版本，模板组件主题由`theme(mode=..., style=...)`设置，不再使用如`DDarkButton`这样的，添加`DWindow.wincustom`自定义窗口（仅限Windows）
+发布`0.0.6`版本，模板组件`DBadge`补充样式`style=accent`，并对自定义窗口进行稍微调整

tkfluent-0.0.1/README.md

@@ -0,0 +1,40 @@
+# tkdeft
+
+[![Netlify Status](https://api.netlify.com/api/v1/badges/c7626ce2-9556-4e4f-b28e-36dc0b513398/deploy-status)](https://app.netlify.com/sites/tkdeft/deploys)
+
+意为`灵巧`，灵活轻巧好用
+
+继`tkadw`之后的`tkinter`的现代化界面库
+
+> 开发中
+
+---
+
+## 原理
+先使用`svgwrite`进行矢量作图（默认会将其存储到临时文件夹中），再用`tksvg`打开图片，将图片利用`Canvas`或`Label`显示出来
+
+> 这其中还是有些坑的，比如图片不显示等
+
+
+## 计划
+未来我打算先制作出`SunValley`设计的库然后就去做别的项目
+
+设计来源： https://pixso.cn/community/file/ItC5JH1TOwj15EeOPcY7LQ?from_share
+
+### 为什么不像tkadw一样做跟易用的主题？
+因为`svg`能实现很多漂亮的组件，而我套的模板可能不对其它设计其太大的作用
+
+所以我将这个设计库放在这里当做模板，供其它设计者参考使用。
+
+
+## 更新日志
+### 2024-01-22
+发布`0.0.1`版本，模板组件包括`DButton`
+
+### 2023-01-23
+发布`0.0.2`版本，补充模板组件`DEntry`、`DFrame`、`DText`, `DBadge`
+
+### 2023-01-25
+发布`0.0.3` `0.0.4`版本，粗心了，两次补充依赖
+发布`0.0.5`版本，模板组件主题由`theme(mode=..., style=...)`设置，不再使用如`DDarkButton`这样的，添加`DWindow.wincustom`自定义窗口（仅限Windows）
+发布`0.0.6`版本，模板组件`DBadge`补充样式`style=accent`，并对自定义窗口进行稍微调整

tkfluent-0.0.1/pyproject.toml

@@ -0,0 +1,17 @@
+[tool.poetry]
+name = "tkfluent"
+version = "0.0.1"
+description = "Fluent Design for Tkinter"
+authors = ["XiangQinxi <xiangqinxi@outlook.com>"]
+readme = "README.md"
+documentation = "https://tkfluent.netlify.app"
+packages = [
+    { include = "tkflu" }
+]
+
+[tool.poetry.dependencies]
+tkdeft = "^0.0.7"
+
+[build-system]
+requires = ["poetry-core"]
+build-backend = "poetry.core.masonry.api"

tkfluent-0.0.1/tkflu/__init__.py

@@ -0,0 +1,24 @@
+"""、
+
+Fluent设计的tkinter组件库（模板）
+
+-------------
+作者：XiangQinxi
+-------------
+"""
+
+from .badge import FluBadge
+from .button import FluButton
+from .entry import FluEntry
+from .frame import FluFrame
+from .label import FluLabel
+from .text import FluText
+from .window import FluWindow
+
+FluChip = FluBadge
+FluPushButton = FluButton
+FluTextInput = FluEntry
+FluTextBox = FluText
+FluPanel = FluFrame
+
+# 

tkfluent-0.0.1/tkflu/__main__.py

@@ -0,0 +1,36 @@
+from tkflu import *
+from tkinter import *
+from tkinter.font import *
+
+mode = "light"
+
+root = FluWindow(mode=mode)
+root.wincustom()
+root.wm_geometry("180x320")
+
+frame = FluFrame(mode=mode)
+
+badge1 = FluBadge(frame, text="DBadge", width=60, mode=mode)
+badge1.pack(padx=5, pady=5)
+
+badge2 = FluBadge(frame, text="DBadge (Accent)", width=110, mode=mode, style="accent")
+badge2.pack(padx=5, pady=5)
+
+button1 = FluButton(
+    frame, text="DButton", command=lambda: print("DDarkButton -> Clicked"), mode=mode
+)
+button1.pack(fill="x", padx=5, pady=5)
+
+button2 = FluButton(
+    frame, text="DButton (Accent)", command=lambda: print("DDarkAccentButton -> Clicked"), style="accent", mode=mode
+)
+button2.pack(fill="x", padx=5, pady=5)
+
+entry1 = FluEntry(frame, mode=mode)
+entry1.pack(fill="x", padx=5, pady=5)
+
+text1 = FluText(frame, mode=mode)
+text1.pack(fill="x", padx=5, pady=5)
+
+frame.pack(fill="both", expand="yes", side="right", padx=5, pady=5)
+root.mainloop()

tkfluent-0.0.1/tkflu/badge.py

@@ -0,0 +1,144 @@
+from tkdeft.windows.draw import DSvgDraw
+from tkdeft.windows.canvas import DCanvas
+from tkdeft.windows.drawwidget import DDrawWidget
+
+
+class FluBadgeDraw(DSvgDraw):
+    def create_roundrect(self,
+                         x1, y1, x2, y2, temppath=None,
+                         fill="transparent", outline="black", width=1
+                         ):
+        drawing = self.create_drawing(x2 - x1, y2 - y1, temppath=temppath)
+        drawing[1].add(
+            drawing[1].rect(
+                (x1, y1), (x2 - x1, y2 - y1), 20, 25,
+                fill=fill, stroke_width=width,
+                stroke=outline,
+            )
+        )
+        drawing[1].save()
+        return drawing[0]
+
+
+class FluBadgeCanvas(DCanvas):
+    draw = FluBadgeDraw
+
+    def create_round_rectangle(self,
+                               x1, y1, x2, y2, temppath=None,
+                               fill="transparent", outline="black", width=1
+                               ):
+        self._img = self.svgdraw.create_roundrect(
+            x1, y1, x2, y2, temppath=temppath,
+            fill=fill, outline=outline, 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 FluBadge(FluBadgeCanvas, DDrawWidget):
+
+    def __init__(self, *args,
+                 text="",
+                 width=70,
+                 height=30,
+                 font=None,
+                 mode="light",
+                 style="standard",
+                 **kwargs):
+        self._init(mode, style)
+
+        super().__init__(*args, width=width, height=height, **kwargs)
+
+        self.dconfigure(
+            text=text,
+        )
+
+        self.bind("<<Clicked>>", lambda event=None: self.focus_set(), 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,
+
+                "back_color": None,
+                "border_color": None,
+                "border_width": None,
+                "text_color": None
+            }
+        )
+
+        self.theme(mode, style)
+
+    def _draw(self, event=None):
+        super()._draw(event)
+
+        self.delete("all")
+
+        _back_color = self.attributes.back_color
+        _border_color = self.attributes.border_color
+        _border_width = self.attributes.border_width
+        _text_color = self.attributes.text_color
+
+        self.element_border = self.create_round_rectangle(
+            0, 0, self.winfo_width(), self.winfo_height(), temppath=self.temppath,
+            fill=_back_color, outline=_border_color, 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, 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(
+            back_color="#f0f0f0",
+            border_color="#f0f0f0",
+            border_width=1,
+            text_color="#191919",
+        )
+
+    def _light_accent(self):
+        self.dconfigure(
+            back_color="#005fb8",
+            border_color="#005fb8",
+            border_width=1,
+            text_color="#ffffff",
+        )
+
+    def _dark(self):
+        self.dconfigure(
+            back_color="#242424",
+            border_color="#242424",
+            border_width=1,
+            text_color="#ffffff",
+        )
+
+    def _dark_accent(self):
+        self.dconfigure(
+            back_color="#60cdff",
+            border_color="#60cdff",
+            border_width=1,
+            text_color="#000000",
+        )

tkfluent-0.0.1/tkflu/button.py

@@ -0,0 +1,283 @@
+from tkdeft.windows.draw import DSvgDraw
+from tkdeft.windows.canvas import DCanvas
+from tkdeft.windows.drawwidget import DDrawWidget
+
+
+class FluButtonDraw(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="DButton.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 FluButtonCanvas(DCanvas):
+    draw = FluButtonDraw
+
+    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 FluButton(FluButtonCanvas, 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="standard"):
+        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()