GUI Graphical user interface programming example - color selection box

   

Thank you for opening Xiaobai's article  

“ I hope you have made a little progress today , One step closer to a better life ！”

Preface

The color selection box can help us set the background color 、 The foreground 、 Brush color 、 Font color, etc .

colorchooser It's simple , It provides a color interface that users can choose according to their own needs .

Basis for instance

from tkinter import  *
from tkinter.colorchooser import *

root = Tk();root.geometry("400x150")


def test1():
    s1 = askcolor(color="red", title=" Choose a background color ")
    print(s1)
    root.config(bg=s1[1])

Button(root,text=" Choose a background color ",command=test1).pack()

root.mainloop()

Turn on display color selection ： 

 

Select a good color to fill ： 

 

  Enhanced instances , Free graffiti

import tkinter as tk
from tkinter.colorchooser import *

#  Create a color selection function 
def colorselect():
	global color            
	colors = askcolor()
	color = (int(colors[0][0]),int(colors[0][1]),int(colors[0][2])) 
	choosedcolor.set(str(color))       
#  Create drawing function 
def paint(event):
    x1, y1 = event.x, event.y
    x2, y2 = event.x, event.y
    w.create_oval(x1, y1, x2, y2, fill='#%02x%02x%02x' %color, outline='#%02x%02x%02x' %color)  #  Set color to colorchooser The chosen 

root = tk.Tk()

color = (0,0,0)
choosedcolor = tk.StringVar()
choosedcolor.set(str(color))   #  Set the initial color 

tk.Label(root, text=" Free graffiti ").pack(padx=10,pady=10)

frame1 = tk.Frame(root)
tk.Button(frame1, text=" Choose a color ", relief='flat',command=colorselect).pack(side='left',padx=3, pady=3)
tk.Label(frame1, textvariable=choosedcolor).pack(side='left',padx=3, pady=3)
frame1.pack(anchor='w')

w = tk.Canvas(root, width=400, height=200)
w.pack()

w.bind("<B1-Motion>", paint)   #  Draw left mouse binding function 

tk.Button(root, text=" Clear the screen ", command=(lambda a='all':w.delete(a))).pack(padx=5, pady=5)

root.mainloop()

Results show ：