Design.kv

MDBottomNavigation:
    panel_color : 0, 107 / 255, 153 / 255, 1

	MDBottomNavigationItem:
		name: "DisneyMovieList"
		text: "Movies"
        icon: "movie"
		
		MDScreen:
			
			AsyncImage:
				pos_hint: {"center_x": .5, "center_y": .9}
				size_hint_y: .1
				source: "assets/images/Disney_Logo.png"
			
			MDCard:
				size_hint_y: .8
				elevation: 7
				padding: 25
				spacing: 25
				orientation: "vertical"
				
				MDSwiper:
					id: swiper
					size_hint_y: .7
	
	MDBottomNavigationItem:
		name: "MovieInfo"
		text: "Info & Trailer"
        icon: "movie-filter"
		
		MDScreen:
			
			MDFloatLayout:
				
				FitImage:
					id: movie_image
					size_hint: 1, 1
				
				AsyncImage:
					id: title_image
					pos_hint: {"center_x": .2, "center_y": .6}
					size_hint: .4, .2
				
				MDCard:
					size_hint: .3, .4
					pos_hint: {"center_x": .2, "center_y": .25}
					elevation: 7
					padding: 25
					spacing: 25
					orientation: "vertical"
					
					MDScrollView:
						do_scroll_x: False
						do_scroll_y: True
						
						MDLabel:
							id: info_box
							size_hint_y: None
							height: self.texture_size[1]
							text_size: self.width, None
							padding: 10, 10
							bold: True 
							color: 0, .5, 1, 1
							halign: "center"
				
				MDFloatingActionButton:
					id: trailer_button
					icon: "movie-filter"
					pos_hint: {"center_x" : .8, "center_y" : .15}
					type: "large"
					md_bg_color: "#f8d7e3"
					theme_icon_color: "Custom"
					icon_color: "#311021"
	
	MDBottomNavigationItem:
		name : "Predictor"
		text : "AI"
		icon : "brain"
		
		MDScreen:
			
			MDBoxLayout:
			    orientation : "vertical"
			    padding : 10
			    spacing : 10
		        
		        AsyncImage:
					pos_hint: {"center_x": .5, "center_y": .9}
					size_hint_y: .1
					source: "assets/images/Disney_Logo.png"
				
				MDSegmentedControl:
					pos_hint: {"center_x": .5}
					md_bg_color: 0, 107 / 255, 153 / 255, 1
					segment_color: app.theme_cls.primary_color
					separator_color: "blue"
					radius: (16, 16, 16, 16)
					on_active: app.switch_classifier(*args)
					
					MDSegmentedControlItem:
						text: "Character"
						bold: True
					
					MDSegmentedControlItem:
						text: "Movie"
						bold: True
		        
		        MDGridLayout:
		        	cols: 2
			        
			        Camera:
			            id: camera
			            resolution: (640,480)
			            size_hint: .4, .7
			            play: True
			        
			        MDCard:
						size_hint: .3, .4
						elevation: 7
						padding: 25
						spacing: 25
						orientation: "vertical"
						
						MDScrollView:
							do_scroll_x: False
							do_scroll_y: True
							
							MDLabel:
								id: prediction_card
								size_hint_y: None
								height: self.texture_size[1]
								text_size: self.width, None
								padding: 10, 10
								bold: True 
								color: 0, .5, 1, 1
								halign: "center"
		        
		        MDRoundFlatButton:
		            id: prediction_button
		            text: "Predict"
		            pos_hint: {"center_x" : 0.5}
		            on_release: app.capture_and_predict()
		        
		        MDRectangleFlatButton:
		        	id: prediction
					text: "Prediction" 
					pos_hint: {'center_x':.5}
					size_hint: 0.6,.15
					bold: True