Kvの説明 Tipsで日本語化のお話し

1. Kivy CatalogでKv Language
を知る
齋藤大輔

2. Outline
• Kvの説明
• Kivy Catalog とは
• レイアウトについて
• Float Layout
• Box Layout
• Another Layout
• Grid Layout
• Stack Layout
2

3. Kvとは何か？
3

4. Kv とは何か?
• 最低限インポートしておくもの
import kivy
from kivy.app import App
from kivy.uix.widget import Widget
4

5. Kvとは何か？
• Kvファイルの名前付けのルール
名前の規則から
MyApp -> my.kv
ファイル名を指定する
Builder.load_file('path/to/file.kv')
Kvを直接記述する
Builder.load_string(kv_string)
5

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

7. Kvとは何か？
7

8. Kivy Catalogとは？
• Kvを使ったレイアウトの例などを見ることが出来る
• インタラクティブに変更も可能
• すぐに更新される
• いろいろ試せる
8

9. Float Layout
9

10. Box Layout
10

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

12. Another Layout
12

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

14. Grid Layout
14

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

16. Stack Layout
16

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

18. TIPS
日本語の表示

19. 日本語を扱う
• 基本は対応していない
• フォントを追加することにより表示可能
19

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

21. このように書く
LabelBase.register(DEFAULT_FONT, 'VL-Gothic-Regular.ttf')
class MyApp(App):
def build(self):
return Button(text='こんにちは', font_size=“50pt")
if __name__ == '__main__':
MyApp().run()
21
参考: http://blog.livedoor.jp/katsuooo_l/archives/42346599.html

22. 表示できました
22

23. 次回の予定
Kivyを使ったアプリケーション作成
• 8月末
• テキストエディタ？
• 電卓？
• タイマー？
• ・・・・
23