Python Private Lessons / Series 3

What will we learn?

• Python Private Lessons / Series 3 ( Window construction for the operating system )

Requirements:

• Notepad+
• Operating System
• Python
• PyCharm Edu Download

Difficulty Level:

• Normal Level

Let's Start the Course :

Size of Text Area

We are not talking about the size of the font here, but the size of the area it covers. By giving the background color to the text you will see better the change of values ​​here.

We have 2 parameters to set the size. "width" and "height"

article = label (
      text      =   "Hello World",
      fg           =   "#cccccc",
      bg          =  "#ae0000",

     width     =    0,
     height    =   10

)

Inline Gap:

The inner space in this space is not the text as it is in the same text area, but the margins of the text area. These margins are given in the text field. So if we have the background color of the writing, we can see that it grows.

We will give these properties again as parameter "padx" and "pady".

article = label (
      text      =   "Hello World",
      fg           =   "#cccccc",
      bg          =  "#ae0000",

     padx     =   0,
     pady    =    10

)

After we wrote the code, we left as many spaces as we specified in the borders of the text area.

Font Settings

The text, size, font and thickness we have written so far have been adjusted automatically. We can reset them with the "font" parameter of the "Label ()" property.

article = label (
      text      =   "Hello World",
      fg           =   "#cccccc",
      bg          =  "#ae0000",

     padx     =   0,
     pady    =    10

     font      =   ("Open Sans",  "30"  ,  "bold"  )

)

In the Font parameter we added the font, the font size and the format of the font respectively.

We can use "italic", "normal", "underline" or "overstrike" fonts instead of "Bold".

Width of Text

Let's say we have a word that does not fit in the window. Suppose a piece of text would fit in the window, carry the screen. We need to limit this field and shift the next line. We will do this with the "wraplength" parameter.

article = label (
      text      =   "Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian",
      fg           =   "#cccccc",
      bg          =  "#ae0000",

     padx     =   50,
     pady    =    30

     wraplenght = 100

)

As you will see, the lines will be shifted down one line. We can change the width by playing with the value in this parameter.

Text Alignment

Text left Alignment

article = label (
      text      =   "Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot,Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian,",
      fg           =   "#cccccc",
      bg          =  "#ae0000",

     padx     =   50,
     pady    =    30

     wraplenght = 100
     justify            =  "left"

)

Text right Alignment

article = label (
      text      =   "Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot,Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian,",
      fg           =   "#cccccc",
      bg          =  "#ae0000",

     padx     =   50,
     pady    =    30

     wraplenght = 180
     justify            =  "right"

)

Text Average Alignment

article = label (
      text      =   "Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot, Kingmaggot,Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian, Hello Utopian,",
      fg           =   "#cccccc",
      bg          =  "#ae0000",

     padx     =   50,
     pady    =    30

     wraplenght = 180
     justify            =  "center"

)

The Position Of The Article In Itself

When we enlarge the width and height of the writing, the writing is standardized. We use the "anchor" parameter to move this text right-left, up-down. You can find the values ​​that this parameter will have in the table below.

Let's paste the word up-right for an example.

from tkinter import *

window  =  TK()
window.title("Windows Title")
window.geometry("200x200+300+100")

article  =  Label (
   text   =  "python",
   fg       =  "#cccccc", 
   bg      =  "#cccccc", 
  
   anchor   "ne"
)
article.pack()
mainloop()

Change the mouse cursor when the label is over

When we come to the label we may want to change the mouse icon. For example, we may want to place a finger symbol instead of the standard arrow icon, if we link at one time. We will do this with the "cursor" parameter.

First I give a list of all the cursor names. Here you can choose what you want

article  = label (
      text     =   "Python",
      fg         =   "#cccccc",
      bg       =    "#ae0000",
     
     width      =      50,
     height     =      50,

     cursor      =      "cross"
)

You can use it in this way. When we run these codes, our mouse is in the form of "x".

Insert Picture

With the "Label ()" feature, we can add images to my window. Let's add a "GIF" to the window.

from tkinter import *

window  =  TK()
window.title("Windows Title")
window.geometry("200x200+300+100")

picture = PhotoImage(file  =  "utupian.gif")

article   = Label ("image  = picture)
article.pack()

mainloop()

I had an image file called "utopian.gif". Since I do not write the full path to this file, it must be in the same folder as the official program. You can add the full path to the pictures in other places on the computer.

When these codes are run, the specified picture will start to appear in the background of my window.

If you want to add Bitmap file instead of "GIF" file, you can use "BitmapImage ()" function instead of "PhotoImage ()" function.

We can add text inside the same "Label ()" feature and align the picture and text easily. As you are writing, we will use the "text" parameter. For the alignment operation, we will use the "compound" parameter.

You can see the values ​​that the "Compound" parameter can take on the table.

As an example, let's try "left" value. Here you have to be on the left side of the picture.

from tkinter import *

window  =  TK()
window.title("Windows Title")
window.geometry("200x200+300+100")

picture = PhotoImage(file  =  "utupian.gif")

article   = Label (
      image    =   picture,
      text         =  "Test Article",
      compound  =  "left"
article.pack()

mainloop()

For the rest of the article, follow our series.