KVLang Series – 4
Vertical BoxLayout
Content:
- .kv file
- .py file
- screenshot of output
0004_verticalBoxLayout.kv
Just add the BoxLayout orientation: ‘vertical’ property. This arranges its contents in a vertical manner instead of the default ‘horizontal’.
BoxLayout: orientation: 'vertical' Label: text: 'Input:' TextInput: text: 'Default Text' Button: text: 'Press Me'
0004_verticalBoxLayout.py
This is adapted from previous python file. Again we make minor changes to update the .kv filename and give a new window height.
- EDIT
CHANGE: The OLD self.root = Builder.load_file(”) TO the NEW
-
EDIT
WAS: Config.set(‘graphics’, ‘height’, ’30’)
NOW: Config.set(‘graphics’, ‘height’, ’90’)
''' 0004_verticalBoxLayout.py Used to display 0004_verticalBoxLayout.kv - Again, no new concepts in here. ''' import kivy kivy.require('1.8.0') # replace with your current kivy version ! from kivy.app import App from kivy.lang import Builder from kivy.config import Config Config.set('graphics', 'width', '323') Config.set('graphics', 'height', '90') class MyApp(App): def build(self): self.root = Builder.load_file('0004_verticalBoxLayout.kv') return self.root if __name__ == '__main__': MyApp().run()
0004_verticalBoxLayout ScreenShot
Here is what this looks like run on Windows XP. In Pixels, it has:
- width: 323
- height: 200