Python | FloatLayout en Kivy usando el archivo .kv

Kivy — es una herramienta GUI independiente de la plataforma en Python. Dado que puede ejecutarse en Android, IOS, Linux, Windows, etc. Se usa principalmente para desarrollar aplicaciones de Android, pero eso no significa que no se pueda usar en aplicaciones de escritorio.

FloatLayout:

Floatlayout nos brinda la flexibilidad de organizar elementos como botones son relativos, es decir, nos permite posicionar elementos usando lo que se llama posición relativa. Esto significa que en lugar de definir una posición o coordenadas específicas, posicionaremos todo usando un porcentaje relativo al tamaño de la ventana, es decir, podemos ordenar dinámicamente la posición de los elementos.

Lo primero que debemos hacer es importar FloatLayout —

 from kivy.uix.floatlayout import FloatLayout 

tenemos 2 propiedades para crear una ubicación dinámica —

1) pos_hint: proporciona una pista de posición
Podemos definir hasta 6 claves, es decir, toma argumentos en forma de diccionario.
pos_hint = {“x”: 1, “y”: 1, “izquierda”: 1, “derecha”: 1, “arriba”: 1, “abajo”: 1}

2) size_hint: proporciona una pista del tamaño
Contiene dos argumentos, es decir, ancho y alto

Notas:

• Solo puede usar valores entre 0 y 1 para size_hint y pos_hint. Donde 0 = 0% y 1 = 100%.
• ¡El sistema de coordenadas qiwi funciona en la parte inferior izquierda! Esto será importante a la hora de colocar nuestros objetos. (es decir, (0, 0) es la esquina inferior izquierda).

  Enfoque básico:  1) importar kivy 2) importar kivyApp 3) importar Floatlayout 4 ) Establecer versión mínima (opcional) 5) crear clase de diseño 6) crear aplicación clase 7) Configure el archivo .kv 8) devuelva Diseño / widget / Clase (según el requisito) 9) Ejecute una instancia de la clase 

Implementación de —

archivo main.py

## Ejemplo de demostración de la aplicación Python
## trabajando con FloatLayout en Kivy usando un archivo .kv

### ####################### ###################### #
# importar módulos

importar kivy

# La clase base de su aplicación hereda de la clase de la aplicación.
# aplicación: siempre se refiere a la instancia de su aplicación

de < clase de código = "simple"> kivy.app importar Aplicación

# el módulo consta de floatlayout
# trabajar primero con FloatLayout
# debes importarlo

from kivy.uix.floatlayout import FloatLayout

# Para cambiar la configuración predeterminada de KIVY
# usamos este módulo de configuración

de kivy.config importar Configuración

# 0 deshabilitado 1 incluido como verdadero / falso
# Puede usar 0 o 1 & amp; &erio; Verdadero o Falso

Config. set ( ’graphics’ , ’ redimensionable’ , True < código clase = "simple">)

# crea el widget raíz usado en el archivo .kv

class FloatLayout (FloatLayout):

pass

# crear una clase de aplicación llamada
El archivo # .kv debe llamarse Float_Layout.kv

clase < clase de código = "simple"> Float_LayoutApp (aplicación):

# definición de compilación ()

def build ( self ):

# devolver una instancia de la clase raíz

retorno FloatLayout ()

# ejecutar la aplicación

si __ nombre__ = = "__ principal__" :

Float_LayoutApp(). ejecutar ()

Este archivo incluye la colocación dinámica de botones, es decir, como la pantalla cambia de tamaño, el botón se ajusta a esta ventaja de FloatLayout.

# Implementación .kv del archivo FloatLayout

# crear un botón
< Botón >:

font_size: 40

# crear botón

# 30% ancho y 50% botón

# alturas de diseño

size_hint: 0.3 , 0.3 < /p>

< FloatLayout>:

Botón:

texto: " ¡Hola!!!!! "

background_color: 0.1 , 0,5 , 0,6 , 1

# posicionado 0% a la derecha y 100% arriba / arriba

# abajo a la izquierda, es decir, x, arriba = 0, 100 abajo a la izquierda:

pos_hint: { "x" : 0 , " top " : 1 }

Botón:

texto: "Rajnish :)"

background_color: 1 , 0 , 0 , 1

pos_hint: { "x" : 0,35 , "y" : 0.3 }

Botón:

texto: "Ravi :)"

< p> background_color: 0.4 , 0.5 < clase de código = "simple">, 0.6 , 1

pos_hint: { "x " :. 7 , " fondo " : 0 }

Botón:

texto: "Sanjeev :)"

backgr ound_color: 0 , 0 , 1 , 1

pos_hint: { "x" :. 7 , "superior" : 1 }

Botón:

texto: "Suraj :)"

color de fondo: 0.8 , 0.9 , 0.2 , < código clase = "valor"> 1

pos_hint: { " x " < clase de código ="simple">: 0 , "abajo" < /código> : 1 }

< p>

Salida:

Salida de video:

Enlace:
https: //kivy.org/doc/stable/api-kivy.uix.floatlayout.html
< a href=https://techwithtim.net/tutorials/kivy-tutorial/floatlayout/> https://techwithtim.net/tutorials/kivy-tutorial/floatlayout/