kivytutor.kv

#:import COLOR kivy.utils.get_color_from_hex
#:set RED "#F94A69"
#:set GREEN "#06A5AB"

<WrappedLabel@Label>:
    size_hint_y: None
    height: self.texture_size[1] + (self.texture_size[1]/2)
    markup: True
    font_name: "Roboto"

<Button>:
    font_name: "Roboto"
    font_size: min(self.height, self.width) / 4
    bold: True
    background_normal: "./images/button_normal.png"
    background_down: "./images/button_down.png"
    background_color: COLOR("#0066BA")
    border: (2, 2, 2, 2)

<KivyTutorRoot>:
    orientation: "vertical"
    kivy_screen_manager: kivy_screen_manager
    math_screen: math_screen

    ActionBar:
        ActionView:
            ActionPrevious:
                title: ""
                with_previous: False
            ActionOverflow:
                ActionButton:
                    text: "Settings"
                    on_press: app.open_settings()

    ScreenManager:
        id: kivy_screen_manager
        StartScreen:
            name: "start_screen"
        AboutScreen:
            id: about_screen
            name: "about_screen"
        MathScreen:
            id: math_screen
            name: "math_screen"

<StartScreen@Screen>:
    BoxLayout:
        # Settings
        orientation: "vertical"
        padding: root.width * .02, root.height * .02
        spacing: min(root.width, root.height) * .02

        WrappedLabel:
            text: "[b]Kivy Math Tutor[/b]"
            font_size: min(root.height, root.width) / 10

        Button:
            text: "Addition"
            on_release: app.root.changeScreen(self.text.lower())
        Button:
            text: "Subtraction"
            on_release: app.root.changeScreen(self.text.lower())
        Button:
            text: "Multiplication"
            on_release: app.root.changeScreen(self.text.lower())
        Button:
            text: "Division"
            on_release: app.root.changeScreen(self.text.lower())
        Button:
            text: "Mix!"
            on_release: app.root.changeScreen(self.text.lower())
            background_color: COLOR(GREEN)
        Button:
            text: "About this App"
            on_release: app.root.changeScreen(self.text.lower())
            background_color: COLOR(RED)

<MathScreen>:
    question_text: question_text
    answer_text: answer_text
    BoxLayout:
        orientation: "vertical"
        padding: root.width * .02, root.height * .02
        spacing: 10
        WrappedLabel:
            id: question_text
            text: "some dummy text"
            font_size: min(root.height, root.width) / 10
        BoxLayout:
            orientation: "horizontal"
            size_hint_y: None
            WrappedLabel:
                id: answer_text
                text: ""
                font_size: min(root.height, root.width) / 10
            Button:
                id: clearn_btn
                text: "[b]Clear[/b]"
                background_color: COLOR(RED)
                markup: True
                size_hint: .3, None
                height: question_text.texture_size[1]
                on_release: answer_text.text = ""
        KeyPad:

<MathPopup>:
    size_hint: .8, .8
    title: "Result"
    title_size: root.height * .05
    seperator_color: COLOR(GREEN)
    auto_dissmiss: False
    message: message
    wrapped_button: wrapped_button
    BoxLayout:
        orientation: "vertical"
        padding: root.width * .02, root.height * .02
        spacing: min(root.width, root.height) * .02
        Label:
            id: message
            text: "sldkjfskldjflsdjfkljdslfj"
            halign: "center"
            markup: True
            font_size: root.height / 10
            text_size: self.width, None
            center_y: .5
        Button:
            id: wrapped_button
            text: "Close"
            size_hint: 1, None
            height: root.height / 8
            on_release: root.dismiss()

<AboutScreen@Screen>:
    BoxLayout:
        padding: root.width * .02, root.height * .02
        Label:
            text: app.getText()
            halign: "center"
            markup: True
            font_size: root.height / 20
            text_size: self.width, None
            center_y: .5
            on_ref_press: app.on_ref_press(*args)