flexgui 1.0.0__tar.gz → 1.0.2__tar.gz

{flexgui-1.0.0 → flexgui-1.0.2}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.5
 Name: flexgui
-Version: 1.0.0
+Version: 1.0.2
 Summary: Thư viện GUI Python kéo-thả-thiết-kế trên tkinter — FlexGUI Studio tích hợp (design mode + mini VS Code cho trigger)
 Keywords: gui,tkinter,designer,drag-and-drop,visual-designer,no-code,vietnamese,flexgui
 Author: FlexGUI Team
@@ -78,9 +78,9 @@ thiết kế đã lưu). Tính năng:
 - **Multi-select**: Ctrl/Shift + click, quét vùng chuột, kéo cả cụm
 - Đổi z-order (menu chuột phải), nhân bản `Ctrl+D`, undo/redo `Ctrl+Z/Y`
 - Bảng thuộc tính bên phải: chữ, tọa độ, kích thước **pixel WYSIWYG**,
-  màu chữ/nền, cỡ chữ, ẩn khi chạy, khoá...
+  màu chữ/nền, cỡ chữ, **độ trong suốt 0–100%**, ẩn khi chạy, khoá...
 - **Xem trước F5** — chạy thử app thật + trigger thật ngay tại chỗ
-- **Build .exe** bằng PyInstaller (nút 📦 — tự cài nếu thiếu)
+- **Build .exe** bằng PyInstaller (nút ❖ — tự cài nếu thiếu)
 - **Xuất .py** — 1 file tự chạy nhúng toàn bộ thiết kế + trigger
 
 `Ctrl+S` lưu 2 file cạnh `myapp.py`:
@@ -93,7 +93,7 @@ thiết kế đã lưu). Tính năng:
 ## 3. Trigger — sửa ở Studio HOẶC VS Code đều được
 
 `myapp.triggers.py` là file Python thật: mở bằng **mini VS Code** trong
-Studio (nút ⌨ Triggers) **hoặc** VS Code ngoài — cả hai sửa cùng một file.
+Studio (nút `</> Triggers`) **hoặc** VS Code ngoài — cả hai sửa cùng một file.
 
 ```python
 # myapp.triggers.py — label/button/... đã có sẵn, không cần import
@@ -159,8 +159,9 @@ label[1].set_text("...")          # tương đương
 label[1].get_text()
 label[1].x = 200                  # tọa độ pixel (đọc/ghi)
 label[1].color = "red"            # màu chữ
-label[1].bg = "#FFF3B0"           # màu nền
+label[1].bg = "#FFF3B0"           # màu nền GỐC
 label[1].font_size = 14
+label[1].transparency = 70         # ĐỘ TRONG SUỐT nền 0–100%
 label[1].visible = False          # tàng hình / hiện lại
 label[1].enabled = False          # khoá / mở
 label[1].place(120, 80)           # đặt lại vị trí tuyệt đối
@@ -179,6 +180,24 @@ alert("...") · confirm("...?") → True/False · prompt("Tên?") → str/None
 close_app()
 ```
 
+### Độ trong suốt (transparent background)
+
+`transparency` chạy từ `0` (nền đậm nguyên gốc) đến `100` (hòa hoàn toàn
+vào màu nền cửa sổ — trông như không có nền). tkinter không có alpha thật
+cho từng widget nên FlexGUI **pha màu nền widget về đúng màu nền cửa sổ**:
+
+```python
+label[1].bg = "#0078d4"            # nền xanh đậm
+label[1].transparency = 50         # → xanh nhạt ngang nền cửa sổ
+label[1].transparency = 100         # → nhìn như label không có nền
+set_bg("#fff8e1")                  # đổi nền cửa sổ — mọi widget
+                                   #   trong suốt tự PHA LẠI theo nền mới
+```
+
+Trong **Studio**: chọn thành phần → bảng phải → hàng **“Trong suốt”** có
+thanh trượt 0–100% (bước 5). Canvas hiển thị đúng hiệu ứng + huy hiệu `%`
+góc trên để nhận biết, lưu vào `myapp.flexgui.json` và cả file xuất `.py`.
+
 Widget bị xóa thì `input[3]` trả **widget rỗng an toàn** — code cũ không
 bao giờ văng lỗi. ID **tái sử dụng**: xóa `input[3]` rồi thêm widget mới
 thì widget mới nhận lại đúng ID `[3]`.
@@ -187,7 +206,7 @@ thì widget mới nhận lại đúng ID `[3]`.
 
 ## Đóng gói & chia sẻ
 
-- **Build .exe** (nút 📦 trong Studio): PyInstaller tự động — file nằm
+- **Build .exe** (nút ❖ trong Studio): PyInstaller tự động — file nằm
   trong `flexgui_build/dist/`.
 - **Xuất .py** (nút ▲): 1 file duy nhất nhúng thiết kế + trigger — chạy
   bằng `python ten_file.py` (cần `pip install flexgui`).
@@ -213,6 +232,21 @@ flexgui/
 - Python 3.8+ (chỉ dùng thư viện chuẩn — **không cần cài thêm gì**)
 - Build `.exe` cần `pip install pyinstaller` (Studio tự cài nếu thiếu)
 
+## Lịch sử phiên bản
+
+- **1.0.2** — **Sửa lỗi "Xem trước" (F5) mở lại Studio**: khi file người
+  dùng còn `flexgui.setup()` (hoặc `design.mode = True`, hoặc chạy với cờ
+  `--design`), bấm "Xem trước" trước đây làm cửa sổ preview tự hủy rồi mở
+  thêm một Studio mới. Giờ cửa sổ xem trước **luôn chạy app thật + trigger
+  thật**, không cần sửa file trước khi xem trước.
+- **1.0.1** — Sửa nút toolbar bị ẩn/ô trống (lỗi không truyền chữ vào nút;
+  thay ký hiệu bằng bộ glyph an toàn đa nền tảng — không còn ô vuông
+  trống trên Linux); **thêm độ trong suốt `transparency` 0–100%** cho cả
+  5 widget (thanh trượt trong bảng thuộc tính + pha màu tự động khi đổi
+  nền cửa sổ); tương thích Tk 8.6 & 9.x.
+- **1.0.0** — Bản đầu: package PyPI, `flexgui.setup()` / `design.mode`,
+  Studio canvas Figma-style, trigger sửa 2 đầu Studio + VS Code.
+
 ## Đăng package lên PyPI (cho người phát hành)
 
 ```bash

{flexgui-1.0.0 → flexgui-1.0.2}/README.md

@@ -49,9 +49,9 @@ thiết kế đã lưu). Tính năng:
 - **Multi-select**: Ctrl/Shift + click, quét vùng chuột, kéo cả cụm
 - Đổi z-order (menu chuột phải), nhân bản `Ctrl+D`, undo/redo `Ctrl+Z/Y`
 - Bảng thuộc tính bên phải: chữ, tọa độ, kích thước **pixel WYSIWYG**,
-  màu chữ/nền, cỡ chữ, ẩn khi chạy, khoá...
+  màu chữ/nền, cỡ chữ, **độ trong suốt 0–100%**, ẩn khi chạy, khoá...
 - **Xem trước F5** — chạy thử app thật + trigger thật ngay tại chỗ
-- **Build .exe** bằng PyInstaller (nút 📦 — tự cài nếu thiếu)
+- **Build .exe** bằng PyInstaller (nút ❖ — tự cài nếu thiếu)
 - **Xuất .py** — 1 file tự chạy nhúng toàn bộ thiết kế + trigger
 
 `Ctrl+S` lưu 2 file cạnh `myapp.py`:
@@ -64,7 +64,7 @@ thiết kế đã lưu). Tính năng:
 ## 3. Trigger — sửa ở Studio HOẶC VS Code đều được
 
 `myapp.triggers.py` là file Python thật: mở bằng **mini VS Code** trong
-Studio (nút ⌨ Triggers) **hoặc** VS Code ngoài — cả hai sửa cùng một file.
+Studio (nút `</> Triggers`) **hoặc** VS Code ngoài — cả hai sửa cùng một file.
 
 ```python
 # myapp.triggers.py — label/button/... đã có sẵn, không cần import
@@ -130,8 +130,9 @@ label[1].set_text("...")          # tương đương
 label[1].get_text()
 label[1].x = 200                  # tọa độ pixel (đọc/ghi)
 label[1].color = "red"            # màu chữ
-label[1].bg = "#FFF3B0"           # màu nền
+label[1].bg = "#FFF3B0"           # màu nền GỐC
 label[1].font_size = 14
+label[1].transparency = 70         # ĐỘ TRONG SUỐT nền 0–100%
 label[1].visible = False          # tàng hình / hiện lại
 label[1].enabled = False          # khoá / mở
 label[1].place(120, 80)           # đặt lại vị trí tuyệt đối
@@ -150,6 +151,24 @@ alert("...") · confirm("...?") → True/False · prompt("Tên?") → str/None
 close_app()
 ```
 
+### Độ trong suốt (transparent background)
+
+`transparency` chạy từ `0` (nền đậm nguyên gốc) đến `100` (hòa hoàn toàn
+vào màu nền cửa sổ — trông như không có nền). tkinter không có alpha thật
+cho từng widget nên FlexGUI **pha màu nền widget về đúng màu nền cửa sổ**:
+
+```python
+label[1].bg = "#0078d4"            # nền xanh đậm
+label[1].transparency = 50         # → xanh nhạt ngang nền cửa sổ
+label[1].transparency = 100         # → nhìn như label không có nền
+set_bg("#fff8e1")                  # đổi nền cửa sổ — mọi widget
+                                   #   trong suốt tự PHA LẠI theo nền mới
+```
+
+Trong **Studio**: chọn thành phần → bảng phải → hàng **“Trong suốt”** có
+thanh trượt 0–100% (bước 5). Canvas hiển thị đúng hiệu ứng + huy hiệu `%`
+góc trên để nhận biết, lưu vào `myapp.flexgui.json` và cả file xuất `.py`.
+
 Widget bị xóa thì `input[3]` trả **widget rỗng an toàn** — code cũ không
 bao giờ văng lỗi. ID **tái sử dụng**: xóa `input[3]` rồi thêm widget mới
 thì widget mới nhận lại đúng ID `[3]`.
@@ -158,7 +177,7 @@ thì widget mới nhận lại đúng ID `[3]`.
 
 ## Đóng gói & chia sẻ
 
-- **Build .exe** (nút 📦 trong Studio): PyInstaller tự động — file nằm
+- **Build .exe** (nút ❖ trong Studio): PyInstaller tự động — file nằm
   trong `flexgui_build/dist/`.
 - **Xuất .py** (nút ▲): 1 file duy nhất nhúng thiết kế + trigger — chạy
   bằng `python ten_file.py` (cần `pip install flexgui`).
@@ -184,6 +203,21 @@ flexgui/
 - Python 3.8+ (chỉ dùng thư viện chuẩn — **không cần cài thêm gì**)
 - Build `.exe` cần `pip install pyinstaller` (Studio tự cài nếu thiếu)
 
+## Lịch sử phiên bản
+
+- **1.0.2** — **Sửa lỗi "Xem trước" (F5) mở lại Studio**: khi file người
+  dùng còn `flexgui.setup()` (hoặc `design.mode = True`, hoặc chạy với cờ
+  `--design`), bấm "Xem trước" trước đây làm cửa sổ preview tự hủy rồi mở
+  thêm một Studio mới. Giờ cửa sổ xem trước **luôn chạy app thật + trigger
+  thật**, không cần sửa file trước khi xem trước.
+- **1.0.1** — Sửa nút toolbar bị ẩn/ô trống (lỗi không truyền chữ vào nút;
+  thay ký hiệu bằng bộ glyph an toàn đa nền tảng — không còn ô vuông
+  trống trên Linux); **thêm độ trong suốt `transparency` 0–100%** cho cả
+  5 widget (thanh trượt trong bảng thuộc tính + pha màu tự động khi đổi
+  nền cửa sổ); tương thích Tk 8.6 & 9.x.
+- **1.0.0** — Bản đầu: package PyPI, `flexgui.setup()` / `design.mode`,
+  Studio canvas Figma-style, trigger sửa 2 đầu Studio + VS Code.
+
 ## Đăng package lên PyPI (cho người phát hành)
 
 ```bash

{flexgui-1.0.0 → flexgui-1.0.2}/flexgui/__init__.py

@@ -53,7 +53,7 @@ from .widgets import Label, Button, Input, Checkbox, Text
 from .app import App
 from .runtime import run, setup, run_embedded
 
