【Kivy】AnchorLayout を利用し、アンカーポイントを基準に配置する

  • main.py
from kivy.app import App

class MainApp(App):
    pass

if __name__ == '__main__':
    MainApp().run()
  • main.kv
#:kivy 1.0
AnchorLayout:
    anchor_x: 'right'
    anchor_y: 'top'
    Button:
        text: 'button 1'
        size_hint: None, None
        size: 400, 100

【Kivy】FloatLayout を利用し、画面サイズに応じて配置する

  • main.py
from kivy.app import App

class MainApp(App):
    pass

if __name__ == '__main__':
    MainApp().run()
  • main.kv
#:kivy 1.0
FloatLayout:
    Button:
        text: 'button 1'
        size_hint: .4, .2
        pos_hint: {'x':.2, 'y':.3}
    Button:
        text: 'button 2'
        size_hint: .4, .2
        pos_hint: {'x':.5, 'y':.2}
    Button:
        text: 'button 3'
        size_hint: .4, .3
        pos_hint: {'x':.3, 'y':.6}
    Button:
        text: 'button 4'
        size_hint: .4, .2
        pos_hint: {'x':.5, 'y':.5}

【Kivy】BoxLayout を利用し、縦に並べる

  • main.py
from kivy.app import App

class MainApp(App):
    pass

if __name__ == '__main__':
    MainApp().run()
  • main.kv
#:kivy 1.0
BoxLayout:
    orientation: 'vertical'
    Button:
        text: 'button 1'
    Button:
        text: 'button 2'
    Button:
        text: 'button 3'
    Button:
        text: 'button 4'

【Kivy】BoxLayout を利用し、横に並べる

  • main.py
from kivy.app import App

class MainApp(App):
    pass

if __name__ == '__main__':
    MainApp().run()
  • main.kv
#:kivy 1.0
BoxLayout:
    orientation: 'horizontal'
    Button:
        text: 'button 1'
    Button:
        text: 'button 2'
    Button:
        text: 'button 3'
    Button:
        text: 'button 4'

【Kivy】ActionBar を表示する

  • main.py
from kivy.app import App

class MainApp(App):
    pass

if __name__ == '__main__':
    MainApp().run()
  • main.kv
#:kivy 1.0
ActionBar:
    ActionView:
        ActionPrevious:
            title: 'Previous'
            with_previous: False
        ActionButton:
            text: 'button'