ボタンを押した時別のウィジェットを表示させる

Question

前提・実現したいこと

ボタンを押したとき複合widget(Box1)を取り除いてそこに(Box2)を入れ替えたい。

発生している問題・エラーメッセージ

name'bx2' is not defined

エラーメッセージ

該当のソースコード

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

class P25App(App):
    def __init__(self,**kwargs):
        super(P25App,self).__init__(**kwargs)
        self.title='practice1'
   
if __name__ == "__main__":
    P25App().run()

kv Languge
MyBoxLayout:
<MyBoxLayout@BoxLayout>:
    orientation:'vertical'
    Btn: 
        on_press:
            self.parent.children[0].remove_widget(bx1)
            self.parent.children[0].add_widget(bx2)
    Box1:
        id:bx1
        Label: 省略\\
        Button: \
<Btn@Button>:
    text:'change_button'
<Box1@BoxLayout>:
    orientation:'vertical'
<Box2@BoxLayout>:
    orientation:'vertical'
    id:bx2
    Button: 以下省略//
    Label: ///

試したこと

Box1はremoveで取り除けたが、そこにBox2を挿入できません。改善点を教えてください。一応kvLanguageを使わずにやろうともしましたが、それも同じ挿入のところで行き詰ってしまいました。

Answer 1

問題点1:
bx1 は実体化したインスタンスに付けられていますが、
Box2 はMyBoxLayout@BoxLayoutのスコープ内では、インスタンス化されておらず、
bx2 は参照に付けられてます。<Box2@BoxLayout>: の外からはそのidにアクセスできません。

Referencing Widgets(Widgetを参照する)

問題点2:

self.parent.children[0] は Box1 のインスタンスbx1です。
self.parent.children[0].remove_widget(bx1) は、bx1.remove_widget(bx1) となってしまいます。
Box1 -> Box2 と変更するなら、parent の remove_widget,add_widget を使いましょう。

解決策:

    from kivy.factory import Factory
    self.parent.remove_widget(self.parent.children[0])
    self.parent.add_widget(Factory.Box2())

• Box2 はインスタンス化されてないので、クリック時に作成する必要があります。
• Box2 クラスの参照は Factory 経由で行います。

---

静的リソースでGUIを定義する場合、動的な入れ替えはあまり向いてません。
(動的に生成されるウィジェットに対して、idを固定できない為)

部品のみをkv で定義し、Python側で操作する方が良いと思います。
他の代替策としては、予め２つのBox を用意しておいて、表示・非表示を切り替えるのはどうでしょう？

Comments

[hima-mura.]

とても分かりやすい説明で納得して改善できました。ありがとうございます。pyとkvの使い分けのイメージがついていませんでしたが、次からは動的と静的を意識してコーディングしてみます。助かりました。