-__version__ = "1.0.0"
+__version__ = "1.0.2"
 __author__ = "FlexGUI Team"
 
 __all__ = [

{flexgui-1.0.0 → flexgui-1.0.2}/flexgui/app.py

@@ -120,7 +120,7 @@ class App:
 
     # ------------------------------------------------------------ tiện ích
     def bg(self, mau):
-        """Đổi màu nền cửa sổ."""
+        """Đổi màu nền cửa sổ (đồng bộ mọi widget trong suốt theo)."""
         self._nen = mau
         self.root.config(bg=mau)
         self.khung.config(bg=mau)
@@ -130,6 +130,8 @@ class App:
                     w.tkw.config(bg=mau)
                     if w.loai == "checkbox":
                         w.tkw.config(activebackground=mau)
+                if getattr(w, "_do_trong_suot", 0):
+                    w._ap_trong_suot()      # pha lại theo nền mới
             except Exception:
                 pass
 
@@ -160,7 +162,15 @@ class App:
                            widget đang có — thiết kế tiếp bằng kéo thả)
         chay_mainloop=False : chỉ kích hoạt engine, không vào mainloop
                              (dùng cho bản XEM TRƯỚC của Studio).
+
+        FIX 1.0.2: bản XEM TRƯỚC (Toplevel do Studio mở, goc=...) KHÔNG
+        BAO GIỜ chuyển sang Studio — kể cả khi file người dùng còn
+        flexgui.setup() / design.mode = True / có cờ --design. Trước đây
+        đúng case này bấm "Xem trước" làm cửa sổ preview tự hủy rồi mở
+        lại một Studio mới (lỗi user báo).
         """
+        if self.xem_truoc:
+            design_mode = False          # cửa sổ xem trước = LUÔN chạy thật
         if design_mode is None:
             design_mode = design.mode or _doc_co_design()
         if design_mode:

{flexgui-1.0.0 → flexgui-1.0.2}/flexgui/builder.py

@@ -79,7 +79,7 @@ class TrinhDongGoi:
         cs.transient(self.goc)
         self.cua_so = cs
 
-        tk.Label(cs, text="⏳ PyInstaller đang làm việc — có thể mất 1–3 phút "
+        tk.Label(cs, text="PyInstaller đang làm việc — có thể mất 1–3 phút "
                           "lần đầu (nếu phải cài đặt).",
                  bg=MAU["nen_panel"], fg=MAU["chu"], anchor="w",
                  font=font_ui(10)).pack(fill="x", padx=14, pady=(12, 6))
@@ -95,7 +95,7 @@ class TrinhDongGoi:
 
         duoi = tk.Frame(cs, bg=MAU["nen_panel"])
         duoi.pack(fill="x", padx=14, pady=(0, 12))
-        tk.Button(duoi, text="📂 Mở thư mục dist", state="disabled",
+        tk.Button(duoi, text="» Mở thư mục dist", state="disabled",
                   bg=MAU["nen_nut"], fg=MAU["chu_mo"], bd=0,
                   padx=12, pady=4, font=font_ui(9), cursor="hand2",
                   command=self._mo_thu_muc).pack(side="right")

{flexgui-1.0.0 → flexgui-1.0.2}/flexgui/designer.py

@@ -5,13 +5,13 @@ FlexGUI Studio — trình thiết kế trực quan, đồ họa nền tối hi
 Bố cục (kiểu Figma/VS Code):
 
     ┌──────────────────────────────────────────────────────────────┐
-    │ ◈ FlexGUI Studio · myapp    [Mới][Mở][Lưu] [↶ ↷] [▦ Lưới]     │
-    │                             [Triggers] [Xuất .py] [▲ Build] [▶│
+    │ ◆ FlexGUI Studio · myapp [Mới][Mở…][Lưu][«][»][≡ Lưới 10px]  │
+    │                       [?][→ Xem trước][❖ Build][▲ Xuất][</>] │
     ├──────┬───────────────────────────────────────────┬────────────┤
     │      │   ╔════════════════════════════════╗      │ CỬA SỔ /   │
-    │ PAL  │   ║  ⬜ myapp            ─ □ ✕  ║      │ THÀNH PHẦN │
+    │ PAL  │   ║  ⬜ myapp            ─ ❐ ✕  ║      │ THÀNH PHẦN │
     │ ETTE │   ║────────────────────────────────║      │ (thuộc tính)│
-    │ TE   │   ║   vùng thiết kế (kéo thả)      ║      │            │
+    │ TE   │   ║   vùng thiết kế (kéo thả)      ║      │ + Trong suốt│
     │      │   ╚════════════════════════════════╝      │ [Trigger]  │
     ├──────┴───────────────────────────────────────────┴────────────┤
     │ ● Sẵn sàng · X: 12 Y: 34 · Chọn: Button #2 · Lưới 10px        │
@@ -35,7 +35,8 @@ import tkinter.font as tkfont
 from tkinter import ttk, messagebox, filedialog, colorchooser, simpledialog
 
 from . import registry as _reg
-from .theme import MAU, MAU_APP, font_ui, font_mono, vien_bo, mau_luoi
+from .theme import (MAU, MAU_APP, font_ui, font_mono, vien_bo, mau_luoi,
+                    tron_mau)
 from .editor import TrinhSoanThao
 from .widgets import _tao_tu_du_lieu
 from .app import App
@@ -109,6 +110,11 @@ MUC_CHEN = [            # snippet cho drawer trigger
      "    set_title(\"Tiêu đề mới\")\n"
      "    set_bg(\"#fff8e1\")\n"
      "    refresh()\n"),
+    ("Độ trong suốt nền",
+     "def on_button_1_click():\n"
+     "    # 0 = đậm · 50 = mờ nửa vời · 100 = hòa hẳn vào nền\n"
+     "    label[1].transparency = 70\n"
+     "    button[1].transparency = 40\n"),
 ]
 
 
@@ -116,7 +122,12 @@ MUC_CHEN = [            # snippet cho drawer trigger
 # Nút phẳng (toolbar) — hover, kiểu accent, kiểu toggle
 # ==============================================================================
 class NutPhang(tk.Label):
-    """Nút phẳng kiểu VS Code — Label + hiệu ứng hover + click."""
+    """Nút phẳng kiểu VS Code — Label + hiệu ứng hover + click.
+
+    LƯU Ý (sửa lỗi quan trọng): chữ PHẢI được truyền qua `text=` cho
+    tk.Label — bản trước quên dòng này nên MỌI nút toolbar hiện ô trống.
+    Chiều rộng tự co theo chữ (không đặt width cứng để tránh cắt chữ).
+    """
 
     def __init__(self, cha, chu, lenh=None, accent=False, toggle=False,
                  rong=None, co=9, dam=False):
@@ -129,10 +140,14 @@ class NutPhang(tk.Label):
         except Exception:
             nen_cha = MAU["nen"]
         kw = dict(
+            text=chu,                              # ← LỖI CŨ: thiếu dòng này!
             bg=MAU["gt"] if accent else nen_cha,
             fg=MAU["chu_sang"] if accent else MAU["chu"],
-            font=font_ui(co, dam), padx=12, pady=6, cursor="hand2")
-        if rong:
+            font=font_ui(co, dam), padx=12, pady=6, cursor="hand2",
+            anchor="center")
+        # rong chỉ là GỢI Ý chiều rộng tối thiểu (theo ký tự) — không bao giờ
+        # đặt hẹp hơn chuỗi hiện có để chữ không bị cắt cụt
+        if rong and len(chu) < rong:
             kw["width"] = rong
         super().__init__(cha, **kw)
         self.bind("<Enter>", self._hover)
@@ -256,7 +271,9 @@ class Studio:
         bar = tk.Frame(self.root, bg=MAU["nen"], pady=6, padx=8)
         bar.pack(fill="x", side="top")
 
-        tk.Label(bar, text="◈", fg=MAU["gt"], bg=MAU["nen"],
+        # Logo + tên file (chỉ dùng ký tự CÓ glyph trên mọi nền tảng —
+        # emoji/ký hiệu lạ từng làm nút hiện ô trống trên Linux)
+        tk.Label(bar, text="◆", fg=MAU["gt"], bg=MAU["nen"],
                  font=font_ui(15)).pack(side="left")
         tk.Label(bar, text="FlexGUI Studio", fg=MAU["chu_sang"],
                  bg=MAU["nen"], font=font_ui(10, True)).pack(side="left",
@@ -268,32 +285,30 @@ class Studio:
 
         tk.Frame(bar, bg=MAU["vien"], width=1).pack(side="left", fill="y",
                                                    padx=8, pady=2)
-        NutPhang(bar, "Mới", self._moi, rong=4).pack(side="left", padx=1)
-        NutPhang(bar, "Mở…", self._mo_file, rong=4).pack(side="left", padx=1)
-        NutPhang(bar, "Lưu", lambda: self._luu_toan_bo(True), rong=4,
+        NutPhang(bar, "Mới", self._moi).pack(side="left", padx=1)
+        NutPhang(bar, "Mở…", self._mo_file).pack(side="left", padx=1)
+        NutPhang(bar, "Lưu", lambda: self._luu_toan_bo(True),
                  dam=True).pack(side="left", padx=1)
-        NutPhang(bar, "↶", self._hoan_tac, rong=2).pack(side="left", padx=1)
-        NutPhang(bar, "↷", self._lam_lai, rong=2).pack(side="left", padx=1)
+        NutPhang(bar, "«", self._hoan_tac, rong=2).pack(side="left", padx=1)
+        NutPhang(bar, "»", self._lam_lai, rong=2).pack(side="left", padx=1)
 
         tk.Frame(bar, bg=MAU["vien"], width=1).pack(side="left", fill="y",
                                                    padx=8, pady=2)
-        self.nut_luoi = NutPhang(bar, "▦ Lưới 10px", None, toggle=True,
-                                  rong=9)
-        self.nut_luoi.dat_lenh(self._doi_luoi)
+        self.nut_luoi = NutPhang(bar, "≡ Lưới 10px", self._doi_luoi,
+                                  toggle=True)
         self.nut_luoi.pack(side="left", padx=1)
         self.nut_luoi.dat_bat(True)
 
         # ---- bên phải ----
-        self.nut_drawer = NutPhang(bar, "⌨ Triggers", self._dao_drawer,
-                                   toggle=True, rong=10)
+        self.nut_drawer = NutPhang(bar, "</> Triggers", self._dao_drawer,
+                                   toggle=True)
         self.nut_drawer.pack(side="right", padx=1)
-        NutPhang(bar, "▲ Xuất .py", self._xuat_py, rong=9).pack(
+        NutPhang(bar, "▲ Xuất .py", self._xuat_py).pack(
             side="right", padx=1)
-        self.nut_build = NutPhang(bar, "📦 Build .exe", self._build_exe,
-                                  rong=9)
+        self.nut_build = NutPhang(bar, "❖ Build .exe", self._build_exe)
         self.nut_build.pack(side="right", padx=1)
-        NutPhang(bar, "▶  Xem trước", self._xem_truoc, accent=True,
-                 rong=10).pack(side="right", padx=(1, 8))
+        NutPhang(bar, "→  Xem trước", self._xem_truoc, accent=True).pack(
+            side="right", padx=(1, 8))
         NutPhang(bar, "?", self._mo_tro_giup, rong=2).pack(side="right",
                                                            padx=1)
 
@@ -487,16 +502,16 @@ class Studio:
         dau = tk.Frame(self.drawer, bg="#2d2d2d", padx=8, pady=3)
         dau.pack(fill="x")
         self.nhan_tab = tk.Label(
-            dau, text="  ⌨  " + self._ten_triggers() + "  •  Python  •  UTF-8",
+            dau, text="  </>  " + self._ten_triggers() + "  •  Python  •  UTF-8",
             bg="#2d2d2d", fg=MAU["chu_sang"], font=font_ui(8),
             anchor="w")
         self.nhan_tab.pack(side="left")
         NutPhang(dau, "✕", self._an_drawer, rong=2, co=8).pack(
             side="right")
-        NutPhang(dau, "Chèn mẫu ▾", self._chen_mau, rong=9, co=8).pack(
+        NutPhang(dau, "Chèn mẫu ↓", self._chen_mau, co=8).pack(
             side="right", padx=4)
-        NutPhang(dau, "💾 Áp dụng & Lưu", lambda: self._ghi_triggers(True),
-                 rong=14, co=8).pack(side="right", padx=4)
+        NutPhang(dau, "✓ Áp dụng & Lưu", lambda: self._ghi_triggers(True),
+                 co=8).pack(side="right", padx=4)
 
         self.editor = TrinhSoanThao(self.drawer)
         self.editor.pack(fill="both", expand=True, padx=8, pady=(0, 8))
@@ -612,7 +627,7 @@ class Studio:
         self.redo_ds.clear()
         self.dirty = False
         self.nhan_ten_file.config(text="·  " + self.duong_json.name)
-        self.nhan_tab.config(text="  ⌨  " + self._ten_triggers()
+        self.nhan_tab.config(text="  </>  " + self._ten_triggers()
                              + "  •  Python  •  UTF-8")
         self._doc_triggers()
         self._ve_lai()
@@ -683,13 +698,13 @@ class Studio:
                        fill="#e3e6ea", tags="cua_so")
         vien_bo(cv, x0 + 12, y0 + 9, x0 + 24, y0 + 21, 4,
                 fill=MAU_APP["gt_mac_dinh"], outline="", tags="cua_so")
-        cv.create_text(x0 + 18, y0 + 15, text="◈", fill="#ffffff",
+        cv.create_text(x0 + 18, y0 + 15, text="◆", fill="#ffffff",
                        font=font_ui(8, True), tags="cua_so")
         cv.create_text(x0 + 34, y0 + H_TIEU_DE / 2, text=tieu_de,
                        anchor="w", fill="#3b4048", font=font_ui(9, True),
                        tags="cua_so")
         # nút cửa sổ (Windows style)
-        for i, chu in enumerate(("—", "☐", "✕")):
+        for i, chu in enumerate(("—", "❐", "✕")):
             nx = x1 - 96 + i * 32
             cv.create_rectangle(nx, y0, nx + 32, y0 + H_TIEU_DE,
                                 fill=MAU["thanh_tieu_de"], outline="",
@@ -732,7 +747,7 @@ class Studio:
             tags="goi_y")
 
     def _doi_luoi(self):
-        """Bật/tắt lưới + snap (nút ▦ trên toolbar)."""
+        """Bật/tắt lưới + snap (nút ≡ trên toolbar)."""
         self.luoi_bat = not self.luoi_bat
         self.nut_luoi.dat_bat(self.luoi_bat)
         if self.luoi_bat:
@@ -743,7 +758,11 @@ class Studio:
                 "● Tắt lưới — kéo thả hoàn toàn tự do")
 
     def _ve_comp(self, d):
-        """Vẽ MỘT thành phần theo đúng loại (đồ họa mô phỏng hiện đại)."""
+        """Vẽ MỘT thành phần theo đúng loại (đồ họa mô phỏng hiện đại).
+
+        Độ trong suốt được mô phỏng đúng như app thật: PHA màu nền của
+        widget về màu nền cửa sổ (transparency 0–100%).
+        """
         cv = self.ban_ve
         X, Y = self._sang_canvas(d["x"], d["y"])
         w, h = d.get("w") or 100, d.get("h") or 30
@@ -752,6 +771,14 @@ class Studio:
             MAU_APP["nen_mac_dinh"]
         co = d.get("font_size") or 10
         mau_chu = d.get("color") or "#1f2430"
+        # độ trong suốt 0..100 → hàm pha màu mock y hệt runtime
+        do_ts = min(100, max(0, int(d.get("transparency") or 0)))
+
+        def pha(mau_nen_goc):
+            """Pha màu nền widget về màu cửa sổ theo độ trong suốt."""
+            if do_ts <= 0 or not mau_nen_goc:
+                return mau_nen_goc
+            return tron_mau(mau_nen_goc, nen_cua_so, do_ts / 100.0)
 
         # hit-rect trong suốt (đón chuột) — luôn nằm dưới cùng của comp
         cv.create_rectangle(X, Y, X + w, Y + h, fill=nen_cua_so,
@@ -762,7 +789,7 @@ class Studio:
                            fill=mau_chu, font=font_ui(co), tags=tag)
 
         elif d["loai"] == "button":
-            mau_nen = d.get("bg") or MAU_APP["gt_mac_dinh"]
+            mau_nen = pha(d.get("bg") or MAU_APP["gt_mac_dinh"])
             vien_bo(cv, X, Y, X + w, Y + h, 8, fill=mau_nen, outline="",
                     tags=tag)
             cv.create_text(X + w / 2, Y + h / 2, text=d.get("text") or "",
@@ -770,8 +797,11 @@ class Studio:
                            font=font_ui(co), tags=tag)
 
         elif d["loai"] == "input":
-            vien_bo(cv, X, Y, X + w, Y + h, 6, fill=d.get("bg") or "#ffffff",
-                    outline=d.get("bg") or MAU_APP["khung"], tags=tag)
+            nen_oi = pha(d.get("bg") or "#ffffff")
+            vien_bo(cv, X, Y, X + w, Y + h, 6, fill=nen_oi,
+                    outline=nen_oi if do_ts else (d.get("bg")
+                                                 or MAU_APP["khung"]),
+                    tags=tag)
             chu = (d.get("text") or "").strip()
             cv.create_text(X + 8, Y + h / 2, anchor="w",
                            text=chu or "Ô nhập…",
@@ -781,12 +811,13 @@ class Studio:
         elif d["loai"] == "checkbox":
             c = 16
             cy = Y + (h - c) / 2
-            cv.create_rectangle(X, cy, X + c, cy + c, fill="#ffffff",
-                                outline="#8a919c", tags=tag)
+            cv.create_rectangle(X, cy, X + c, cy + c,
+                                fill=pha("#ffffff"), outline="#8a919c",
+                                tags=tag)
             if d.get("checked"):
                 cv.create_rectangle(X + 2, cy + 2, X + c - 2, cy + c - 2,
-                                    fill=MAU_APP["gt_mac_dinh"], outline="",
-                                    tags=tag)
+                                    fill=pha(MAU_APP["gt_mac_dinh"]),
+                                    outline="", tags=tag)
                 cv.create_line(X + 4, cy + 8, X + 7, cy + 11, X + 12,
                                cy + 4, fill="#ffffff", width=2,
                                capstyle="round", joinstyle="round",
@@ -797,11 +828,11 @@ class Studio:
 
         elif d["loai"] == "text":
             cv.create_rectangle(X, Y, X + w, Y + h,
-                                fill=d.get("bg") or "#ffffff",
+                                fill=pha(d.get("bg") or "#ffffff"),
                                 outline=MAU_APP["khung"], tags=tag)
             # thanh cuộn giả bên phải
             cv.create_rectangle(X + w - 8, Y + 3, X + w - 3, Y + h - 3,
-                                fill="#eef1f5", outline="", tags=tag)
+                                fill=pha("#eef1f5"), outline="", tags=tag)
             noi_dung = (d.get("text") or "").strip()
             if noi_dung:
                 for i, dong in enumerate(noi_dung.split("\n")[:3]):
@@ -813,7 +844,15 @@ class Studio:
                     cv.create_rectangle(X + 8, Y + 10 + i * 16,
                                         X + 8 + (w - 34 if i < 2 else 20),
                                         Y + 14 + i * 16,
-                                        fill="#e4e8ee", outline="", tags=tag)
+                                        fill=pha("#e4e8ee"), outline="",
+                                        tags=tag)
+
+        # huy hiệu độ trong suốt (góc trái trên — không đụng huy hiệu ẨN)
+        if do_ts > 0:
+            vien_bo(cv, X + 4, Y + 4, X + 48, Y + 20, 5,
+                    fill="#0e7490", outline="", tags=tag)
+            cv.create_text(X + 26, Y + 12, text=f"{do_ts}%",
+                           fill="#ffffff", font=font_ui(7, True), tags=tag)
 
         # huy hiệu trạng thái đặc biệt
         if not d.get("visible", True):
@@ -1176,6 +1215,7 @@ class Studio:
              "x": self._snap(x), "y": self._snap(y),
              "w": w or 100, "h": h or 26, "text": chu,
              "color": None, "bg": None, "font_size": None,
+             "transparency": 0,
              "visible": True, "enabled": True,
              "checked": False if loai == "checkbox" else None}
         self._danh_sach().append(d)
@@ -1483,6 +1523,8 @@ class Studio:
         self._hang("Màu chữ", self._o_mau(chinh.get("color"),
                                           _dat("color")))
         self._hang("Màu nền", self._o_mau(chinh.get("bg"), _dat("bg")))
+        self._o_trong_suot(chinh.get("transparency", 0) or 0,
+                           _dat("transparency", int))
         self._hang("Cỡ chữ", self._o_nhap(chinh.get("font_size") or 10,
                                           _dat("font_size", int),
                                           chi_so=True))
@@ -1504,11 +1546,11 @@ class Studio:
         # nút tiện dụng
         duoi = tk.Frame(self.noi_bang, bg=MAU["nen_panel"])
         duoi.pack(fill="x", pady=(10, 0))
-        NutPhang(duoi, "⌨ Sửa trigger", lambda: self._sua_trigger(),
+        NutPhang(duoi, "→ Sửa trigger", lambda: self._sua_trigger(),
                  co=8).pack(side="left")
-        NutPhang(duoi, "⧉ Nhân bản", self._nhan_ban, co=8).pack(
+        NutPhang(duoi, "❐ Nhân bản", self._nhan_ban, co=8).pack(
             side="left", padx=4)
-        NutPhang(duoi, "🗑 Xóa", self._xoa_dang_chon, co=8).pack(
+        NutPhang(duoi, "✕ Xóa", self._xoa_dang_chon, co=8).pack(
             side="left", padx=4)
 
     def _o_kiem(self, nhan, gia_tri, lenh):
@@ -1523,6 +1565,46 @@ class Studio:
                             anchor="w", command=lenh)
         ck.pack(side="left")
 
+    def _o_trong_suot(self, gia_tri, lenh):
+        """Hàng ĐỘ TRONG SUỐT: thanh trượt 0–100% + nhãn % + nút nhanh.
+
+        tkinter không có alpha thật cho từng widget nên FlexGUI PHA màu
+        nền widget về màu nền cửa sổ (100% = hòa vào nền nhìn như
+        transparent background thật).
+        """
+        f = tk.Frame(self.noi_bang, bg=MAU["nen_panel"])
+        f.pack(fill="x", pady=2)
+        tk.Label(f, text="Trong suốt", fg=MAU["chu"], bg=MAU["nen_panel"],
+                 font=font_ui(8), width=9, anchor="w").pack(side="left")
+
+        nhan_phan_tram = tk.Label(f, text=f"{int(gia_tri)}%",
+                                  fg=MAU["gt"], bg=MAU["nen_panel"],
+                                  font=font_ui(8, True), width=4,
+                                  anchor="e")
+
+        def _cap_nhat(v):
+            try:
+                v = int(float(v))
+            except (TypeError, ValueError):
+                return
+            nhan_phan_tram.config(text=f"{v}%")
+            lenh(v)
+
+        sc = tk.Scale(
+            f, from_=0, to=100, resolution=5, orient="horizontal",
+            showvalue=False, bg=MAU["nen_panel"], fg=MAU["chu"],
+            troughcolor="#3c3c3c", highlightthickness=0, bd=0,
+            activebackground=MAU["gt"], sliderrelief="flat",
+            length=118, width=11, command=_cap_nhat)
+        # Tk 9 không kích hoạt -command khi set() lập trình — thêm binding
+        # nhả chuột để giá trị luôn được chốt trên MỌI bản Tk (8.6 & 9.x)
+        sc.bind("<ButtonRelease-1>",
+                lambda _e: _cap_nhat(sc.get()))
+        sc.set(int(gia_tri))
+        sc.pack(side="left", fill="x", expand=True)
+        nhan_phan_tram.pack(side="left", padx=(4, 0))
+        return f
+
     def _chup_ve_cuoi_hang(self):
         """Hẹn đẩy undo 700ms sau lần sửa cuối (gộp thao tác liên tục)."""
         if getattr(self, "_hen_undo_cuoi", None):
@@ -1682,7 +1764,7 @@ class Studio:
         self.duong_triggers = self.duong_json.parent / (
             self.duong_json.name[:-len(".flexgui.json")] + ".triggers.py")
         self.nhan_ten_file.config(text="·  " + self.duong_json.name)
-        self.nhan_tab.config(text="  ⌨  " + self._ten_triggers()
+        self.nhan_tab.config(text="  </>  " + self._ten_triggers()
                              + "  •  Python  •  UTF-8")
         return True
 
@@ -1730,7 +1812,10 @@ class Studio:
                     "Trigger có lỗi (vẫn xem trước được)",
                     "Một số đoạn trigger không chạy được:\n\n" + chi_tiet,
                     parent=self.root)
-            app.run(chay_mainloop=False)
+            # design_mode=False: file người dùng có thể còn flexgui.setup()
+            # (design.mode=True) — xem trước PHẢI chạy app thật, không được
+            # mở lại Studio (fix 1.0.2,Guard nữa nằm trong App.run).
+            app.run(chay_mainloop=False, design_mode=False)
             self._cap_nhat_trang_thai("● Đang xem trước…")
         except Exception:
             _reg._dat_app(None)
@@ -1868,6 +1953,12 @@ class Studio:
             ("Mũi tên (+Shift)", "Dịch 1px (Shift = 10px, tự snap lưới)"),
             ("Escape", "Bỏ chọn hết"),
             ("", ""),
+            ("THUỘC TÍNH ĐẸP", ""),
+            ("Trong suốt", "Bảng phải → thanh trượt 0–100% — nền widget "
+                    "pha dần về màu nền cửa sổ (giả transparent background)"),
+            ("transparency", "Dùng trong code: label[1].transparency = 70 "
+                     "· button[2].transparency = 100"),
+            ("", ""),
             ("TƯƠNG TÁC", ""),
             ("Kéo", "Di chuyển — giữ Ctrl/Shift + click để chọn nhiều, "
                     "quét vùng chuột trên nền trống"),

{flexgui-1.0.0 → flexgui-1.0.2}/flexgui/registry.py

@@ -112,6 +112,14 @@ class _WidgetDaXoa:
     def enabled(self, gia_tri):
         pass
 
+    @property
+    def transparency(self):
+        return 0
+
+    @transparency.setter
+    def transparency(self, ty_le):
+        pass
+
     def __bool__(self):
         return False
 

{flexgui-1.0.0 → flexgui-1.0.2}/flexgui/theme.py

@@ -95,8 +95,9 @@ def font_ui(co=9, dam=False):
     """Font cho giao diện (toolbar, panel, widget app). `dam` = in đậm."""
     global _ho_ui_da_chon
     if _ho_ui_da_chon is None:
-        _ho_ui_da_chon = _chon_ho(["Segoe UI", "SF Pro Text",
-                                   "DejaVu Sans", "Helvetica"])
+        _ho_ui_da_chon = _chon_ho(["Segoe UI", "SF Pro Text", "Avenir Next",
+                                   "DejaVu Sans", "Noto Sans", "FreeSans",
+                                   "Helvetica"])
     return (_ho_ui_da_chon, co, "bold" if dam else "normal")
 
 
@@ -104,11 +105,44 @@ def font_mono(co=11):
     """Font monospace cho editor code (hỗ trợ tiếng Việt)."""
     global _ho_mono_da_chon
     if _ho_mono_da_chon is None:
-        _ho_mono_da_chon = _chon_ho(["Consolas", "Cascadia Mono",
-                                     "DejaVu Sans Mono", "Courier New"])
+        _ho_mono_da_chon = _chon_ho(["Consolas", "Cascadia Mono", "Menlo",
+                                     "DejaVu Sans Mono", "Noto Sans Mono",
+                                     "FreeMono", "Courier New"])
     return (_ho_mono_da_chon, co)
 
 
+def _tach_mau(mau):
+    """'#rrggbb' -> (r, g, b). Trả None nếu không phân tích được."""
+    try:
+        c = (mau or "").strip().lstrip("#")
+        if len(c) == 3:
+            c = "".join(ch * 2 for ch in c)
+        if len(c) != 6:
+            return None
+        return int(c[0:2], 16), int(c[2:4], 16), int(c[4:6], 16)
+    except Exception:
+        return None
+
+
+def tron_mau(mau_a, mau_b, ty_le):
+    """PHA 2 MÀU — nhân tạo độ trong suốt cho nền widget.
+
+    ty_le = 0.0 -> đúng mau_a (đậm nguyên gốc)
+    ty_le = 1.0 -> đúng mau_b (hòa hoàn toàn vào nền cửa sổ)
+
+    tkinter không hỗ trợ alpha thật cho từng widget nên FlexGUI giả
+    độ trong suốt bằng cách PHA màu nền widget về màu nền cửa sổ.
+    """
+    a, b = _tach_mau(mau_a), _tach_mau(mau_b)
+    if a is None:
+        return mau_b if ty_le >= 0.999 else mau_a
+    if b is None:
+        return mau_a
+    t = max(0.0, min(1.0, float(ty_le)))
+    return "#%02x%02x%02x" % tuple(
+        round(a[i] + (b[i] - a[i]) * t) for i in range(3))
+
+
 def vien_bo(cv, x1, y1, x2, y2, r=8, **kw):
     """Vẽ HÌNH CHỮ NHẬT BO GÓC trên canvas (dùng polygon smooth).
 

