python - learn - Plantilla Kivy con diseño de cuadrícula dinámico

kivy learn

Question

Estoy intentando crear una plantilla para un diseño que se parece a lo siguiente:

|----------|
|          | 
| IMAGE    |   <--- Just an image (square)
|          |
|----------| 
|[btn][btn]|   <--- GridLayout cols=2 of buttons 
|[btn][btn]| 
|[btn][btn]| 
|[btn][btn]| 
|[btn][btn]| 
|[btn][btn]|
|----------|

la primera parte es fácil (pero podría estar equivocado, ya que soy muy nuevo en kivy)

#:kivy 1.6
[SideBar@BoxLayout]:
    orientation: ''vertical''
    Image:
        source: ctx.image
        size_hint: (1, None)
        height: root.width
    GridLayout:
        cols: 2
        # What do I do here to make it easy to load a list of buttons?

Answer 1

#!/usr/bin/env python2
from kivy.app import App
from kivy.lang import Builder
from kivy.uix.floatlayout import FloatLayout
from kivy.uix.button import Button

Builder.load_string(''''''
#:kivy 1.6
[SideBar@BoxLayout]:
    content: content
    orientation: ''vertical''
    size_hint: ctx.size_hint if hasattr(ctx, ''size_hint'') else (1, 1)
    Image:
        source: ctx.image
        size_hint: (1, None)
        height: root.width
    GridLayout:
        cols: 2
        # just add a id that can be accessed later on
        id: content

<Root>:
    Button:
        center_x: root.center_x
        text: ''press to add_widgets''
        size_hint: .2, .2
        on_press:
            # what comes after `:` is basically normal python code
            sb.content.clear_widgets()
            # however using a callback that you can control in python
            # gives you more control
            root.load_content(sb.content)
    SideBar:
        id: sb
        size_hint: .2, 1
        image: ''data/images/image-loading.gif''
'''''')

class Root(FloatLayout):

    def load_content(self, content):
        for but in range(20):
            content.add_widget(Button(
                                text=str(but)))

class MyApp(App):
    def build(self):
        return Root()

if __name__ == ''__main__'':
    MyApp().run()

Espero que los comentarios en línea den el ejemplo lo suficientemente claro. En este caso, solo estamos pasando la referencia del contenido a la función que agrega widgets al contenido.

Hay situaciones en las que es posible que desee tener acceso al Widget como un atributo de su propia clase. En ese caso, puede usar el siguiente método .

El método anterior básicamente agrega una ObjectProperty del mismo nombre que el id, pasa la referencia del widget al que hace referencia el ID. Entonces, ahora tiene un atributo con el mismo nombre que el ID en su clase de Python para facilitar el acceso. Usando el método mencionado anteriormente, su código sería algo como esto.

#!/usr/bin/env python2
from kivy.app import App
from kivy.lang import Builder
from kivy.uix.floatlayout import FloatLayout
from kivy.uix.button import Button
from kivy.properties import ObjectProperty

Builder.load_string(''''''
#:kivy 1.6
[SideBar@BoxLayout]:
    content: content
    orientation: ''vertical''
    size_hint: ctx.size_hint if hasattr(ctx, ''size_hint'') else (1, 1)
    Image:
        source: ctx.image
        size_hint: (1, None)
        height: root.width
    GridLayout:
        cols: 2
        # just add a id that can be accessed later on
        id: content

<Root>:
    content: sb.content
    Button:
        center_x: root.center_x
        text: ''press to add_widgets''
        size_hint: .2, .2
        on_press:
            sb.content.clear_widgets()
            root.load_content()
    SideBar:
        id: sb
        size_hint: .2, 1
        image: ''data/images/image-loading.gif''
'''''')

class Root(FloatLayout):

    content = ObjectProperty(None)
    ''''''This is initialised to None and in kv code at line 28
    above (the one with `content: sb.content`) a ref to the
    actual content is passed''''''

    def load_content(self):
        content = self.content
        for but in range(20):
            content.add_widget(Button(
                                text=str(but)))

class MyApp(App):
    def build(self):
        return Root()

if __name__ == ''__main__'':
        MyApp().run()

Answer 2

Pruebe python-micro-template ( https://github.com/diyism/python-micro-template ), puede cargar el archivo de plantilla dinámica remota:

<:for i in range(30):#{#:>
Button:
    text: ''<:=i:><:for j in range(6):#{#:><:=j:><:#}#:>''
    size: 480, 40
    size_hint: None, None
<:#}#:>