Python

Python kivy layoutについて

2017年9月24日

kivyレイアウト

kvファイルの読み込み方等も行ったの次はレイアウトについて書いていきたいと思います。

まずは、レイアウトの種類については下記の通り8種類あります。

レイアウトの種類

kivyで使えるレイアウトの種類は8つあります。

  • Anchor Layout
  • Box Layout
  • Float Layout
  • Grid Layout
  • Page Layout
  • Relative Layout
  • Scatter Layout
  • Stack Layout

英語は苦手なので、google先生で翻訳しつつ何となくで書いています。

Anchor Layout

Anchor Layoutの中にある子のUIを上下左右に配置することができる。

Module kivy.uix.anchorlayout

Box Layout

Box Layoutの中にある子のUIを水平または垂直に配置することができる。

これの考えは、androidアプリの開発を行ってたら直感的にわかると思う。

Module kivy.uix.boxlayout

Float Layout

Float Layoutの中にある子のpos_hintとsize_hintによって表示の位置など変わる。

Module kivy.uix.floatlayout

Grid Layout

まぁその名の通り、レイアウトの中で行列に配置する。

Module kivy.uix.gridlayout

Page Layout

Page Layoutは、単純なページをスライドしたりできる。

Module kivy.uix.pagelayout

Relative Layout

Relative Layoutは、子のUIを相対座標で配置することができる。

基本Float Layoutと変わらない動作らしい。

Module kivy.uix.relativelayout

Scatter Layout

Scatter Layoutは使えると思う。子に入れるUIを移動させたりすることができる。

Module kivy.uix.scatterlayout

Stack Layout

Stack Layoutは、複数の子のUIを垂直または水平に配置しレイアウトからはみ出ない様にする。

Module kivy.uix.stacklayout

まとめ

kivyレイアウトは8種類あります。

種類によって、使い方が違いますので実装しながら書いていきます。

Boxレイアウト
python kivy layout boxlayout
前回レイアウトの種類の説明をしましたが、今回から実装していきます。 細かい内容は、省いて行きます! 理由としては、動きや見えた方が良いかなと思い実装します。 Box Layout 簡単に説明すると、Box Layoutは水平・垂直に分割でき ...

続きを見る

グリッドレイアウト
python kivy layout gridlayout
kivyのグリッドレイアウトについて書いていきます。 Grid Layout グリッドレイアウトとは名前の通りなんですが、セル単位を指定できます。 htmlで言うとtableとかofficeだとエクセルとかの表示されている枠になります。 枠 ...

続きを見る

Udemyへ

今後の人生を豊かにする為にキャリアアップのステップとして、自分への投資をしてみませんか?

-Python
-,