screen_operate.kv

#:kivy 2.1.0

<ScreenOperate>:
    MDBoxLayout:
        orientation: "vertical"
		# header layout
        MDBoxLayout:
            id: layout_header
            orientation: "horizontal"
            padding: 20
			spacing: 50
			size_hint: 1, 0.15

			MDLabel:
				id: subtitle            
				text: "WATER REFILL STATION"
				halign: 'center'
				valign: 'middle'
				bold: True
				font_size: 32
				color: 0, 0, 0
                    
            Image:
                id: logo
                source:'asset/Logo_Main.png'
                size_hint_x: 0.25
                allow_stretch: True                   


		# choose product layout
		MDBoxLayout:
			id: layout_title
			orientation: "vertical"
			md_bg_color: app.theme_cls.primary_color
			size_hint: 1, 0.1
			padding:10
			spacing:10

			MDLabel:
				text: "PRESS UP/DOWN BUTTON TO FIT YOUR TUMBLER"
				halign: 'center'
				valign: 'middle'    
				bold: True
				font_size: 24
				color: 1, 1, 1
				size_hint_y: 0.1

		MDBoxLayout:
			id: layout_info
			orientation: "vertical"
			md_bg_color: app.theme_cls.accent_color
			size_hint: 1, 0.75
			padding:10
			spacing:10

	MDRelativeLayout:
		MDFillRoundFlatIconButton:
			id: bt_up
			icon: "arrow-up"
			text: "UP"
			font_size: 28
			size_hint: 0.2, 0.2
			pos_hint: {"center_x": .25, "center_y": .50}
			on_press: root.act_up()
			on_release: root.act_stop()

		MDFillRoundFlatIconButton:
			id: bt_down
			icon: "arrow-down"
			text: "DOWN"
			font_size: 28
			size_hint: 0.2, 0.2
			pos_hint: {"center_x": .25, "center_y": .20}
			on_press: root.act_down()
			on_release: root.act_stop()

		MDFillRoundFlatIconButton:
			id: bt_fill_start
			icon: "water"
			text: "START"
			font_size: 28
			size_hint: 0.2, 0.2
			pos_hint: {"center_x": .75, "center_y": .50}
			on_press: root.fill_start()

		MDFillRoundFlatIconButton:
			id: bt_fill_stop
			icon: "cancel"
			text: "STOP"
			font_size: 28
			size_hint: 0.2, 0.2
			pos_hint: {"center_x": .75, "center_y": .20}
			on_press: root.fill_stop()

		MDFillRoundFlatIconButton:
			id: bt_fill_stop_hidden
			text: " "
			font_size: 21
			size_hint: 0.08, 0.08
			pos_hint: {"center_x": .9, "center_y": .80}
			on_press: root.fill_stop()