[record] python3 uses Tkinter to create Tkinter UI editor "8"

osc_ hxm151is 2020-11-15 08:31:29
record python3 python uses tkinter

Use tkinter Make tkinterUI Editor


This article continues to record controls for editing properties , I hope that when editing colors, you can directly pop up the system's own color selection interface , edit image Attribute, you can pop up the interface for selecting files , So first add an edit color and image Control for , After that, add a control to edit properties according to the property type .

One 、 Edit colors and image Control for

On the first code ,EditorPropertyList.py

# -*- coding: utf-8 -*-
import sys
from enum import IntEnum
import tkinter.font as tkFont
from tkinter import Entry, END, Label, Button
from tkinter.ttk import Combobox
from tkinter import colorchooser
from tkinter.filedialog import askopenfilename
from ScrollRows import ScrollRows
from ScrollCols import ScrollCols
from WidgetRedirector import WidgetRedirector
from componentProperty import update_all_property, get_default_component_info, get_all_prop_name
def create_default_component(master, component_type, component_name, prop=None, use_name=True):
Create a default control
:param master: Parent control
:param component_type: Control types
:param component_name: Control name
:param prop: Properties that need to be updated
:param use_name: Whether to use the control name
:return: Control
class_name = getattr(sys.modules[__name__], component_type)
if use_name:
component = class_name(master, name=component_name)
component = class_name(master)
component_info = get_default_component_info(component_type, prop)
update_all_property(component, component_info, component_type)
return component, component_info
class EntryBtnFunctionID(IntEnum):
class EntryWithBtn(Entry):
def __init__(self, master=None, cnf={
}, **kw):
Entry.__init__(self, master, cnf, **kw)
self.function_id = EntryBtnFunctionID.FUNCTION_COLOR
self.function_dict = {

EntryBtnFunctionID.FUNCTION_COLOR: self.btn_color_click,
EntryBtnFunctionID.FUNCTION_SELECT: self.btn_select_click,
def set_function_id(self, function_id):
if self.function_id == function_id:
self.function_id = function_id
def get_function_id(self):
return self.function_id
def on_update(self):
def create_btn(self):
prop = {

"width": 0, "height": 1,
"x": self.winfo_reqwidth() - 15,
"text": "...", "background": "grey",
btn, info = create_default_component(self, "Button", "function_btn", prop, True)
btn.bind("<Button-1>", self.on_btn_click)
def on_btn_click(self, event):
function = self.function_dict[self.get_function_id()]
def btn_color_click(self):
color = colorchooser.askcolor()
if color[0] is None:
self.delete(0, END)
self.insert(0, color[1])
def btn_select_click(self):
file_path = askopenfilename(title=u" Select File ", filetypes=[("all files", "*")])
if not file_path:
self.delete(0, END)
self.insert(0, file_path)

explain :

  1. This control is Entry There's a button in it , When you click, you can process it according to the type , Here's the picture :
     Insert picture description here

  2. WidgetRedirector It's from python Self contained idle It's copied from the editor , It's mainly used to deal with entry Of insert and delete The event , Later, we will use , The code is as follows ,WidgetRedirector.py

    from tkinter import TclError
    class WidgetRedirector:
    """Support for redirecting arbitrary widget subcommands.
    Some Tk operations don't normally pass through tkinter. For example, if a
    character is inserted into a Text widget by pressing a key, a default Tk
    binding to the widget's 'insert' operation is activated, and the Tk library
    processes the insert without calling back into tkinter.
    Although a binding to <Key> could be made via tkinter, what we really want
    to do is to hook the Tk 'insert' operation itself. For one thing, we want
    a text.insert call in idle code to have the same effect as a key press.
    When a widget is instantiated, a Tcl command is created whose name is the
    same as the pathname widget._w. This command is used to invoke the various
    widget operations, e.g. insert (for a Text widget). We are going to hook
    this command and provide a facility ('register') to intercept the widget
    operation. We will also intercept method calls on the tkinter class
    instance that represents the tk widget.
    In IDLE, WidgetRedirector is used in Percolator to intercept Text
    commands. The function being registered provides access to the top
    of a Percolator chain. At the bottom of the chain is a call to the
    original Tk widget operation.
    def __init__(self, widget):
    '''Initialize attributes and setup redirection.
    _operations: dict mapping operation name to new function.
    widget: the widget whose tcl command is to be intercepted.
    tk: widget.tk, a convenience attribute, probably not needed.
    orig: new name of the original tcl command.
    Since renaming to orig fails with TclError when orig already
    exists, only one WidgetDirector can exist for a given widget.
    self._operations = {
    self.widget = widget # widget instance
    self.tk = tk = widget.tk # widget's root
    w = widget._w # widget's (full) Tk pathname
    self.orig = w + "_orig"
    # Rename the Tcl command within Tcl:
    tk.call("rename", w, self.orig)
    # Create a new Tcl command whose name is the widget's pathname, and
    # whose action is to dispatch on the operation passed to the widget:
    tk.createcommand(w, self.dispatch)
    def __repr__(self):
    return "WidgetRedirector(%s<%s>)" % (self.widget.__class__.__name__,
    def close(self):
    "Unregister operations and revert redirection created by .__init__."
    for operation in list(self._operations):
    widget = self.widget
    tk = widget.tk
    w = widget._w
    # Restore the original widget Tcl command.
    tk.call("rename", self.orig, w)
    del self.widget, self.tk # Should not be needed
    # if instance is deleted after close, as in Percolator.
    def register(self, operation, function):
    '''Return OriginalCommand(operation) after registering function.
    Registration adds an operation: function pair to ._operations.
    It also adds an widget function attribute that masks the tkinter
    class instance method. Method masking operates independently
    from command dispatch.
    If a second function is registered for the same operation, the
    first function is replaced in both places.
    self._operations[operation] = function
    setattr(self.widget, operation, function)
    return OriginalCommand(self, operation)
    def unregister(self, operation):
    '''Return the function for the operation, or None.
    Deleting the instance attribute unmasks the class attribute.
    if operation in self._operations:
    function = self._operations[operation]
    del self._operations[operation]
    delattr(self.widget, operation)
    except AttributeError:
    return function
    return None
    def dispatch(self, operation, *args):
    '''Callback from Tcl which runs when the widget is referenced.
    If an operation has been registered in self._operations, apply the
    associated function to the args passed into Tcl. Otherwise, pass the
    operation through to Tk via the original Tcl function.
    Note that if a registered function is called, the operation is not
    passed through to Tk. Apply the function returned by self.register()
    to *args to accomplish that. For an example, see ColorDelegator.py.
    m = self._operations.get(operation)
    if m:
    return m(*args)
    return self.tk.call((self.orig, operation) + args)
    except TclError:
    return ""
    class OriginalCommand:
    '''Callable for original tk command that has been redirected.
    Returned by .register; can be used in the function registered.
    redir = WidgetRedirector(text)
    def my_insert(*args):
    print("insert", args)
    original_insert = redir.register("insert", my_insert)
    def __init__(self, redir, operation):
    '''Create .tk_call and .orig_and_operation for .__call__ method.
    .redir and .operation store the input args for __repr__.
    .tk and .orig copy attributes of .redir (probably not needed).
    self.redir = redir
    self.operation = operation
    self.tk = redir.tk # redundant with self.redir
    self.orig = redir.orig # redundant with self.redir
    # These two could be deleted after checking recipient code.
    self.tk_call = redir.tk.call
    self.orig_and_operation = (redir.orig, operation)
    def __repr__(self):
    return "OriginalCommand(%r, %r)" % (self.redir, self.operation)
    def __call__(self, *args):
    return self.tk_call(self.orig_and_operation + args)
    def _widget_redirector(parent): # htest #
    from tkinter import Tk, Text
    import re
    root = Tk()
    root.title("Test WidgetRedirector")
    width, height, x, y = list(map(int, re.split('[x+]', parent.geometry())))
    root.geometry("+%d+%d"%(x, y + 150))
    text = Text(root)
    redir = WidgetRedirector(text)
    def my_insert(*args):
    print("insert", args)
    original_insert = redir.register("insert", my_insert)
    if __name__ == "__main__":
    import unittest
    verbosity=2, exit=False)
    from idlelib.idle_test.htest import run

Two 、 Controls that edit properties according to their type

On the first code , still EditorPropertyList.py

class EditPropType(IntEnum):

"anchor": ("n;s;w;e;nw;sw;ne;se;center"),
"justify": ("left;right;center"),
"font_anchor": ("n;s;w;e;nw;sw;ne;se;center"),
"labelanchor": ("n;s;w;e;nw;sw;ne;se"),
"relief": ("flat;groove;raised;ridge;solid;sunken"),
"activerelief": ("flat;groove;raised;ridge;solid;sunken"),
"sliderrelief": ("flat;groove;raised;ridge;solid;sunken"),
"buttondownrelief": ("flat;groove;raised;ridge;solid;sunken"),
"buttonuprelief": ("flat;groove;raised;ridge;solid;sunken"),
"mode": ("determinate;indeterminate"),
"state": ("active;disabled;normal;readonly"),
"cursor": CURSOR_LIST,
"buttoncursor": CURSOR_LIST,
"compound": ("bottom;center;left;none;right;top"),
"exportselection": ("0;1"),
"selectmode": ("browse;multiple;single;extended;none"),
"is_show_scroll": ("0;1"),
"is_show_scroll_x": ("0;1"),
"is_show_scroll_y": ("0;1"),
"is_always_show_scroll": ("0;1"),
"orient": ("horizontal;vertical"),
"wrap": ("none;char;word"),
"show": ("headings;tree;tree headings"),
"background", "activebackground", "activeforeground", "disabledforeground", "readonlybackground",
"foreground", "highlightbackground", "highlightcolor", "insertbackground", "disabledbackground",
"selectbackground", "selectforeground", "troughcolor", "selectcolor", "buttonbackground"
"bitmap", "image"
def get_prop_type_by_name(name):
Get the edit box type according to the attribute name
:param name: Attribute name
:return: Edit box type
if name in PROP_TO_VALUES:
return EditPropType.TYPE_COMBO_BOX
if name in PROP_COLOR_LIST:
return EditPropType.TYPE_COLOR
if name in PROP_SELECT_LIST:
return EditPropType.TYPE_SELECT
return EditPropType.TYPE_ENTRY
class EditorProperty(ScrollCols):

EditPropType.TYPE_ENTRY: Entry,
EditPropType.TYPE_COMBO_BOX: Combobox,
EditPropType.TYPE_COLOR: EntryWithBtn,
EditPropType.TYPE_SELECT: EntryWithBtn,
def __init__(self, master=None, cnf={
}, **kw):
ScrollCols.__init__(self, master, cnf, **kw)
self.col_distance = 2
self.is_updating_property = False # Are you updating properties 
def create_label(self, label_text, is_do_layout=False):
Create attribute name tags
:param label_text: Label content
:param is_do_layout: Whether to rearrange
:return: None
label_prop = {

"width": 23, "borderwidth": 2,
"x": 0, "y": 1,
"text": label_text,
"relief": "sunken",
"highlightthickness": 1,
label, info = create_default_component(self.slide_window, "Label", "label_text", label_prop)
self.add_col_base(label, is_do_layout)
def create_edit(self, edit_type, edit_value, default_values="None", is_do_layout=False):
Create attribute edit box
:param edit_type: Edit box type
:param edit_value: The default value is
:param default_values: comboBox Drop down list default value
:param is_do_layout: Whether to rearrange
:return: None
edit_class = self.TYPE_TO_CLASS[edit_type]
edit_prop = {

"borderwidth": 2, "width": 29,
"x": 0, "y": 1,
if edit_type == EditPropType.TYPE_COMBO_BOX:
values = default_values.split(";")
value_list = []
for value in values:
"values": value_list, "width": 27, "position_y": 1, "borderwidth": 1,})
elif edit_type == EditPropType.TYPE_SELECT:
"function_id": EntryBtnFunctionID.FUNCTION_SELECT})
elif edit_type == EditPropType.TYPE_COLOR:
"function_id": EntryBtnFunctionID.FUNCTION_COLOR})
edit, info = create_default_component(self.slide_window, edit_class.__name__, "edit", edit_prop)
edit.bind("<Key>", self.key_click)
if edit_type == EditPropType.TYPE_COMBO_BOX:
edit.bind("<<ComboboxSelected>>", self.on_prop_change)
self.add_col_base(edit, is_do_layout)
if edit_value is not None:
edit.insert(0, edit_value)
redir = WidgetRedirector(edit)
def my_insert(*args):
def my_delete(*args):
original_insert = redir.register("insert", my_insert)
original_delete = redir.register("delete", my_delete)
def create_one_property(self, label_text, edit_value, edit_type, default_value):
Create the controls needed to edit properties
:param label_text: Attribute name
:param edit_value: Property value
:param edit_type: Edit box type
:param default_value: comboBox Drop down list default value
:return: None
self.create_edit(edit_type, edit_value, default_value)
def update_prop_value(self, prop_value):
Update attribute values
:param prop_value: Property value
:return: None
edit = self.slide_window.children.get("edit", None)
if edit is None:
self.is_updating_property = True
edit.delete(0, END)
edit.insert(0, prop_value)
self.is_updating_property = False
def clear_edit_value(self):
Clear the edit box
:return: None
edit = self.slide_window.children.get("edit", None)
if edit is None:
self.is_updating_property = True
edit.delete(0, END)
self.is_updating_property = False
def on_prop_change(self, event):
Call back after property update
:param event:
if self.is_updating_property:
label = self.slide_window.children.get("label_text", None)
if label is None:
edit = self.slide_window.children.get("edit", None)
if edit is None:
value = edit.get()
if not value:
label['text']: value,}, "prop_list")
def key_click(self, event):
if event.keysym in ("Up", "Down"):
return "break"
def create_default_property(master, component_name, prop=None):
property_dict = {

"x": 0, "y": 0,
"width": 500, "height": 500,
"borderwidth": 0, "pos_x_default": 3,
if prop is not None:
property, info = create_default_component(master, "EditorProperty", component_name, property_dict)
return property

explain :

  1. I divide the edit box into 4 A type of , There's a drop-down list ( for example font,cursor wait ) use ComboBox, Choose the color and file with EntryWithBtn, The rest of it is Entry
  2. After the edit box is inserted and deleted, you need to update the properties of the control you are editing , Use WidgetRedirector Handle
  3. self.master.master.edit_component.update_property({label[‘text’]: value,}, “prop_list”) This sentence is used to edit the properties , I don't care
  4. update_prop_value This function is called when the text in the edit box is modified after the control is moved by the mouse , Here, to avoid loop calls on_prop_change The function has a limit is_updating_property
  5. key_click I haven't thought about it yet , Don't worry about
  6. It needs to be updated componentProperty This file

Last record The next record

本文为[osc_ hxm151is]所创,转载请带上原文链接,感谢

  1. 利用Python爬虫获取招聘网站职位信息
  2. Using Python crawler to obtain job information of recruitment website
  3. Several highly rated Python libraries arrow, jsonpath, psutil and tenacity are recommended
  4. Python装饰器
  5. Python实现LDAP认证
  6. Python decorator
  7. Implementing LDAP authentication with Python
  8. Vscode configures Python development environment!
  9. In Python, how dare you say you can't log module? ️
  10. 我收藏的有关Python的电子书和资料
  11. python 中 lambda的一些tips
  12. python中字典的一些tips
  13. python 用生成器生成斐波那契数列
  14. python脚本转pyc踩了个坑。。。
  15. My collection of e-books and materials about Python
  16. Some tips of lambda in Python
  17. Some tips of dictionary in Python
  18. Using Python generator to generate Fibonacci sequence
  19. The conversion of Python script to PyC stepped on a pit...
  20. Python游戏开发,pygame模块,Python实现扫雷小游戏
  21. Python game development, pyGame module, python implementation of minesweeping games
  22. Python实用工具,email模块,Python实现邮件远程控制自己电脑
  23. Python utility, email module, python realizes mail remote control of its own computer
  24. 毫无头绪的自学Python,你可能连门槛都摸不到!【最佳学习路线】
  25. Python读取二进制文件代码方法解析
  26. Python字典的实现原理
  27. Without a clue, you may not even touch the threshold【 Best learning route]
  28. Parsing method of Python reading binary file code
  29. Implementation principle of Python dictionary
  30. You must know the function of pandas to parse JSON data - JSON_ normalize()
  31. Python实用案例,私人定制,Python自动化生成爱豆专属2021日历
  32. Python practical case, private customization, python automatic generation of Adu exclusive 2021 calendar
  33. 《Python实例》震惊了,用Python这么简单实现了聊天系统的脏话,广告检测
  34. "Python instance" was shocked and realized the dirty words and advertisement detection of the chat system in Python
  35. Convolutional neural network processing sequence for Python deep learning
  36. Python data structure and algorithm (1) -- enum type enum
  37. 超全大厂算法岗百问百答(推荐系统/机器学习/深度学习/C++/Spark/python)
  38. 【Python进阶】你真的明白NumPy中的ndarray吗?
  39. All questions and answers for algorithm posts of super large factories (recommended system / machine learning / deep learning / C + + / spark / Python)
  40. [advanced Python] do you really understand ndarray in numpy?
  41. 【Python进阶】Python进阶专栏栏主自述:不忘初心,砥砺前行
  42. [advanced Python] Python advanced column main readme: never forget the original intention and forge ahead
  43. python垃圾回收和缓存管理
  44. java调用Python程序
  45. java调用Python程序
  46. Python常用函数有哪些?Python基础入门课程
  47. Python garbage collection and cache management
  48. Java calling Python program
  49. Java calling Python program
  50. What functions are commonly used in Python? Introduction to Python Basics
  51. Python basic knowledge
  52. Anaconda5.2 安装 Python 库(MySQLdb)的方法
  53. Python实现对脑电数据情绪分析
  54. Anaconda 5.2 method of installing Python Library (mysqldb)
  55. Python implements emotion analysis of EEG data
  56. Master some advanced usage of Python in 30 seconds, which makes others envy it
  57. python爬取百度图片并对图片做一系列处理
  58. Python crawls Baidu pictures and does a series of processing on them
  59. python链接mysql数据库
  60. Python link MySQL database