Pythonで2つのファイルを一つの画面で表示したい

Question

###やりたいこと,困っていること
一度作ったものを一からkivyで作り直し中の、勉強中の者です。
簡単に言うと、classで定義したものを、画面に追加する方法が分かりません。

この２つのものを、左の図の下に、右の図がくるようにしたいのです。（右の図は、動的に変わります。）
最終的には、kivyのAccordion等で、切り替えたいと思うのですが、ネットで調べてもボタンをkvファイルに書いて表示するものはありますが、そこに複雑なもの（動的に変わるもの）を表示する方法が分かりません。
1つのファイルに、書きたいと思っています。ご助力お願いします。

以下に、メインのpy,kvファイル、それから追加したいpyファイルのコードを簡単に記述します。
Main.pyの内容

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.textinput import TextInput
from kivy.uix.button import Button
from kivy.uix.label import Label
from kivy.uix.widget import Widget
from kivy.uix.spinner import Spinner
from kivy.properties import StringProperty
import japanize_kivy

class CustomSpinner(Spinner):
    pass

class TextWidget(Widget):
    text = StringProperty()

    def on_spinner_change(self, text):
            print('The spinner', self, 'have text', text)

    def __init__(self, **kwargs):
        super(TextWidget , self).__init__(**kwargs)
        self.text = '新しい提出物 '

    def on_enter(self, **kwargs):
        print(self.text)

    def buttonClicked(self, **kwargs ):
        print("pressed[%s]" % (self.text))

    def delbuttonClicked(self, **kwargs ):
        print("pressed[%s]" % (self.text))


class MainApp(App):
    def __init__(self, **kwargs):
        super(TeisyutuApp, self).__init__(**kwargs)
        self.title = '提出物チェック表！'

    def build(self):
        return TextWidget()


if __name__ == "__main__":
    MainApp().run()

kvファイル

<TextWidget>:
    BoxLayout:
        orientation: 'vertical'
        size: root.size

        BoxLayout:
            size_hint_y: 0.08
            CustomSpinner:
                text: '選択'
                values: 'Home', 'Work', 'Other', 'Custom'
                size_hint: 0.3 , 1
                pos_hint: {'center_x': .5, 'center_y': .5}
                on_text: root.on_spinner_change(self.text)

            Label:
                id: label1
                size_hint: 0.3 , 1
                pos_hint: {'center_x': .3, 'center_y': .5}
                font_size: 14
                text: "←エクセルファイルを選択"
            Widget:
                size_hint_x: 0.2
            Button:
                id: button1
                size_hint: 0.2, 1
                text: "削除！"
                font_size: 14
                on_press: root.delbuttonClicked()  # ボタンをクリックした時にpython側の関数を呼ぶ

        BoxLayout:
            size_hint_y: 0.08
            Widget:
                size_hint: 0.05 , 1

            # ラベル
            Label:
                id: label2
                size_hint: 0.3 , 1
                font_size: 14
                text: root.text    # root(TextWidget)の変数テキストの値を取得

            TextInput:
                id: textinput
                size_hint: 0.4, 1
                text: "新しい提出物名"
                font_size: 14
                multiline: False


            Button:
                id: button2
                size_hint: 0.2, 1
                text: "追加！"
                font_size: 14
                on_press: root.buttonClicked()  # ボタンをクリックした時にpython側の関数を呼ぶ

            Widget:

        BoxLayout:
            size_hint_y: 0.8

そして、追加したいpyファイル

from kivy.app import App
from kivy.uix.gridlayout import GridLayout
from kivy.uix.button import Button


####定義変数####
yoko = 5	#横の値
tate = 6	#縦の値

class Zaseki(App):

    def build(self):            ###座席票作成プログラム###
        self.title =  'チェック表'
        layout = GridLayout(cols = yoko)
        self.buttons = []
        id = 0
        for i in range(tate):
            for j in range(yoko):
                id += 1
                button = Button(text=str(id),font_size ="20sp",color =( .3 , 0 , 0 , 1 ),background_color =( 1 , 2.5 , 2 , 1 ), on_press=self.buttonClicked)
                button.my_id = str(id)
                layout.add_widget(button)
#                layout.add_widget(Button(text=str(id),on_press = lambda instance , n = id : self.buttonClicked(instance,n)))

        print(self.buttons)
        return layout

    def buttonClicked(self,instance):   ###座席クリック時の動作###
        print(instance.my_id,"クリックした")
        instance.disabled = True

if __name__ == "__main__":
    Zaseki().run()

Answer 1

前提として、kivy では複数のウィンドウをサポートしていない為、

Module: kivy.core.window より

Core class for creating the default Kivy window. Kivy supports only one window per application: please don’t try to create more than one.

関連: Python Kivyで複数Window起動に関して

実装方法としては、別プロセスで２つのウィンドウを使う方法もありますが、
プログラムが無駄に複雑になるので、１つのウィンドウ内に表示する方向で考えます。

---

実装方法

• 「App 単体実行に必要な呼び出し」 と 「Widget 再利用したい部分」に別ける。

　※ ウィンドウのタイトルは２重に出来ません。
見出し表記が必要な場合は、ウィンドウ内に独自にヘッダーを設けます。

• Main.py から Widget の派生クラスを import
• KV ファイルに Zaseki: cols: 5 を記述
• 必要に応じて、レイアウト調整。添付画像はsize_hint_y: 0.2

動的に後から追加したい場合は、

• KV ファイルで配置する場所だけ確保しておき、MainのApp側からは

　self.root.ids.xxx.add_widget(your_widget) で動的に追加
※ xxx の部分、参照方法は KV 側で適切に設定する。

同時に並べて表示なら、目的の挙動ではないかもしれませんが、
切り替えるなら、ScreenManager も候補。

---

kv ファイル (差分のみ) 表示したい場所に配置

        BoxLayout:
-           size_hint_y: 0.8
+           size_hint_y: 0.2
+
+       Zaseki:
+           cols: 5

Main.py ファイル (差分のみ) ウィジェット/レイアウトのクラスを import

+ from zaseki import Zaseki

追加したい py ファイル (クラス変更点) 仮でファイル名zaseki.py とします

• GridLayout を継承し、それに合わせてコード内部も変更。

from kivy.app import App
from kivy.uix.gridlayout import GridLayout

class Zaseki(GridLayout):

    def __init__(self, **kw):            ###座席票作成プログラム###
        super().__init__(**kw)

        options = {
            "font_size" : "20sp",
            "color": ( .3 , 0 , 0 , 1 ),
            "background_color": ( 1 , 2.5 , 2 , 1 ),
            "on_press": self.buttonClicked,
        }

        for idx, _ in enumerate(range(tate * yoko), start=1):
            button = Button(text=f"{idx}", **options)
            button.my_id = idx
            self.add_widget(button)

    ... # 略


class ZasekiApp(App):
    def build(self):
        return Zaseki(cols=yoko)

Comments

[hiro04kon]

早速のご回答、それから丁寧な解説、ありがとうございます。
importの仕方、optionの記述等、大変勉強になります。
やりたいことは、そんなに難しくないので、ここから頑張れば、できそうです。
１つのファイルに書くと、ごちゃごちゃしてしまうので、この方法は便利だと思いました。

あとは、ファイル選択毎に、ボタンの配列が変わるようにしたいとおもいます。
まず、自分で勉強してみます。
ありがとうございました！大変助かりました！！