主頁 > 軟體工程 > self.canvas.create_text消失

self.canvas.create_text消失

2021-11-06 16:08:32 軟體工程

from tkinter import *
 
class wigdet:
    def __init__(self):
        window = Tk()
        window.title("Buttons and Radio Buttons")

        frame1 = Frame(window)
        frame1.pack()
        self.v1 = IntVar()

        rb_red = Radiobutton(frame1, text="Red", fg="black", variable= self.v1, value = 1, command=self.process_radio_button)
        rb_yellow = Radiobutton(frame1, text="Yellow", fg="black", variable= self.v1, value = 2, command=self.process_radio_button)
        rb_white = Radiobutton(frame1, text="White", fg="black", variable= self.v1, value = 3, command=self.process_radio_button)
        rb_gray = Radiobutton(frame1, text="Gray", fg="black", variable= self.v1, value = 4, command=self.process_radio_button)
        rb_green = Radiobutton(frame1, text="Green", fg="black", variable= self.v1, value = 5, command=self.process_radio_button)

        rb_red.grid(row=0, column=0)
        rb_yellow.grid(row=0, column=1)
        rb_white.grid(row=0, column=2)
        rb_gray.grid(row=0, column=3)
        rb_green.grid(row=0, column=4)

        frame2 = Frame(window)
        frame2.pack()

        self.canvas = Canvas(frame2, width=400, height=100, bg="white")
        self.x1, self.y1 = (200, 50)
        self.canvas.create_text(self.x1,self.y1, fill="black",text="Welcome",font=("Arial"),tags="text")
        self.canvas.pack()
        
        frame3 = Frame(window)
        frame3.pack()

        bt_left = Button(frame3, text = "<=", fg = "black", command = self.process_left)
        bt_right = Button(frame3, text = "=>", fg = "black", command = self.process_right)
        
        bt_left.grid(row=2, column=0)
        bt_right.grid(row=2, column=1)

        window.mainloop()

    def process_radio_button(self):
        if (self.v1.get() == 1):
            self.canvas.create_rectangle(0,0,400, 100, fill="red")
            self.canvas.create_text(self.x1,self.y1,fill="black",text="Welcome",font=("Arial"),tags="text")
        
        elif (self.v1.get() == 2):
            self.canvas.create_rectangle(0,0,400, 100, fill="yellow")
            self.canvas.create_text(self.x1,self.y1,fill="black",text="Welcome",font=("Arial"),tags="text")

        elif (self.v1.get() == 3):
            self.canvas.create_rectangle(0,0,400, 100, fill="white")
            self.canvas.create_text(self.x1,self.y1,fill="black",text="Welcome",font=("Arial"),tags="text")
        
        elif (self.v1.get() == 4):
            self.canvas.create_rectangle(0,0,400, 100, fill="gray")
            self.canvas.create_text(self.x1,self.y1,fill="black",text="Welcome",font=("Arial"),tags="text")
        
        else:
            self.canvas.create_rectangle(0,0,400, 100, fill="green")
            self.canvas.create_text(self.x1,self.y1,fill="black",text="Welcome",font=("Arial"),tags="text")
        
    def process_left(self):
        self.canvas.delete("text")
        if self.x1>10:
            self.x1-=10
        if self.x1>60:
            self.x1-=10
            self.canvas.create_text(self.x1, self.y1, fill="black", tags="text")
        

    def process_right(self):
        self.canvas.delete("text")
        if self.x1 < 350:
            self.x1 =10
        if self.x1 < 400:
            self.x1 =10
            self.canvas.create_text(self.x1, self.y1, fill="black", tags="text")
    

wigdet()

我有兩個按鈕可以左右移動文本。我也有 5Radiobutton秒決定背景顏色。例如,當我選擇紅色,然后將文本向左移動時,文本消失,但當我點擊Radiobutton紅色時,文本會稍微向左重新出現

任何簡單的解決方案?

uj5u.com熱心網友回復:

這是因為您洗掉了現有文本并創建了一個新的文本物件,而沒有分配text給它。所以你只需創建一個空的文本物件。

此外,最好一次創建這些畫布專案并使用coords()它們來移動它們并itemconfig()更改它們的屬性。

class widget:
    def __init__(self):
        ...
        # create the background rectangle first
        self.canvas.create_rectangle(0,0,400, 100, fill="white", tags="rect")
        self.canvas.create_text(self.x1,self.y1, fill="black",text="Welcome",font=("Arial"),tags="text")
        ...

    def process_radio_button(self):
        if (self.v1.get() == 1):
            fill="red"
        elif (self.v1.get() == 2):
            fill="yellow"
        elif (self.v1.get() == 3):
            fill="white"
        elif (self.v1.get() == 4):
            fill="gray"
        else:
            fill="green"

        # change the fill color
        self.canvas.itemconfig("rect", fill=fill)

    def process_left(self):
        # why two if ???
        if self.x1>10:
            self.x1-=10
        if self.x1>60:
            self.x1-=10
            # move the text
            self.canvas.coords("text", self.x1, self.y1)

    def process_right(self):
        # why two if ???
        if self.x1 < 350:
            self.x1 =10
        if self.x1 < 400:
            self.x1 =10
            # move the text
            self.canvas.coords("text", self.x1, self.y1)

uj5u.com熱心網友回復:

這是代碼的改進版本(代碼注釋中的解釋):

import tkinter as tk
from tkinter import font


