Python | Agregar etiqueta a una ventana kivy

Kivy es una herramienta GUI independiente de la plataforma en Python. Como se puede ejecutar en Android, iOS, Linux y Windows, etc. Básicamente se usa para desarrollar la aplicación de Android, pero no significa que no se pueda usar en aplicaciones de escritorio.
Widget de etiqueta: 
el widget de etiqueta es para representar texto. Admite strings ASCII y Unicode. La etiqueta es el texto que queremos añadir a nuestra ventana, dar a los botones, etc. En las etiquetas, también podemos aplicar el estilo, es decir, aumentar el texto, el tamaño, el color y más. 
Veamos cómo agregar una etiqueta a una ventana de Kivy .
 

Tutorial de Kivy: aprenda Kivy con ejemplos .

¿Cómo agregar una etiqueta?
 

1) import kivy
2) import kivy App
3) import label
4) set minimum version (optional)
5) Extend the App class
6) overwrite the build function
7) Add and return label
8) Run the instance of class

A continuación se muestra el código: 
 

Python3

# import kivy module
import kivy
 
# this restricts the kivy version i.e
# below this kivy version you cannot use the app or software
kivy.require("1.9.1")
 
# base Class of your App inherits from the App class.
# app:always refers to the instance of your application
from kivy.app import App
 
# if you not import label and use it it through error
from kivy.uix.label import Label
 
# defining the App class
class MyLabelApp(App):
    def build(self):
        # label display the text on screen
        lbl = Label(text ="Label is Added on screen !!:):)")
        return lbl
 
# creating the object
label = MyLabelApp()
# run the window
label.run()

Producción: 
 

  
¿Cómo hacer Styling en la etiqueta?
 

Python3

# change only line 19 else all will same.
 
# text colour
l2 = Label(text ="Label is Added on \n screen !!:):)
            and its Multi\nLine", font_size ='20sp',
            color =[0.41, 0.42, 0.74, 1])

Producción: 
 

  
¿Cómo marcar el texto?
Puede cambiar el estilo del texto usando Text Markup. La sintaxis es similar a la sintaxis anterior, pero hay algunas cosas más.
 

Python3

# markup text with different colour
l2 = Label(text ="[color = ff3333][b]'Label'[/b] is Added [/color]\n
                  [color = 3333ff]Screen !!:):):):)[/color]",
                  font_size ='20sp', markup = True)

Producción: 
 

Más etiquetas de marcado que podemos usar:
 

[b][/b] -> Activar texto en negrita
[i][/i] -> Activar texto en cursiva
[u][/u] -> Texto subrayado
[s][/s] -> Texto tachado
[font=] [/font] -> Cambiar la fuente
[tamaño=][/tamaño]] -> Cambiar el tamaño de la fuente
[color=#][/color] -> Cambiar el color del texto
[ref=][/ref] -> Agregar una zona interactiva. La referencia + cuadro delimitador dentro de la referencia estará disponible en Label.refs
[anchor=] -> Poner un ancla en el texto. Puede obtener la posición de su ancla dentro del texto con Label.anchors
[sub][/sub] ->Muestra el texto en una posición de subíndice en relación con el texto anterior.
[sup][/sup] -> Muestra el texto en una posición de superíndice en relación con el texto anterior.

Referencia: https://kivy.org/doc/stable/api-kivy.uix.label.html

Etiqueta usando KivyMD
KivyMD es una extensión del marco Kivy. KivyMD es una colección de widgets de Material Design para usar con Kivy, un marco GUI para crear aplicaciones móviles.

Primero, importaremos MDLabel desde la biblioteca kivymd.uix.label

MDLabel tiene los siguientes parámetros-

  • text- el texto que queremos poner en la etiqueta
  • halign-la posición donde queremos poner la etiqueta.
  • theme_text_color: el tema para colores de texto como personalizado, primario, secundario, sugerencia o error
  • text_color: si theme_text_color es personalizado, podemos asignar el color del texto a una tupla RGB.
  • título tipo font_style, encabezados

A continuación se muestra el siguiente ejemplo usando MDLabel

Python3

from kivymd.app import MDApp
from kivymd.uix.label import MDLabel
from kivymd.uix.screen import Screen
 
class Demo(MDApp):
 
    def build(self):
        #defining screen
        screen = Screen()
 
        #defining 1st label
        l=MDLabel(text="Welcome!",pos_hint={'center_x':0.8,
                                            'center_y':0.8},
                  theme_text_color="Custom",
                  text_color=(0.5,0,0.5,1),
                  font_style='Caption')
         
        #defining 2nd label
        l1 = MDLabel(text="Welcome!", pos_hint={'center_x':0.8,
                                                'center_y':0.5},
                     theme_text_color="Custom",
                     text_color=(0.5, 0, 0.5, 1),
                     font_style='H2')
         
        #defining 3rd label
        l2 = MDLabel(text="Welcome!", pos_hint={'center_x':0.8,
                                                'center_y':0.2},
                     theme_text_color="Custom",
                     text_color=(0.5, 0, 0.5, 1),
                      font_style='H1')
         
        screen.add_widget(l)
 
 
        screen.add_widget(l1)
        screen.add_widget(l2)
        return screen
 
if __name__ == "__main__":
    Demo().run()

Publicación traducida automáticamente

Artículo escrito por YashKhandelwal8 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *