my.kv

#: import NoTransition kivy.uix.screenmanager.NoTransition
<TelaLogin>
    canvas.before:
        Color:
            rgba: 1, 1, 1, 1
        Rectangle:
            pos: self.pos
            size: self.size

    name: "login"
    usuario: usuario
    senha: senha

    FloatLayout:
        cols: 1

        FloatLayout:     
            Label:
                text:"Usuário"
                color: 0,0,0,1
                font_size: (root.width**2 + root.height**2)**0.5 / 30 
                size_hint: 0.2, 0.1
                # No canto supeior (y=0.8) direito (x=0.7)
                pos_hint: {"x":0.6, "top":0.9}

            TextInput:
                id: usuario
                font_size: (root.width**2 + root.height**2)**0.5 / 30
                size_hint: 0.4, 0.12
                # Um pouco abaixo do usuario
                pos_hint: {"x":0.5, "top":0.8}
                multiline: False

            Label:
                text:"Senha"
                color: 0,0,0,1
                font_size: (root.width**2 + root.height**2)**0.5 / 30
                size_hint: 0.2, 0.1
                pos_hint: {"x":0.6, "top":0.6}

            TextInput:
                id: senha
                font_size: (root.width**2 + root.height**2)**0.5 / 30
                size_hint: 0.4, 0.12
                pos_hint: {"x":0.5, "top":0.5}
                multiline: False
                password: True

            Button:
                pos_hint: {"x":0.5,"y":0.1}
                font_size: (root.width**2 + root.height**2)**0.5 / 30
                size_hint: 0.4, 0.12
                text:"Login"
                on_release:
                    #root.manager.transition.direction = "up"
                    root.manager.transition = NoTransition()
                    root.logarHandle()

            Label:
                text:"[ref=registro]Clique aqui"+"\n"+" para se registrar[/ref]"
                color: 0,0,0,1
                font_size: (root.width**2 + root.height**2)**0.5 / 50
                size_hint: 0.4, 0.12
                pos_hint: {"x":0.05, "top":0.2}
                halign: "center"
                valign: "center"
                markup: True
                on_ref_press:
                    #root.manager.transition.direction = "up"
                    root.manager.transition = NoTransition()
                    root.registrarHandle()
        
        BoxLayout:
            orientation: "vertical"
            size_hint: [.4,.4]
            pos_hint: {"right":0.45, "top":0.8}
            Image:
                source: "recursos/logo.png"
                allow_stretch: True
                keep_ratio: True

<TelaRegistro>
    canvas.before:
        Color:
            rgba: 1, 1, 1, 1
        Rectangle:
            pos: self.pos
            size: self.size
            
    name: "registro"
    nome: nome
    usuario: usuario
    senha: senha
    email: email
    confirmar: confirmar

    FloatLayout:
        cols:1

        FloatLayout:   
            Label:
                color: 0,0,0,1
                text:"Nome completo"
                font_size: (root.width**2 + root.height**2)**0.5 / 30
                size_hint: 0.33, 0.10
                pos_hint: {"x":0.1, "top":0.9}

            TextInput:
                id: nome
                font_size: (root.width**2 + root.height**2)**0.5 / 40
                size_hint: 0.33, 0.10
                pos_hint: {"x":0.5, "top":0.9}
                multiline: False

            Label:
                color: 0,0,0,1
                text:"Nome de usuário"
                font_size: (root.width**2 + root.height**2)**0.5 / 30
                size_hint: 0.33, 0.10
                pos_hint: {"x":0.1, "top":0.75}

            TextInput:
                id: usuario
                font_size: (root.width**2 + root.height**2)**0.5 / 40
                size_hint: 0.33, 0.10
                pos_hint: {"x":0.5, "top":0.75}
                multiline: False

            Label:
                color: 0,0,0,1
                text:"E-mail"
                font_size: (root.width**2 + root.height**2)**0.5 / 30
                size_hint: 0.33, 0.10
                pos_hint: {"x":0.1, "top":0.60}

            TextInput:
                id: email
                font_size: (root.width**2 + root.height**2)**0.5 / 40
                size_hint: 0.33, 0.10
                pos_hint: {"x":0.5, "top":0.60}
                multiline: False

            Label:
                color: 0,0,0,1
                text:"Senha"
                font_size: (root.width**2 + root.height**2)**0.5 / 30
                size_hint: 0.33, 0.10
                pos_hint: {"x":0.1, "top":0.45}

            TextInput:
                id: senha
                font_size: (root.width**2 + root.height**2)**0.5 / 40
                size_hint: 0.33, 0.10
                pos_hint: {"x":0.5, "top":0.45}
                password: True
                multiline: False

            Label:
                color: 0,0,0,1
                text:"Confirmar senha"
                font_size: (root.width**2 + root.height**2)**0.5 / 30
                size_hint: 0.33, 0.10
                pos_hint: {"x":0.1, "top":0.30}

            TextInput:
                id: confirmar
                font_size: (root.width**2 + root.height**2)**0.5 / 40
                size_hint: 0.33, 0.10
                pos_hint: {"x":0.5, "top":0.30}
                password: True
                multiline: False

            Button:
                pos_hint: {"x":0.25,"top":0.15}
                size_hint: 0.2, 0.1
                font_size: (root.width**2 + root.height**2)**0.5 / 30
                text:"Registrar"
                on_release:
                    #root.manager.transition.direction = "left"
                    root.manager.transition = NoTransition()
                    root.registrarHandle()

            Button:
                pos_hint: {"x":0.6,"top":0.15}
                size_hint: 0.2, 0.1
                font_size: (root.width**2 + root.height**2)**0.5 / 30
                text:"Voltar"
                on_release:
                    #root.manager.transition.direction = "down"
                    root.manager.transition = NoTransition()
                    root.voltar()

<TelaAvatar>
    canvas.before:
        Color:
            rgba: 0.04, 0.62, 0.75, 1
            # 9 159 191 255
        Rectangle:
            pos: self.pos
            size: self.size
            
    name: "avatar"
    
    FloatLayout:
        cols: 1
        BoxLayout:
            orientation: "vertical"
            size_hint: [1,1]
            pos_hint: {"x":0, "y":0}
            Image:
                source: "recursos/menuAvatar.png"
                allow_stretch: True
                keep_ratio: True
            Button:
                pos_hint: {"x":0.2,"y":0.15}
                size_hint: 0.2, 0.1
                font_size: (root.width**2 + root.height**2)**0.5 / 30
                text:"Confirmar"
                on_release:
                    #root.manager.transition.direction = "down"
                    root.manager.transition = NoTransition()
                    root.confirmarHandler()
            Button:
                pos_hint: {"x":0.6,"y":0.15}
                size_hint: 0.2, 0.1
                font_size: (root.width**2 + root.height**2)**0.5 / 30
                text:"Voltar"
                on_release:
                    #root.manager.transition.direction = "down"
                    root.manager.transition = NoTransition()
                    root.voltar()

<TelaAreas>
    canvas.before:
        Color:
            rgba: 0.04, 0.62, 0.75, 1
            # 9 159 191 255
        Rectangle:
            pos: self.pos
            size: self.size
            
    name: "areas"

    GridLayout:
        rows: 3
        spacing: 20
        padding: [20, 10]

        BoxLayout:
            orientation: "vertical"
            size_hint: [0.7,0.5]
            
            Image:
                source: "recursos/barraXP.png"
                allow_stretch: True
                keep_ratio: True
                on_touch_down: root.pressionouImagem()

        BoxLayout:
            orientation: "vertical"
            size_hint: [1,2]
            GridLayout:
                cols: 3
                spacing: 5
                padding: [10, 10]
                Button:
                    pos_hint: {"x":0,"y":0}
                    size_hint:[1, 1]
                    font_size: (root.width**2 + root.height**2)**0.5 / 30
                    text:"Marketing"
                    on_release:
                        #root.manager.transition.direction = "down"
                        root.manager.transition = NoTransition()
                        root.irMarketing()
                Button:
                    pos_hint: {"x":0,"y":0}
                    size_hint:[1,1]
                    font_size: (root.width**2 + root.height**2)**0.5 / 30
                    text:"Gestão"
                Button:
                    pos_hint: {"x":0,"y":0}
                    size_hint:[1,1]
                    font_size: (root.width**2 + root.height**2)**0.5 / 30
                    text:"Finanças"
        
        BoxLayout:
            padding: [250, 0]
            orientation: "vertical"
            size_hint: [0.1,0.4]
            pos_hint: {"x":0, "y":0}
            Button:
                pos_hint: {"x":0,"y":0}
                size_hint:1,1
                font_size: (root.width**2 + root.height**2)**0.5 / 30
                text:"Sair"
                on_release:
                    #root.manager.transition.direction = "down"
                    root.manager.transition = NoTransition()
                    root.voltar()

<TelaStatus>
    FloatLayout:
        Image:
            pos: self.pos
            size_hint: None, None
            size: root.size
            allow_stretch: True
            keep_ratio: False
            source: "recursos/fundoAzulPadrao.png"
        Image:
            pos: 140, 80
            size_hint: [0.75, 0.75]
            allow_stretch: True
            keep_ratio: False
            source: "recursos/fundoAzulClaro.png"
        Image:
            pos: -160, 80
            size_hint: [0.95, 0.75]
            allow_stretch: True
            keep_ratio: True
            source: "recursos/avatarStatus.png"

        Image:
            pos: 410, 360
            size_hint: [0.4, 0.4]
            allow_stretch: True
            keep_ratio: True
            source: "recursos/nivel.png"

        Label:
            color: 0,0,0,1
            text:"Quantidade de cursos: " + root.quantidadeCursos()
            font_size: 28
            size_hint: 0.33, 0.10
            pos_hint: {"x":0.55, "y":0.6}

        Label:
            color: 0,0,0,1
            text: "Medalhas"
            font_size: 28
            size_hint: 0.33, 0.10
            pos_hint: {"x":0.55, "y":0.5}

        ImageButtonTrofeu1:
            pos: 390, 200
            size_hint: [0.15, 0.15]
            allow_stretch: True
            keep_ratio: True
            source: "recursos/trofeu1.png"
            
        ImageButtonTrofeu2:
            pos: 510, 200
            size_hint: [0.15, 0.15]
            allow_stretch: True
            keep_ratio: True
            source: "recursos/trofeu2.png"

        ImageButtonTrofeu3:
            pos: 630, 200
            size_hint: [0.15, 0.15]
            allow_stretch: True
            keep_ratio: True
            source: "recursos/trofeu3.png"

        Button:
            pos: [480, 121]
            size_hint: 0.2, 0.1
            font_size: (root.width**2 + root.height**2)**0.5 / 30
            text:"Voltar"
            on_release:
                #root.manager.transition.direction = "down"
                root.manager.transition = NoTransition()
                root.voltar()

<TelaMarketing>
    name: "marketing"
    FloatLayout:
        Image:
            id: background
            pos: self.pos
            size_hint: None, None
            size: root.size
            allow_stretch: True
            keep_ratio: False
            source: "recursos/fundoEspaco.jpg"

        ImageButtonMarketing:
            id: barraXP
            pos: 60, 420
            size_hint: [0.35, 0.35]
            allow_stretch: True
            keep_ratio: True
            source: "recursos/barraXP.png"

        Image:
            id: trilha
            pos: [0, -30]
            size_hint: [1, 1]
            allow_stretch: True
            keep_ratio: True
            source: "recursos/trilha.png"
        
        BtnTerra:
            id: btnTerra
            pos: [370, 240]
            size_hint: [0.35, 0.35]
            allow_stretch: True
            keep_ratio: True
            source: "recursos/terra.png"
        
        Image:
            id: iconeAluno
            pos: [440, 320]
            size_hint: [0.2, 0.2]
            allow_stretch: True
            keep_ratio: True
            source: "recursos/ovni.png"
 
        Button:
            pos: [520, 500]
            size_hint: 0.2, 0.1
            font_size: (root.width**2 + root.height**2)**0.5 / 30
            text:"Voltar"
            on_release:
                #root.manager.transition.direction = "down"
                root.manager.transition = NoTransition()
                root.voltar()

        BtnAjuda:
            id: btnAjuda
            pos: [420, 500]
            size_hint: [0.1, 0.1]
            allow_stretch: True
            keep_ratio: True
            source: "recursos/help.png"

        BtnLoja:
            id: btnAjuda
            pos: [350, 500]
            size_hint: [0.1, 0.1]
            allow_stretch: True
            keep_ratio: True
            source: "recursos/moeda.png"

<TelaAula>
    FloatLayout:
        Image:
            id: background
            pos: self.pos
            size_hint: None, None
            size: root.size
            allow_stretch: True
            keep_ratio: False
            source: "recursos/fundoAzulPadrao.png"
        Image:
            pos: self.pos
            size: self.size
            allow_stretch: True
            keep_ratio: True
            source: "recursos/telaAula.png"
        ImageButtonAula:
            id: barraXP
            pos: 60, 450
            size_hint: [0.35, 0.35]
            allow_stretch: True
            keep_ratio: True
            source: "recursos/barraXP.png"
        Button:
            pos: [520, 530]
            size_hint: 0.2, 0.1
            font_size: (root.width**2 + root.height**2)**0.5 / 30
            text:"Voltar"
            on_release:
                #root.manager.transition.direction = "down"
                root.manager.transition = NoTransition()
                root.voltar()

<TelaLoja>
    FloatLayout:
        Image:
            id: background
            pos: self.pos
            size_hint: None, None
            size: root.size
            allow_stretch: True
            keep_ratio: False
            source: "recursos/fundoAzulPadrao.png"
        Image:
            pos: self.pos
            size: self.size
            allow_stretch: True
            keep_ratio: True
            source: "recursos/telaLoja.png"
        ImageButtonAula:
            id: barraXP
            pos: 60, 450
            size_hint: [0.35, 0.35]
            allow_stretch: True
            keep_ratio: True
            source: "recursos/barraXP.png"
        Button:
            pos: [520, 530]
            size_hint: 0.2, 0.1
            font_size: (root.width**2 + root.height**2)**0.5 / 30
            text:"Voltar"
            on_release:
                #root.manager.transition.direction = "down"
                root.manager.transition = NoTransition()
                root.voltar()

<TelaAjuda>
    name: "ajuda"

    FloatLayout:
        Image:
            pos: self.pos
            size_hint: None, None
            size: root.size
            allow_stretch: True
            keep_ratio: False
            source: "recursos/fundoAzulPadrao.png"
            # Mudar aqui
        Button:
            pos: [300, 50]
            size_hint: 0.2, 0.1
            font_size: (root.width**2 + root.height**2)**0.5 / 30
            text:"Voltar"
            on_release:
                #root.manager.transition.direction = "down"
                root.manager.transition = NoTransition()
                root.voltar()