# inherit from frame for easier use
class MyWidget(tk.Frame):
    def __init__(self, master, **kwargs):
        super().__init__(master, **kwargs)

        # create the frame for radio buttons
        self.rb_frame = tk.Frame(self)
        # variable for radio buttons and set value to something already
        self.rb_var = tk.StringVar(value='white')
        # iterate over colors and place the radio buttons with the color
        # text and set `value=color`, that way `self.rb_var.get()`
        # will return the color
        for color in ('red', 'yellow', 'white', 'gray', 'green'):
            tk.Radiobutton(
                self.rb_frame, text=color.title(), value=color,
                variable=self.rb_var, command=self.color_select
            ).pack(side='left')

        # configure canvas stuff, set width and height
        self.c_w, self.c_h = 600, 500
        # get initial x position for text
        self.x = self.c_w // 2
        self.canvas = tk.Canvas(self, width=self.c_w, height=self.c_h)
        # create rectangle on canvas and save its id
        self.rect = self.canvas.create_rectangle(
            0, 0, self.c_w, self.c_h, fill=self.rb_var.get(),
            outline=self.rb_var.get())
        # define the text to display
        self.text = 'Welcome!'
        # use a `font` so that later can measure the text width
        self.font = font.Font(family='Arial')
        # measure text width to allow for better collision detection with sides
        self.text_width = self.font.measure(self.text)
        # create the text and save the id
        self.canvas_text = self.canvas.create_text(
            self.x, self.c_h // 2, text=self.text, font=self.font)

        # create the frame where the left/right buttons will be
        self.btn_frame = tk.Frame(self)
        # create the buttons
        tk.Button(
            self.btn_frame, text='>>>', command=lambda: self.move('right')
        ).pack(side='right', fill='x', expand=True)
        tk.Button(
            self.btn_frame, text='<<<', command=lambda: self.move('left')
        ).pack(side='left', fill='x', expand=True)

        # place all the created frames
        self.rb_frame.grid(row=0, column=0)
        self.canvas.grid(row=1, column=0)
        self.btn_frame.grid(row=2, column=0, sticky='we')

    # the color selector method which is called from radio buttons
    def color_select(self):
        value = self.rb_var.get()
        # as you can see then using `value=color` earlier now this is possible
        # to easily set the color
        self.canvas.itemconfig(self.rect, fill=value, outline=value)
    
    # method for moving
    def move(self, side):
        # get half width of font because the center of the created text is middle
        half_width = self.text_width // 2
        if side == 'left' and self.x - 10 - half_width > 0:
            self.x -= 10
        elif side == 'right' and self.x   10   half_width < self.c_w:
            self.x  = 10
        # move the created text
        self.canvas.coords(self.canvas_text, self.x, self.c_h // 2)


# in general good practice to use this if statement
if __name__ == '__main__':
    # create the root
    root = tk.Tk()
    
    # put the widget on the window
    frame = MyWidget(root)
    frame.pack()

    root.mainloop()

如您所見,無需洗掉創建的文本或矩形,只需更改它們的坐標和選項(也可以使用標簽完成,我只是使用 ID)

另外:
我強烈建議*在匯入某些內容時不要使用通配符 ( ),您應該匯入您需要的內容,例如from module import Class1, func_1, var_2等等或匯入整個模塊:import module然后您也可以使用別名:import module as md或類似的東西,重點是不要除非您確實知道自己在做什么,否則不要匯入所有內容;名稱沖突是問題。

我強烈建議遵循PEP 8 - Python 代碼風格指南函式名和變數名應該在snake_case,類名應該CapitalCase. 沒有足夠的空間周圍=,如果它被用作關鍵字引數的一部分,( func(arg='value')),但周圍有空間,=如果是用于分配的值(variable = 'some value')。在運算子周圍留出空間( -/value = x y:(此處除外value = x y))。在函式和類宣告周圍有兩個空行。物件方法定義周圍有一個空行。

轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/350123.html

標籤:Python 特金特

上一篇:如何使用網格方法在Tkinter中對齊單選按鈕?

下一篇:如何解決Tkinter中的多處理問題?

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • Git本地庫既關聯GitHub又關聯Gitee

    創建代碼倉庫 使用gitee舉例(github和gitee差不多) 1.在gitee右上角點擊+,選擇新建倉庫 ? 2.選擇填寫倉庫資訊,然后進行創建 ? 3.服務端已經準備好了,本地開始作準備 (1)Git 全域設定 git config --global user.name "成鈺" git c ......

    uj5u.com 2020-09-10 05:04:14 more
  • CODING DevOps 代碼質量實戰系列第二課,相約周三

    隨著 ToB(企業服務)的興起和 ToC(消費互聯網)產品進入成熟期,線上故障帶來的損失越來越大,代碼質量越來越重要,而「質量內建」正是 DevOps 核心理念之一。**《DevOps 代碼質量實戰(PHP 版)》**為 CODING DevOps 代碼質量實戰系列的第二課,同時也是本系列的 PHP ......

    uj5u.com 2020-09-10 05:07:43 more
  • 推薦Scrum書籍

    推薦Scrum書籍 直接上干貨,推薦書籍清單如下(推薦有順序的哦) Scrum指南 Scrum精髓 Scrum敏捷軟體開發 Scrum捷徑 硝煙中的Scrum和XP : 我們如何實施Scrum 敏捷軟體開發:Scrum實戰指南 Scrum要素 大規模Scrum:大規模敏捷組織的設計 用戶故事地圖 用 ......

    uj5u.com 2020-09-10 05:07:45 more
  • CODING DevOps 代碼質量實戰系列最后一課,周四發車

    隨著 ToB(企業服務)的興起和 ToC(消費互聯網)產品進入成熟期,線上故障帶來的損失越來越大,代碼質量越來越重要,而「質量內建」正是 DevOps 核心理念之一。 **《DevOps 代碼質量實戰(Java 版)》**為 CODING DevOps 代碼質量實戰系列的最后一課,同時也是本系列的 ......

    uj5u.com 2020-09-10 05:07:52 more
  • 敏捷軟體工程實踐書籍

    Scrum轉型想要做好,第一步先了解并真正落實Scrum,那么我推薦的Scrum書籍是要看懂并實踐的。第二步是團隊的工程實踐要做扎實。 下面推薦工程實踐書單: 重構:改善既有代碼的設計 決議極限編程 : 擁抱變化 代碼整潔代碼 程式員的職業素養 修改代碼的藝術 撰寫可讀代碼的藝術 測驗驅動開發 : ......

    uj5u.com 2020-09-10 05:07:55 more
  • Jenkins+svn+nginx實作windows環境自動部署vue前端專案

    前面文章介紹了Jenkins+svn+tomcat實作自動化部署,現在終于有空抽時間出來寫下Jenkins+svn+nginx實作自動部署vue前端專案。 jenkins的安裝和配置已經在前面文章進行介紹,下面介紹實作vue前端專案需要進行的哪些額外的步驟。 注意:在安裝jenkins和nginx的 ......

    uj5u.com 2020-09-10 05:08:49 more
  • CODING DevOps 微服務專案實戰系列第一課,明天等你

    CODING DevOps 微服務專案實戰系列第一課**《DevOps 微服務專案實戰:DevOps 初體驗》**將由 CODING DevOps 開發工程師 王寬老師 向大家介紹 DevOps 的基本理念,并探討為什么現代開發活動需要 DevOps,同時將以 eShopOnContainers 項 ......

    uj5u.com 2020-09-10 05:09:14 more
  • CODING DevOps 微服務專案實戰系列第二課來啦!

    近年來,工程專案的結構越來越復雜,需要接入合適的持續集成流水線形式,才能滿足更多變的需求,那么如何優雅地使用 CI 能力提升生產效率呢?CODING DevOps 微服務專案實戰系列第二課 《DevOps 微服務專案實戰:CI 進階用法》 將由 CODING DevOps 全堆疊工程師 何晨哲老師 向 ......

    uj5u.com 2020-09-10 05:09:33 more
  • CODING DevOps 微服務專案實戰系列最后一課,周四開講!

    隨著軟體工程越來越復雜化,如何在 Kubernetes 集群進行灰度發布成為了生產部署的”必修課“,而如何實作安全可控、自動化的灰度發布也成為了持續部署重點關注的問題。CODING DevOps 微服務專案實戰系列最后一課:**《DevOps 微服務專案實戰:基于 Nginx-ingress 的自動 ......

    uj5u.com 2020-09-10 05:10:00 more
  • CODING 儀表盤功能正式推出,實作作業資料可視化!

    CODING 儀表盤功能現已正式推出!該功能旨在用一張張統計卡片的形式,統計并展示使用 CODING 中所產生的資料。這意味著無需額外的設定,就可以收集歸納寶貴的作業資料并予之量化分析。這些海量的資料皆會以圖表或串列的方式躍然紙上,方便團隊成員隨時查看各專案的進度、狀態和指標,云端協作迎來真正意義上 ......

    uj5u.com 2020-09-10 05:11:01 more
最新发布
  • windows系統git使用ssh方式和gitee/github進行同步

    使用git來clone專案有兩種方式:HTTPS和SSH:
    HTTPS:不管是誰,拿到url隨便clone,但是在push的時候需要驗證用戶名和密碼;
    SSH:clone的專案你必須是擁有者或者管理員,而且需要在clone前添加SSH Key。SSH 在push的時候,是不需要輸入用戶名的,如果配置... ......

    uj5u.com 2023-04-19 08:41:12 more
  • windows系統git使用ssh方式和gitee/github進行同步

    使用git來clone專案有兩種方式:HTTPS和SSH:
    HTTPS:不管是誰,拿到url隨便clone,但是在push的時候需要驗證用戶名和密碼;
    SSH:clone的專案你必須是擁有者或者管理員,而且需要在clone前添加SSH Key。SSH 在push的時候,是不需要輸入用戶名的,如果配置... ......

    uj5u.com 2023-04-19 08:35:34 more
  • 2023年農牧行業6大CRM系統、5大場景盤點

    在物聯網、大資料、云計算、人工智能、自動化技術等現代資訊技術蓬勃發展與逐步成熟的背景下,數字化正成為農牧行業供給側結構性變革與高質量發展的核心驅動因素。因此,改造和提升傳統農牧業、開拓創新現代智慧農牧業,加快推進農牧業的現代化、資訊化、數字化建設已成為農牧業發展的重要方向。 當下,企業數字化轉型已經 ......

    uj5u.com 2023-04-18 08:05:44 more
  • 2023年農牧行業6大CRM系統、5大場景盤點

    在物聯網、大資料、云計算、人工智能、自動化技術等現代資訊技術蓬勃發展與逐步成熟的背景下,數字化正成為農牧行業供給側結構性變革與高質量發展的核心驅動因素。因此,改造和提升傳統農牧業、開拓創新現代智慧農牧業,加快推進農牧業的現代化、資訊化、數字化建設已成為農牧業發展的重要方向。 當下,企業數字化轉型已經 ......

    uj5u.com 2023-04-18 08:00:18 more
  • 計算機組成原理—存盤器

    計算機組成原理—硬體結構 二、存盤器 1.概述 存盤器是計算機系統中的記憶設備,用來存放程式和資料 1.1存盤器的層次結構 快取-主存層次主要解決CPU和主存速度不匹配的問題,速度接近快取 主存-輔存層次主要解決存盤系統的容量問題,容量接近與價位接近于主存 2.主存盤器 2.1概述 主存與CPU的聯 ......

    uj5u.com 2023-04-17 08:20:31 more
  • 談一談我對協同開發的一些認識

    如今各互聯網公司普通都使用敏捷開發,采用小步快跑的形式來進行專案開發。如果是小專案或者小需求,那一個開發可能就搞定了。但對于電商等復雜的系統,其功能多,結構復雜,一個人肯定是搞不定的,所以都是很多人來共同開發維護。以我曾經待過的商城團隊為例,光是后端開發就有七十多人。 為了更好地開發這類大型系統,往 ......

    uj5u.com 2023-04-17 08:18:55 more
  • 專案管理PRINCE2核心知識點整理

    PRINCE2,即 PRoject IN Controlled Environment(受控環境中的專案)是一種結構化的專案管理方法論,由英國政府內閣商務部(OGC)推出,是英國專案管理標準。
    PRINCE2 作為一種開放的方法論,是一套結構化的專案管理流程,描述了如何以一種邏輯性的、有組織的方法,... ......

    uj5u.com 2023-04-17 08:18:51 more
  • 談一談我對協同開發的一些認識

    如今各互聯網公司普通都使用敏捷開發,采用小步快跑的形式來進行專案開發。如果是小專案或者小需求,那一個開發可能就搞定了。但對于電商等復雜的系統,其功能多,結構復雜,一個人肯定是搞不定的,所以都是很多人來共同開發維護。以我曾經待過的商城團隊為例,光是后端開發就有七十多人。 為了更好地開發這類大型系統,往 ......

    uj5u.com 2023-04-17 08:18:00 more
  • 專案管理PRINCE2核心知識點整理

    PRINCE2,即 PRoject IN Controlled Environment(受控環境中的專案)是一種結構化的專案管理方法論,由英國政府內閣商務部(OGC)推出,是英國專案管理標準。
    PRINCE2 作為一種開放的方法論,是一套結構化的專案管理流程,描述了如何以一種邏輯性的、有組織的方法,... ......

    uj5u.com 2023-04-17 08:17:55 more
  • 計算機組成原理—存盤器

    計算機組成原理—硬體結構 二、存盤器 1.概述 存盤器是計算機系統中的記憶設備,用來存放程式和資料 1.1存盤器的層次結構 快取-主存層次主要解決CPU和主存速度不匹配的問題,速度接近快取 主存-輔存層次主要解決存盤系統的容量問題,容量接近與價位接近于主存 2.主存盤器 2.1概述 主存與CPU的聯 ......

    uj5u.com 2023-04-17 08:12:06 more