-
-
Save SatyakiDe2019/f609c67aff584ba4dd3d8bf8f87b3558 to your computer and use it in GitHub Desktop.
This Kivy design file contains all the graphical interface of our I-OS App.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
############################################################### | |
#### #### | |
#### Written By: Satyaki De #### | |
#### Written Date: 12-Nov-2021 #### | |
#### #### | |
#### Objective: This Kivy design file contains all the #### | |
#### graphical interface of our I-OS App. This including #### | |
#### the functionalities of buttons. #### | |
#### #### | |
#### Note: If you think this file is not proeprly read by #### | |
#### the program, then remove this entire comment block & #### | |
#### then run the application. It should work. #### | |
############################################################### | |
MainInterface: | |
<MainInterface>: | |
ScreenManager: | |
id: sm | |
size: root.width, root.height | |
Screen: | |
name: "background_1" | |
Image: | |
source: "Background/Background_1.png" | |
allow_stretch: True | |
keep_ratio: True | |
size_hint_y: None | |
size_hint_x: None | |
width: self.parent.width | |
height: self.parent.width/self.image_ratio | |
FloatLayout: | |
orientation: 'vertical' | |
Label: | |
text: "This is an application, which will consume the live streaming data inside a Kivy-based IOS-App by using Matplotlib to capture the KPIs." | |
text_size: self.width + 350, None | |
height: self.texture_size[1] | |
halign: "left" | |
valign: "bottom" | |
pos_hint: {'center_x':2.9,'center_y':6.5} | |
Image: | |
id: homesc | |
pos_hint: {'right':6, 'top':5.4} | |
size_hint: None, None | |
size: 560, 485 | |
source: "Background/FP.jpeg" | |
Screen: | |
name: "background_2" | |
Image: | |
source: "Background/Background_2.png" | |
allow_stretch: True | |
keep_ratio: True | |
size_hint_y: None | |
size_hint_x: None | |
width: self.parent.width | |
height: self.parent.width/self.image_ratio | |
FloatLayout: | |
Label: | |
text: "Please find the realtime IoT-device Live Statistics:" | |
text_size: self.width + 430, None | |
height: self.texture_size[1] | |
halign: "left" | |
valign: "top" | |
pos_hint: {'center_x':3.0,'center_y':7.0} | |
Label: | |
text: "DC to Servo Min Ratio:" | |
text_size: self.width + 430, None | |
height: self.texture_size[1] | |
halign: "left" | |
valign: "top" | |
pos_hint: {'center_x':3.0,'center_y':6.2} | |
Label: | |
id: dynMin | |
text: "100" | |
text_size: self.width + 430, None | |
height: self.texture_size[1] | |
halign: "left" | |
valign: "top" | |
pos_hint: {'center_x':6.2,'center_y':6.2} | |
Label: | |
text: "DC Motor:" | |
text_size: self.width + 430, None | |
height: self.texture_size[1] | |
halign: "left" | |
valign: "top" | |
pos_hint: {'center_x':6.8,'center_y':5.4} | |
Label: | |
text: "(MAX)" | |
text_size: self.width + 430, None | |
height: self.texture_size[1] | |
halign: "left" | |
valign: "top" | |
pos_hint: {'center_x':6.8,'center_y':5.0} | |
Label: | |
id: dynDC | |
text: "100" | |
text_size: self.width + 430, None | |
height: self.texture_size[1] | |
halign: "left" | |
valign: "top" | |
pos_hint: {'center_x':6.8,'center_y':4.6} | |
Label: | |
text: " ------- Vs ------- " | |
text_size: self.width + 430, None | |
height: self.texture_size[1] | |
halign: "left" | |
valign: "top" | |
pos_hint: {'center_x':6.8,'center_y':4.0} | |
Label: | |
text: "Servo Motor:" | |
text_size: self.width + 430, None | |
height: self.texture_size[1] | |
halign: "left" | |
valign: "top" | |
pos_hint: {'center_x':6.8,'center_y':3.4} | |
Label: | |
text: "(MAX)" | |
text_size: self.width + 430, None | |
height: self.texture_size[1] | |
halign: "left" | |
valign: "top" | |
pos_hint: {'center_x':6.8,'center_y':3.0} | |
Label: | |
id: dynServo | |
text: "100" | |
text_size: self.width + 430, None | |
height: self.texture_size[1] | |
halign: "left" | |
valign: "top" | |
pos_hint: {'center_x':6.8,'center_y':2.6} | |
FloatLayout: | |
id: box | |
size: 400, 550 | |
pos: 200, 300 | |
Screen: | |
name: "background_3" | |
Image: | |
source: "Background/Background_3.png" | |
allow_stretch: True | |
keep_ratio: True | |
size_hint_y: None | |
size_hint_x: None | |
width: self.parent.width | |
height: self.parent.width/self.image_ratio | |
FloatLayout: | |
orientation: 'vertical' | |
Label: | |
text: "Please find the live like status." | |
text_size: self.width + 350, None | |
height: self.texture_size[1] | |
halign: "left" | |
valign: "bottom" | |
pos_hint: {'center_x':2.6,'center_y':7.2} | |
Label: | |
id: dynVal | |
text: "100" | |
text_size: self.width + 350, None | |
height: self.texture_size[1] | |
halign: "left" | |
valign: "bottom" | |
pos_hint: {'center_x':4.1,'center_y':6.4} | |
Image: | |
id: lk_img_1 | |
pos_hint: {'center_x':3.2, 'center_y':6.4} | |
size_hint: None, None | |
size: 460, 285 | |
source: "Background/Likes_Btn_R.png" | |
Label: | |
text: "Want to know more about the Developer? Here is the detail ->" | |
text_size: self.width + 450, None | |
height: self.texture_size[1] | |
halign: "left" | |
valign: "bottom" | |
pos_hint: {'center_x':3.1,'center_y':5.5} | |
Label: | |
text: "I love to find out new technologies that is emerging as a driving force & shape our future!" | |
text_size: self.width + 290, None | |
height: self.texture_size[1] | |
halign: "left" | |
valign: "bottom" | |
pos_hint: {'center_x':2.3,'center_y':3.8} | |
Label: | |
text: "For more information view the website to know more on Python-Kivy along with Matplotlib Live Streaming." | |
text_size: self.width + 450, None | |
height: self.texture_size[1] | |
halign: "left" | |
valign: "bottom" | |
pos_hint: {'center_x':3.1,'center_y':1.9} | |
Image: | |
id: avatar | |
pos_hint: {'right':6.8, 'top':5.4} | |
size_hint: None, None | |
size: 460, 285 | |
source: "Background/Me.jpeg" | |
Label: | |
text: "https://www.satyakide.com" | |
text_size: self.width + 350, None | |
height: self.texture_size[1] | |
halign: "left" | |
valign: "bottom" | |
pos_hint: {'center_x':3.4,'center_y':0.9} | |
Image: | |
source: "Background/Top_Bar.png" | |
size: 620, 175 | |
pos: 0, root.height - 535 | |
Button: | |
#: set val 'Start' | |
size: 112.5, 75 | |
pos: root.width/2-190, root.height-120 | |
background_color: 1,1,1,0 | |
on_press: root.pressed(self, val, sm) | |
on_release: root.released(self, val) | |
Image: | |
id: s_img | |
text: val | |
source: "Background/Start_Btn.png" | |
center_x: self.parent.center_x - 260 | |
center_y: self.parent.center_y - 415 | |
Button: | |
#: set val2 'Stats' | |
size: 112.5, 75 | |
pos: root.width/2-55, root.height-120 | |
background_color: 1,1,1,0 | |
on_press: root.pressed(self, val2, sm) | |
on_release: root.released(self, val2) | |
Image: | |
id: st_img | |
text: val2 | |
source: "Background/Stats_Btn.png" | |
center_x: self.parent.center_x - 250 | |
center_y: self.parent.center_y - 415 | |
Button: | |
#: set val3 'Likes' | |
size: 112.5, 75 | |
pos: root.width/2+75, root.height-120 | |
background_color: 1,1,1,0 | |
on_press: root.pressed(self, val3, sm) | |
on_release: root.released(self, val3) | |
Image: | |
id: lk_img | |
text: val3 | |
source: "Background/Likes_Btn.png" | |
center_x: self.parent.center_x - 240 | |
center_y: self.parent.center_y - 415 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment