Python | Acordeón en kivy usando archivo .kv

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 eso no significa que no se pueda usar en aplicaciones de escritorio.
 

????????? Tutorial de Kivy: aprenda Kivy con ejemplos .

Acordeón:

El widget de acordeón es una forma del menú donde las opciones se apilan vertical u horizontalmente y el elemento en foco (cuando se toca) se abre para mostrar su contenido.
Puede contener muchas instancias de elementos, cada una de las cuales debe contener un widget de contenido raíz. Terminará como un árbol.
 

La implementación actual divide el AccordionItem en dos partes: 

  1. Un contenedor para la barra de título (hecho a partir de una plantilla kv)
  2. Un contenedor para el contenido.
Basic Approach:
1) import kivy
2) import kivyApp
3) import Accordion
4) Set minimum version(optional)
5) Create Accordion class
6) Create App class
7) create .kv file (name same as the app class)
8) return Layout/widget/Class(according to requirement)
9) Run an instance of the class

Implementación del Enfoque:
 

Archivo .py:
 

Python3

# How to use Accordion in kivy using .kv file
 
# Program to Show how to create a switch
# import kivy module   
import kivy 
      
# base Class of your App inherits from the App class.   
# app:always refers to the instance of your application  
from kivy.app import App
    
# this restrict the kivy version i.e 
# below this kivy version you cannot 
# use the app or software 
kivy.require('1.9.0')
 
# The Accordion widget is a form of menu
# where the options are stacked either vertically
# or horizontally and the item in focus
# (when touched) opens up to display its content.
from kivy.uix.accordion import Accordion
 
# Create the Accordion class
# Whose work is done in .kv file
class Accor(Accordion):
    pass
 
# Create App class
class AccorApp(App):
    def build(self):
        return Accor()
 
# run the App
if __name__ == '__main__':
    AccorApp().run()

Archivo .kv:
 

Python3

# .kv file of the Accordion App file 
 
# Allow style to image
<MyImage@Image>:
    keep_ratio: False
    allow_stretch: True
 
# Use the different image to show usage of accordion
<Accor>:
    orientation: 'vertical'
    AccordionItem:
        title: 'HTML 5'
        MyImage:
            source: 'html.png'
    AccordionItem:
        title: 'CSS 3'
        MyImage:
            source: 'css.png'
    AccordionItem:
        title: 'JAVASCRIPT'
        MyImage:
            source: 'javascript.png'
    AccordionItem:
        title: 'NODE-JS'
        MyImage:
            source: 'node-js.png'
    AccordionItem:
        title: 'BOOTSTRAP'
        MyImage:
            source: 'bootstrap.png'

Producción:
 

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 *