Skip to main content
2 de 3
Editar título. Insertar saltos de línea. Quitar enunciados de saludo y despedida.
Rubén
  • 11.5k
  • 7
  • 41
  • 85

Cómo usar GridLayout en kivy

Estoy tratando de obtener el siguiente Layout para mi app:

La zona naranja-marrón es un label y la zona verde es otro label.
La anchura y la altura de los labels asi como la separación entre ellos puede variar, lo que me importa es que más o menos queden uno apilado encima del otro. Con el código .py y .kv que presento debajo obtengo el siguiente mensaje de error:

TypeError: 'NoneType' object is not subscriptable

Tengo 2 preguntas:

  • ¿Qué significa el error que me sale?
  • ¿Cómo puedo obtener una configuración de Layout similar a la que busco?

Código en python:

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.lang import Builder

Builder.load_file('design.kv')

class MyWidget(BoxLayout):
    def __init__(self):
        super(MyWidget, self).__init__()



class MyWidgetgrid(GridLayout):
    def __init__(self):
        super(MyWidget, self).__init__()

    def showquestion(self):
        with open("question.txt","r") as f:
            filetext = f.read()
            self.ids['label1'].text = filetext

    def showanswer(self):
        with open("answer.txt","r") as f:
            filetext = f.read()
            self.ids['label2'].text = filetext
    
class myApp(App):
    def build(self):
        return MyWidget()
    def on_pause(self): 
        return True
    def on_resume(self): 
        pass


if __name__ in ('__main__', '__android__'): 
    myApp().run()

Archivo .kv:

<MyWidget>:
    BoxLayout:
        size: root.size

        Button:
            id: button1
            text: "Mostrar respuesta"
            on_release: root.showanswer()
            size_hint: 1, 0.1
        
        Button:
            id: button2
            text: "Pregunta Acertada"
            size_hint: 1, 0.1
        Button:
            id: button3
            text: "Pregunta Fallada"
            size_hint: 1, 0.1
        Button:
            id: button4
            text: "mostrar pregunta"
            on_release: root.showquestion()
            size_hint: 1, 0.1
     
    GridLayout:
        rows: 2
        cols: 2
        padding: 10
        spacing: 0
        #label1 muestra la pregunta
            Label:
                id: label1
                color: 1,0,1,1
                canvas.before:
                    Color:
                        rgba: 191/255.0, 144/255.0, 63/255.0, 1
                    Rectangle:
                        size: self.size
                        pos: self.pos
#label2 muestra la respuesta
            Label:
                id: label2
                color: 1,0,1,1
                canvas.before:
                    Color:
                        rgba:  110/255.0, 191/255.0, 63/255.0, 1
                    Rectangle:
                        pos:self.pos
                        size: self.size
Mr. Baldan
  • 1.5k
  • 9
  • 29
  • 54