{flexgui-1.0.0 → flexgui-1.0.2}/flexgui/widgets.py

@@ -20,7 +20,7 @@ import tkinter as tk
 import tkinter.font as tkfont
 
 from . import registry as _reg
-from .theme import MAU_APP, font_ui
+from .theme import MAU_APP, font_ui, tron_mau
 
 
 class GuiWidget:
@@ -50,9 +50,10 @@ class GuiWidget:
         # ---- thuộc tính tùy biến (None = dùng giá trị gốc của tkinter) ----
         self._hien = True                 # .visible
         self._mau_chu = None               # .color  (fg)
-        self._mau_nen = None               # .bg     (nền)
+        self._mau_nen = None               # .bg     (nền GỐC trước khi pha)
         self._co_font = None               # .font_size
         self._kich_hoat = True             # .enabled
+        self._do_trong_suot = 0            # .transparency (0..100%)
         self._fg_goc = None
         self._bg_goc = None
         self._font_goc = None
@@ -257,7 +258,11 @@ class GuiWidget:
 
     @property
     def bg(self):
-        """Màu NỀN (đọc/ghi). Ví dụ: button[2].bg = "#FFFFCC"."""
+        """Màu NỀN GỐC (đọc/ghi). Ví dụ: button[2].bg = "#FFFFCC".
+
+        Khi có .transparency > 0, màu hiển thị thật là màu này pha về
+        màu nền cửa sổ (đọc .bg vẫn trả màu gốc).
+        """
         return self._mau_nen
 
     @bg.setter
