Python-KivyのBoxLayoutウィジェット

Kivyは、マルチタッチアプリなどの革新的なユーザーインターフェイスを利用するアプリケーションを迅速に開発するためのオープンソースのPythonライブラリです。これは、Androidアプリケーションとデスクトップアプリケーションの開発に使用されます。この記事では、BoxLayoutウィジェットを使用してさまざまな方向と色のボタンを作成する方法を説明します。

以下のコードでは、最初に、向きが垂直である外側のボックスを作成します。次に、水平方向の行1を作成します。次に、他の2つの行を再び垂直方向に配置します。これらすべての行を外側のボックスにラップし、途中で作成するボタンウィジェットに異なるテキストと背景色を与えます。

例

import kivy
from kivy.app import App
from kivy.uix.button import Button
from kivy.uix.boxlayout import BoxLayout

# Main Kivy class
class BoxLayoutApp(App):

   def build(self):
      # Outer vertical box
      outerBox = BoxLayout(orientation='vertical')

      # For widgets next to each other,
      Row1 = BoxLayout(orientation='horizontal')


      # Create buttons for Row 1
      btn1 = Button(text="One",
          background_normal ='',
          background_color= (1, 0, 1, 1),
          font_size=25,
          size_hint=(0.7, 1))
      btn2 = Button(text="Two",
          background_normal='',
          background_color=(1, 1, 0, 0.8),
          font_size=25,
          size_hint=(0.7, 1))

      # Add buttons to Row 1
      Row1.add_widget(btn1)
      Row1.add_widget(btn2)

      #Buttons for row 2 and 3
      Row_2_3 = BoxLayout(orientation='vertical')

      btn3 = Button(text="Three",
          background_normal='',
          background_color=(1,0,0,0.75),
          font_size=25,
          size_hint=(1, 10))
      btn4 = Button(text="Four",
          background_normal='',
          background_color=(0,1,0,0.75),
          font_size=25,
          size_hint=(1, 15))

      # Add buttons to Row 2 and 3
      Row_2_3.add_widget(btn3)
      Row_2_3.add_widget(btn4)

      # Add all widgets to outerbox
      outerBox.add_widget(Row1)
      outerBox.add_widget(Row_2_3)
      return outerBox

# creating the object root for BoxLayoutApp() class
main_layout = BoxLayoutApp()
main_layout.run()

上記のコードを実行すると、次の結果が得られます-

出力