Successfully reported this slideshow.
Your SlideShare is downloading. ×

Kivy CatalogでKv Languageを知る

Advertisement

More Related Content

Advertisement

Related Books

Free with a 30 day trial from Scribd

See all

Kivy CatalogでKv Languageを知る

  1. 1. Kivy CatalogでKv Language を知る 齋藤大輔
  2. 2. Outline • Kvの説明 • Kivy Catalog とは • レイアウトについて • Float Layout • Box Layout • Another Layout • Grid Layout • Stack Layout 2
  3. 3. Kvとは何か? 3
  4. 4. Kv とは何か? • 最低限インポートしておくもの import kivy from kivy.app import App from kivy.uix.widget import Widget 4
  5. 5. Kvとは何か? • Kvファイルの名前付けのルール 名前の規則から MyApp -> my.kv ファイル名を指定する Builder.load_file('path/to/file.kv') Kvを直接記述する Builder.load_string(kv_string) 5
  6. 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. 7. Kvとは何か? 7
  8. 8. Kivy Catalogとは? • Kvを使ったレイアウトの例などを見ることが出来る • インタラクティブに変更も可能 • すぐに更新される • いろいろ試せる 8
  9. 9. Float Layout 9
  10. 10. Box Layout 10
  11. 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. 12. Another Layout 12
  13. 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. 14. Grid Layout 14
  15. 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. 16. Stack Layout 16
  17. 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. 18. TIPS 日本語の表示
  19. 19. 日本語を扱う • 基本は対応していない • フォントを追加することにより表示可能 19
  20. 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. 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. 表示できました 22
  23. 23. 次回の予定 Kivyを使ったアプリケーション作成 • 8月末 • テキストエディタ? • 電卓? • タイマー? • ・・・・ 23

Editor's Notes

  • KivyのKVについて図を見ながら口頭で説明する
    およそ5分
  • KivyのKVについて図を見ながら口頭で説明する
    およそ5分
  • フロートレイアウトを使ってボタンの文字やサイズヒントなどを変更してみる
    参加者にも変更をしてもらう
    5分から10分
  • ボックスレイアウトについて説明
    次ページで使える要素も説明する
    10分
  • 要素について説明
    いろいろ変更してみる
    (これ以降全レイアウトについても同じ)
  • lr-tb 

×