@@ -265,7 +270,59 @@ class GuiWidget:
         self._mau_nen = mau
         if self.tkw is not None:
             self.tkw.config(bg=mau if mau is not None else self._bg_goc)
-            self._ap_dung_phu(mau)
+            self._ap_dung_phu(mau if mau is not None else self._nen_mac_dinh())
+        self._ap_trong_suot()
+
+    def _nen_mac_dinh(self):
+        """Màu nền mặc định THEO LOẠI widget (khi user chưa đặt .bg)."""
+        if self.loai == "button":
+            return MAU_APP["gt_mac_dinh"]
+        if self.loai in ("input", "text"):
+            return MAU_APP["nen_oi"]
+        return getattr(self.app, "_nen", None) or MAU_APP["nen_mac_dinh"]
+
+    def _nen_goc(self):
+        """Nền gốc hiện tại (bg user đặt HOẶC mặc định theo loại)."""
+        return self._mau_nen if self._mau_nen is not None else self._nen_mac_dinh()
+
+    @property
+    def transparency(self):
+        """Độ TRONG SUỐT nền 0..100% (đọc/ghi).
+
+        tkinter không có alpha thật cho từng widget nên FlexGUI giả bằng
+        cách PHA màu nền widget về đúng màu nền cửa sổ:
+          0  = nền đậm nguyên gốc
+          50 = mờ một nửa
+          100 = hòa hoàn toàn vào nền (trông như không có nền)
+
+        Ví dụ:  label[1].transparency = 60    button[2].transparency = 100
+        """
+        return self._do_trong_suot
+
+    @transparency.setter
+    def transparency(self, ty_le):
+        try:
+            self._do_trong_suot = max(0, min(100, int(ty_le or 0)))
+        except (TypeError, ValueError):
+            self._do_trong_suot = 0
+        self._ap_trong_suot()
+
+    def _ap_trong_suot(self):
+        """Áp nền đã pha (hoặc nền gốc khi transparency = 0)."""
+        if self.tkw is None:
+            return
+        nen_cua_so = getattr(self.app, "_nen", None) \
+            or MAU_APP["nen_mac_dinh"]
+        if self._do_trong_suot <= 0:
+            hien = self._nen_goc()
+        else:
+            hien = tron_mau(self._nen_goc(), nen_cua_so,
+                            self._do_trong_suot / 100.0)
+        try:
+            self.tkw.config(bg=hien)
+            self._ap_dung_phu(hien)
+        except tk.TclError:
+            pass
 
     def _ap_dung_phu(self, mau):
         """Hiệu ứng phụ khi đổi nền (một số loại cần đổi cả activebackground)."""
