Búsqueda de sitios web

Diseño relativo en Python Kivy

El diseño relativo en Python Kivy es un potente administrador de formato que permite a los diseñadores crear interfaces de cliente dinámicas y adaptables. Permite ubicar y medir widgets en función de sus conexiones con otros widgets o el formato mismo. Al utilizar puntos de agarre y ubicaciones relativas, los diseñadores pueden diseñar una interfaz que se ajuste a diferentes tamaños de pantalla y presentaciones. El formato relativo utiliza cálculos para medir el tamaño de los dispositivos, ubicarlos con precisión y revisar el formato de manera poderosa. Con su flexibilidad y facilidad de uso, el formato relativo es un aparato fundamental para crear una interfaz de cliente aparentemente atractiva y receptiva en aplicaciones Python Kivy.

Comprender el diseño relativo

El formato relativo puede ser un formato líder adaptable en Kivy que permite a los diseñadores posicionar y evaluar widgets en relación con otros widgets o con el formato mismo. Utiliza un marco de reglas y limitaciones para decidir la situación y medidas de los widgets. Este jefe de formato es particularmente valioso cuando se planea una interfaz que debe adaptarse a diferentes tamaños de pantalla o presentaciones.

El concepto clave detrás del formato relativo es el de atar. La vinculación permite ubicar y ampliar los widgets en función de sus conexiones con otros widgets o del formato mismo. Los ingenieros pueden indicar la posición y el tamaño de un dispositivo al caracterizar sus puntos de agarre en relación con el formato principal u otros widgets. Estos focos de estancia se comunican como proporciones, que hablan de la magnitud del espacio accesible que debe ocupar el dispositivo.

Ejemplo 1: lenguaje Kv en línea

Este ejemplo utiliza el lenguaje Kv en línea para definir el diseño. Esto le permite declarar construcciones de UI directamente en su código Python. A continuación se muestra un ejemplo. Este ejemplo crea un diseño relativo y agrega dos botones como elementos secundarios.

Algoritmo

  • Paso 1: importe los módulos necesarios.

  • Paso 2: la propiedad size_hint define el tamaño relativo de cada botón y la propiedad pos_hint especifica su posición relativa dentro del diseño.

  • Paso 3 : la salida de este código es una ventana con dos botones colocados según lo especificado.

Ejemplo

#Import the specified modules
from kivy.app import App
from kivy.lang import Builder

kv = '''
RelativeLayout:
    Button:
        text: 'Button 1'
        size_hint: 0.2, 0.2
        pos_hint: {'center_x': 0.5, 'center_y': 0.5}
    Button:
        text: 'Button 2'
        size_hint: 0.2, 0.2
        pos_hint: {'right': 1, 'center_y': 0.5}
'''

class MyApp(App):
    def build(self):
        return Builder.load_string(kv)

MyApp().run()

Producción

Ejemplo 2: código Python con clases de widgets

Algoritmo

  • Paso 1 : en este método, caracterizaremos el formato utilizando código Python y clases de gadgets.

  • Paso 2: este enfoque brinda más adaptabilidad y permite la creación de una interfaz de usuario energética. Aquí hay una ilustración.

  • Paso 3 - En este caso, creamos un evento RelativeLayout y dos eventos Button.

  • Paso 4: configuramos las propiedades size_hint y pos_hint para cada botón para caracterizar sus medidas y posiciones relativas.

  • Paso 5 - Por último, incluimos los botones al formato utilizando la estrategia add_widget. Cuando se ejecute, este código mostrará una ventana con los dos botones situados de acuerdo con las reglas deseadas.

Ejemplo

#import the required module
from kivy.app import App
from kivy.uix.relativelayout import RelativeLayout
from kivy.uix.button import Button
#define class
class MyApp(App):
    def build(self):
        layout = RelativeLayout()
        #Set properties of button1 and button 2 
        button1 = Button(text='Button 1', size_hint=(0.2, 0.2), pos_hint={'center_x': 0.5, 'center_y': 0.5})
        button2 = Button(text='Button 2', size_hint=(0.2, 0.2), pos_hint={'right': 1, 'center_y': 0.5})
        #Add button1 and button2 
        layout.add_widget(button1)
        layout.add_widget(button2)

        return layout
#run the application
MyApp().run()

Producción

Conclusión

El formato relativo puede ser un administrador de formato eficaz en Python Kivy que permite a los diseñadores crear interfaces de cliente dinámicas y adaptables. Al utilizar la ubicación relativa y la vinculación, los widgets pueden adaptarse a diferentes tamaños de pantalla y presentaciones. En este artículo, examinamos los cálculos detrás del formato relativo y brindamos información paso a paso para actualizarlo en Python utilizando tres enfoques diferentes. Al aprovechar el formato relativo, los diseñadores pueden crear una interfaz aparentemente atractiva y responsiva para sus aplicaciones Kivy.

Artículos relacionados: