Kivy CatalogでKv Languageを知る
- 2. Outline
• Kvの説明
• Kivy Catalog とは
• レイアウトについて
• Float Layout
• Box Layout
• Another Layout
• Grid Layout
• Stack Layout
2
- 6. Kvとは何か?
from kivy.lang import Builder
w = Builder.load_string(''‘
Widget:
height: self.width / 2. if self.disabled else self.width
x: self.y + 50
''')
6
- 11. Box Layout
• orientation
• ‘vertical’ or ‘horizontal’
• padding
• [padding_left, padding_top, padding_right, padding_bottom]
• [padding_horizontal, padding_vertical]
• default [0, 0, 0, 0]
• spacing
• ピクセル単位での子要素の間隔
11
- 13. Another Layout
• anchor_x
• 水平のアンカー位置
• anchor_y
• 垂直のアンカー位置
• padding
• [padding_left, padding_top, padding_right, padding_bottom]
• [padding_horizontal, padding_vertical]
• default [0, 0, 0, 0]
13
- 15. Grid Layout
• cols
• グリッド内の列数
• padding
• [padding_left, padding_top, padding_right, padding_bottom]
• [padding_horizontal, padding_vertical]
• default [0, 0, 0, 0]
• rows
• グリッド内の行数
• spacing
• ピクセル単位での子要素の間隔
15
- 17. Stack Layout
• orientation
• ‘lr-tb’, ‘tb-lr’, ‘rl-tb’, ‘tb-rl’, ‘lr-bt’, ‘bt-lr’, ‘rl-bt’ and ‘bt-rl’
• padding
• [padding_left, padding_top, padding_right, padding_bottom]
• [padding_horizontal, padding_vertical]
• default [0, 0, 0, 0]
• spacing
• ピクセル単位での子要素の間隔
17
- 20. このように書く
# -*- coding: utf-8 -*-
import kivy
from kivy.core.text import LabelBase, DEFAULT_FONT
from kivy.app import App
from kivy.uix.button import Button
20
Notes de l'éditeur
- KivyのKVについて図を見ながら口頭で説明する
およそ5分
- KivyのKVについて図を見ながら口頭で説明する
およそ5分
- フロートレイアウトを使ってボタンの文字やサイズヒントなどを変更してみる
参加者にも変更をしてもらう
5分から10分
- ボックスレイアウトについて説明
次ページで使える要素も説明する
10分
- 要素について説明
いろいろ変更してみる
(これ以降全レイアウトについても同じ)
- lr-tb