Curso Python. Interfaces gráficas V. Vídeo 46

Introduction to New Widgets in Python GUI

Overview of the Class

• The course continues with a focus on building graphical user interfaces (GUIs) using Python, specifically introducing two new widgets: Text and Button.

Purpose of the Text Widget

• The Text widget is designed for entering long text inputs, such as comments or biographies, allowing users to write extensive content within a designated area.

Functionality of the Button Widget

• The Button widget serves to create interactive buttons in the interface. It enables actions like submitting user input to various destinations, including files or databases.

Building the Application Interface

Modifying Existing Code

• The instructor plans to enhance an existing application by modifying its layout and adding new elements while acknowledging that this may lead to less organized code.

Updating Labels and Adding New Elements

• The first step involves changing a label from "dirección de la casa" to simply "dirección" for better alignment.

• A new label titled "comentarios" will be added next to the Text widget, which will allow users to provide their feedback or comments.

Implementing the Text Widget

Copying and Adjusting Code

• To maintain consistency, the instructor copies an existing label's code but modifies it for the new "comentarios" section.

Positioning Elements Correctly

• Proper positioning is crucial; thus, adjustments are made so that each element occupies its correct row in the grid layout.

Finalizing Layout and Adding Functionality

Integrating User Input Areas

• After setting up labels, a large text area is created for user input. This area allows users ample space for writing but may initially disrupt overall layout due to its size.

Scroll Functionality Considerations

• Users can scroll through their input when it exceeds visible limits. However, a scrollbar must be manually added since it does not appear automatically with the Text widget.

Adjusting Dimensions and Adding Scrollbars

Setting Reasonable Dimensions

• To improve usability, dimensions of the text area are adjusted by specifying width and height parameters directly in the code.

Implementing Scrollbar Integration

Building a Vertical Scrollbar in Python GUI

Creating the Scrollbar Variable

• The scrollbar is defined as a variable named scroll_bert, which can be renamed as desired. It is linked to the text widget for vertical scrolling.

Specifying Parent Container and Orientation

• The parent container of the scrollbar must be specified, which in this case is the frame. The orientation of the scrollbar (vertical or horizontal) is set using the command instruction.

Implementing and Positioning the Scrollbar

• After creating the scrollbar, it needs to be positioned correctly within the interface. Initially, no scrollbar appears until proper placement code is executed.

• The correct row for positioning should match that of the text widget (row 4), while an additional column (column 2) is used to place it to the right of the text.

Functionality and Design Considerations

• There are limitations regarding integrating scrollbars without adding extra space; however, functionality can still be achieved by placing it on the right side.

• When typing in the text widget, scrolling functionality works with both buttons and dragging actions on the scrollbar.

Adjusting Scrollbar Size and Behavior

• By default, scrollbars do not resize according to their associated widgets. They should adapt in size based on their content's height.

• To enhance usability, parameters can be added so that scrollbars adjust dynamically to their respective widgets' dimensions.

Enhancing User Interaction with Scroll Position Indicator

• Adding specific parameters allows for better interaction with scrollbars, including a position indicator that reflects where users are within their text input.

• A parameter adjustment ensures that when users click within a certain line of text, it accurately updates their position on the scrollbar.

Finalizing Widget Configuration

• Additional configurations are made by linking back to scroll_bert from within other components like text_comment.

• Once implemented correctly, users will see real-time updates on their position within text input via visual indicators on both buttons and drag features of scrollbars.

Exploring Further Customizations

• For more advanced configurations beyond basic setup, users are encouraged to research online resources related to Python's text widget functionalities.

How to Create and Use Buttons in Python

Creating a Button

• To create a button, use the Button class just like any other widget. Specify the parent container and add text using the text parameter.

• In this example, instead of using a frame as the parent container, the root is used. The button's text is set to "Enviar" (Send), and it is packed into the window.

• Understanding how to position buttons involves experimenting with different parent containers, which helps in learning about layout management.

Adding Functionality to Buttons

• To make buttons functional, add a third parameter called command when constructing the button. This links it to a function that will be executed upon clicking.

• If you reference a function that hasn't been defined yet (like codigo_boton), clicking the button will result in an error since it cannot find that function.

Implementing Actions on Button Click

• A practical example of functionality could involve printing a message or interacting with input fields. Here, we aim for more complexity by having the button input our name into an entry field.

• The variable for storing the name (mi_nombre) needs to be defined at the beginning of the code so that it can be referenced later when setting values.

Associating Variables with Input Fields

• The variable mi_nombre, which holds our name as a string, must be linked to an entry widget so that its value can be displayed there when updated.

• By associating this variable with an entry widget through textvariable, we ensure that changes made via button clicks reflect immediately in the UI.

Retrieving Information from Input Fields

• To retrieve information from an entry field, utilize specific functions designed for this purpose. This knowledge sets up for future lessons where more complex applications like calculators will be built.