【Kivy】PageLayout でページ送りを実装する

• main.py

from kivy.app import App

class MainApp(App):
    pass

if __name__ == '__main__':
    MainApp().run()

• main.kv

#:kivy 1.0
PageLayout:
    Button:
        text: 'page 1'
    Button:
        text: 'page 2'
    Button:
        text: 'page 3'

youtu.be

【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

youtu.be

【Kivy】GridLayout を利用し、表のように並べる

• main.py

from kivy.app import App

class MainApp(App):
    pass

if __name__ == '__main__':
    MainApp().run()

• main.kv

#:kivy 1.0
GridLayout:
    cols: 2
    Button:
        text: 'button 1'
    Button:
        text: 'button 2'
    Button:
        text: 'button 3'
    Button:
        text: 'button 4'

youtu.be

【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}

youtu.be

【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'

youtu.be

【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'

youtu.be

【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'

youtu.be