@@ -323,7 +380,8 @@ class GuiWidget:
 
     # ------------------------------------------------------ lệnh điều khiển
     def refresh(self):
-        """Áp LẠI toàn bộ thuộc tính đã lưu (vị trí, cỡ, màu, ẩn-hiện...).
+        """Áp LẠI toàn bộ thuộc tính đã lưu (vị trí, cỡ, màu, ẩn-hiện,
+        độ trong suốt...).
 
         Dùng khi nghi giao diện chưa kịp vẽ đúng: label[1].refresh()
         """
@@ -331,6 +389,7 @@ class GuiWidget:
         self.color = self._mau_chu
         self.bg = self._mau_nen
         self.font_size = self._co_font
+        self._ap_trong_suot()
         self._ap_dung_hien_thi()
         return True
 
@@ -432,6 +491,7 @@ class GuiWidget:
             "visible": self._hien,
             "color": self._mau_chu,
             "bg": self._mau_nen,
+            "transparency": self._do_trong_suot,
             "font_size": self._co_font,
             "enabled": self._kich_hoat,
         }
@@ -448,7 +508,7 @@ class Label(GuiWidget):
 
     def __init__(self, text, x, y, id=None, width=None,
                  color=None, bg=None, font_size=None, visible=True,
-                 enabled=True):
+                 enabled=True, transparency=0):
         app = _reg._app_hien_tai(tao_mac_dinh=True)
         super().__init__(app, x, y, id=id)
         self.tkw = tk.Label(app.khung, text=text, bg=bg or app._nen,
@@ -460,6 +520,7 @@ class Label(GuiWidget):
         self.font_size = font_size
         if bg is not None:
             self.bg = bg
+        self.transparency = transparency
         self.visible = visible
         self.enabled = enabled
 
@@ -480,7 +541,7 @@ class Button(GuiWidget):
 
     def __init__(self, text, x, y, command=None, id=None, width=None,
                  color=None, bg=None, font_size=None, visible=True,
-                 enabled=True):
+                 enabled=True, transparency=0):
         app = _reg._app_hien_tai(tao_mac_dinh=True)
         super().__init__(app, x, y, id=id)
         self._lenh = command
@@ -498,6 +559,7 @@ class Button(GuiWidget):
         if bg:
             self.bg = bg
         self.font_size = font_size
+        self.transparency = transparency
         self.visible = visible
         self.enabled = enabled
 
@@ -552,7 +614,7 @@ class Input(GuiWidget):
 
     def __init__(self, x, y, width=20, id=None,
                  color=None, bg=None, font_size=None, visible=True,
-                 enabled=True):
+                 enabled=True, transparency=0):
         app = _reg._app_hien_tai(tao_mac_dinh=True)
         super().__init__(app, x, y, id=id)
         self._rong = int(width) if width else 20
@@ -570,6 +632,7 @@ class Input(GuiWidget):
         self.font_size = font_size
         if bg is not None:
             self.bg = bg
+        self.transparency = transparency
         self.visible = visible
         self.enabled = enabled
 
@@ -599,7 +662,7 @@ class Checkbox(GuiWidget):
 
     def __init__(self, text, x, y, checked=False, id=None, width=None,
                  color=None, bg=None, font_size=None, visible=True,
-                 enabled=True):
+                 enabled=True, transparency=0):
         app = _reg._app_hien_tai(tao_mac_dinh=True)
         super().__init__(app, x, y, id=id)
         self._duoc_chon = bool(checked)
@@ -617,6 +680,7 @@ class Checkbox(GuiWidget):
         self.font_size = font_size
         if bg is not None:
             self.bg = bg
+        self.transparency = transparency
         self.visible = visible
         self.enabled = enabled
 
@@ -655,7 +719,7 @@ class Text(GuiWidget):
 
     def __init__(self, x, y, width=40, height=6, id=None,
                  color=None, bg=None, font_size=None, visible=True,
-                 enabled=True):
+                 enabled=True, transparency=0):
         app = _reg._app_hien_tai(tao_mac_dinh=True)
         super().__init__(app, x, y, id=id)
         self._rong = int(width) if width else 40
@@ -673,6 +737,7 @@ class Text(GuiWidget):
         self.font_size = font_size
         if bg is not None:
             self.bg = bg
+        self.transparency = transparency
         self.visible = visible
         self.enabled = enabled
 
@@ -707,6 +772,7 @@ def _tao_tu_du_lieu(app, d):
     loai = d.get("loai")
     st = dict(color=d.get("color"), bg=d.get("bg"),
               font_size=d.get("font_size"),
+              transparency=d.get("transparency", 0) or 0,
               visible=d.get("visible", True), enabled=d.get("enabled", True))
     if loai == "label":
         w = Label(d.get("text") or "", d["x"], d["y"], id=d.get("id"), **st)

{flexgui-1.0.0 → flexgui-1.0.2}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "flexgui"
-version = "1.0.0"
+version = "1.0.2"
 description = "Thư viện GUI Python kéo-thả-thiết-kế trên tkinter — FlexGUI Studio tích hợp (design mode + mini VS Code cho trigger)"
 readme = "README.md"
 requires-python = ">=3.8"