Introduction à Tkinter 2: Button

• Cet article est une continuation de l'article précédent.

4. Widget de bouton

Ce chapitre présente les widgets de boutons. Les widgets de bouton sont des widgets qui vous permettent de saisir rapidement et intuitivement les décisions des utilisateurs pour un nombre limité de choix. Vous trouverez ci-dessous les options du widget Bouton.

--4.0 Structure de base du widget Button

• 4.1 activebackground
• 4.2 activeforeground
• 4.3 bd
• 4.4 bg
• 4.5 command
• 4.6 fg
• 4.7 font --4,8 hauteur et largeur
• 4.9 image
• 4.10 justify --4.11 padx et pady
• 4.12 relief
• 4.13 state
• 4.14 underline
• 4.15 wraplength

4.0 Structure de base du widget Button

Ce widget peut être utilisé en l'instanciant avec tkinter.Button (). La méthode d'affichage peut être placée avec .pack () comme auparavant.

4.0_BasicButtonWidget

import tkinter as tk

pop = tk.Tk()

#Stocker les informations d'occurrence de bouton dans une variable appelée bouton
# tk.Button(Fenêtre cible, text="Chaîne de caractères à afficher sur le bouton")
button = tk.Button(pop, text="Hello")
#Bouton de sortie
button.pack()

pop.mainloop()

Résultat d'exécution

Maintenant que la fenêtre est trop petite, agrandissons-la un peu.

4.0_modify_x_y

import tkinter as tk

pop = tk.Tk()
# .geometry("Vertical x horizontal")Vous pouvez spécifier la taille avec * x est X
pop.geometry("200x200")

# 4.Ne listez que les lignes contenant des options supplémentaires lors de l'instanciation à partir de 1.
button = tk.Button(pop, text="Hello")##Cette ligne
button.pack()

pop.mainloop()

Vous devriez maintenant pouvoir redimensionner la fenêtre. Désormais, seules les lignes contenant des options supplémentaires seront répertoriées. Je posterai tout le code s'il y a des changements significatifs dans l'ensemble.

4.1 activebackground Spécifiez la couleur d'arrière-plan lors du clic

Spécifie la couleur d'arrière-plan lorsque le bouton est enfoncé. Il peut être spécifié par ʻactive background = "color" `. Vous pouvez spécifier la couleur en utilisant une chaîne de caractères telle que "rouge" ou "bleu", ou vous pouvez utiliser la notation hexadécimale en utilisant #.

4.1_Button_activebackground

#Après l'option","Vous pouvez ajouter diverses options en utilisant.
#l'arrière-plan actif produit la couleur d'arrière-plan lorsque le bouton est enfoncé.
button = tk.Button(pop, text="Hello",activeforeground="red")

Résultat de l'exécution (la couleur d'arrière-plan change en cliquant)

4.2 activeforeground Spécifiez la couleur de premier plan en cliquant

Version de premier plan de activebackground. Vous pouvez spécifier la couleur de l'objet devant pendant que vous cliquez. Dans ce cas, vous pouvez spécifier une couleur pour la chaîne Hello.

4.2_Button_activeforeground

#activeforeground génère la couleur de premier plan lorsque le bouton est enfoncé.
button = tk.Button(pop, text="Hello",activeforeground="red")

Résultat de l'exécution (la couleur du premier plan change en cliquant)

4.3 bd Spécifiez la taille du bord

Spécifiez la taille du bord du bouton (l'unité est le pixel). Si cette option n'est pas spécifiée, elle sera initialisée avec 2px lors de sa génération. Essayons d'afficher quelques boutons

4.3_Button_bd

#Spécifie la taille du bord du bouton
button = tk.Button(pop, text="0px",bd="0")
button1 = tk.Button(pop, text="2px",bd="2")
button2 = tk.Button(pop, text="5px",bd="5")
button3 = tk.Button(pop, text="10px",bd="10")
button4 = tk.Button(pop, text="20px",bd="20")
button.pack()
button1.pack()
button2.pack()
button3.pack()
button4.pack()

Résultat d'exécution

4.4 bg Spécifiez la couleur d'arrière-plan

Changez la couleur d'arrière-plan du bouton. Il s'agit d'une option indépendante de l'action, contrairement au premier plan actif et à l'arrière-plan actif.

4.4_Button_bg

#Spécifie la couleur d'arrière-plan à l'état normal. Cela ne dépend pas de l'action.
button = tk.Button(pop, text="Hello",bg="red")

Résultat d'exécution

4.5 commande Exécuter le programme spécifié

Exécute le programme spécifié par la commande. Entrez le nom de la fonction que vous souhaitez exécuter dans la commande. Dans l'exemple ci-dessous, nous voulons utiliser une fonction appelée output, donc command = output est maintenant terminé.

4.5_Button_command

#Sortie bonjour tkinter sur la console
def output():
    print("hello tkinter!")

#Vous pouvez exécuter le programme spécifié.
#Entrez uniquement le nom de la fonction dans la commande.
button = tk.Button(pop, text="Hello",command=output)

Résultat d'exécution

4.6 fg Spécifiez la couleur de premier plan.

Pour la couleur de fond, j'ai utilisé la commande bg. Cette fois, c'est fg. fg spécifie la couleur du contenu au premier plan. Donc, dans ce cas, vous pouvez spécifier une couleur pour la chaîne bonjour. Comme bg, fg est une méthode de spécification indépendante de l'action.

4.6_Button_fg

#Spécifiez la couleur de premier plan(* Ne dépend pas de l'action)
button = tk.Button(pop, text="Hello",fg="red")

4.7 Spécifiez la police

Fait référence à la police installée sur l'ordinateur et ajoute une police à toute chaîne de caractères. Essayons de générer plusieurs boutons pour voir si la police est réellement spécifiée.

4.7_Button_font

#Spécifiez la police
button1 = tk.Button(pop, text="Hello")
button2 = tk.Button(pop, text="Hello",font="gabriola")
button3 = tk.Button(pop, text="Hello",font="consolas")
button1.pack()
button2.pack()
button3.pack()

Résultat d'exécution Vous pouvez confirmer que la police peut être spécifiée.

4.8 hauteur, largeur Spécifiez la taille du bouton

Vous pouvez ajuster la taille du bouton en utilisant la hauteur et la largeur. la hauteur est la hauteur et la largeur la largeur. Un seul d'entre eux est acceptable.

4.8_Button_width_height

#Spécifiez la taille du bouton
button = tk.Button(pop, text="Hello",width="20",height="10")

Résultat d'exécution

4.9 Placer une image sur le bouton d'image

Je l'écrirai plus tard

4.10 justifier Spécifier la position vers laquelle se déplacer lorsqu'il s'agit d'une chaîne de caractères multilignes

Spécifie où placer la chaîne lorsqu'il y a plusieurs lignes de chaîne. Il existe trois attributs, «gauche», «centre» et «droite». Faisons en fait quelques boutons et essayons-les.

4.10_Button_justify

button1 = tk.Button(pop, text="left\nleftleftleft",width="30",justify="left")
button2 = tk.Button(pop, text="center\ncentercenter",width="30",justify="center")
button3 = tk.Button(pop, text="right\nrightright",width="30",justify="right")
button1.pack()
button2.pack()
button3.pack()

Résultat d'exécution

4.11 padx, pady Spécifier le blanc intérieur

Spécifie un espace vide à l'intérieur du bouton. padx peut être spécifié pour l'axe horizontal et pady peut être spécifié pour l'axe vertical.

4.11_Button_padding_x_y

#Ajoute un espace à l'intérieur du bouton. padx spécifie l'espace sur l'axe horizontal et pady spécifie l'espace sur l'axe vertical.
button = tk.Button(pop, text="Hello",padx='30',pady='50')

Résultat d'exécution

4.12 relief Spécifier le style de l'arête

Spécifie le type de bord du bouton. Il existe 5 types d'arêtes, qui peuvent être spécifiées selon les besoins. Les attributs sont les suivants.

• plat: bouton plat --sunken: pressé
• surélevé: l'état de sortir à l'avant --groove: l'état où le bord est enterré dans la rainure --ridge: état où le front monte --solide: rainure épaisse

4.12_Button_relief

#Spécifie le style du bord
button1 = tk.Button(pop, text="Hello",relief='flat')
button2 = tk.Button(pop, text="Hello",relief='sunken')
button3 = tk.Button(pop, text="Hello",relief='raised')
button4 = tk.Button(pop, text="Hello",relief='groove')
button5 = tk.Button(pop, text="Hello",relief='ridge')
button6 = tk.Button(pop, text="Hello",relief='solid')

button1.pack()
button2.pack()
button3.pack()
button4.pack()
button5.pack()
button6.pack()

Résultat d'exécution

4.13 état Modifier les attributs du bouton

l'état peut activer ou désactiver le bouton. Il existe trois types d'attributs, mais l'un d'entre eux a la même signification, je vais donc l'omettre.

• normal: boutons sur lesquels vous pouvez appuyer --disable: empêche le bouton d'être enfoncé

Essayons en fait deux boutons.

4.13_Button_state

#Spécifie le style du bord
#Modifier les attributs du bouton
button1 = tk.Button(pop, text="normal",state='normal')
button2 = tk.Button(pop, text="active",state='active')
button3 = tk.Button(pop, text="disable",state='disable')

button1.pack()
button2.pack()
button3.pack()

Résultat d'exécution

4.14 souligner Souligner

Spécifiez le nombre à souligner, le premier caractère étant le 0. La valeur par défaut est -1, auquel cas aucun caractère n'est souligné.

4.14_Button_underline

#Soulignez n'importe quel caractère
button = tk.Button(pop, text="disable",underline='3')

Résultat d'exécution

4.15 longueur d'enroulement Enveloppez les caractères à n'importe quelle taille

Emballez les caractères de la taille de votre choix. Veuillez noter qu'il est spécifié par un nombre, mais il s'agit du nombre de pixels et non du nombre de chiffres du caractère. Si vous souhaitez envelopper à 20px, écrivez comme suit.

4.15_Button_state

#Emballez les caractères à n'importe quelle taille
button = tk.Button(pop, text="wraplength",wraplength='20')

Résultat d'exécution

C'était le widget bouton.

La prochaine fois, j'aimerais en savoir plus sur la toile.