ネストされたスクリーンマネージャーでKivyの問題

Question

いくつかのメニュートグルボタンを使用して画面を作成しようとしています。次にネストされた画面マネージャーを使用してコンテナ内のスクリーンマネージャーを切り替えて、私がBoxlayoutsとGridlayoutsの組み合わせを使用したとき、すべてがお互いに重なり合っていました。

from kivy.app import App 
from kivy.uix.boxlayout import BoxLayout 
from kivy.uix.gridlayout import GridLayout 
from kivy.uix.floatlayout import FloatLayout 
from kivy.uix.label import Label 
from kivy.graphics.context_instructions import Color 
from kivy.uix.screenmanager import Screen, ScreenManager 

class ScreenManagement(FloatLayout): 
    pass 

class IomApp(App): 
    def build(self): 
     return ScreenManagement() 

if __name__ == '__main__': 
    IomApp().run() 

Kivyファイル：

<LabelCases@Label>: 
    height: '40dp' 
    font_size: 18 

<TextInputCases@TextInput>: 
    height: '40dp' 
    size_hint_y: None 
    font_size: 18 
    write_tab: False 
    multiline: False 
    on_text_validate: root.foo() 

<ScreenManagement>: 
    BoxLayout: 
     orientation: "vertical" 

     BoxLayout: 
      height: "80dp" 
      size_hint_y: None 
      Label: 
       text: 'Patient info Label' 

     BoxLayout: 
      orientation: 'horizontal' 

      BoxLayout: 
       orientation: 'vertical' 
       size_hint_x: 20 

       ToggleButton: 
        text: 'Case Info' 
        group: 'g1' 
        on_screen: 

       ToggleButton: 
        text: 'Modalities' 
        group: 'g1' 

       ToggleButton: 
        text: 'Report Editing' 
        group: 'g1' 

       ToggleButton: 
        text: 'Printing/Exporting' 
        group: 'g1' 

       ToggleButton: 
        text: 'Settings' 
        group: 'g1' 

      BoxLayout: 
       orientation: 'vertical' 
       size_hint_x: 80 

       ScreenManager: 
        id: "Screen1" 

        Screen: 
         name: "Case_info_screen" 

         BoxLayout: 
          orientation: 'vertical' 
          spacing: 20 
          orientation: 'vertical' 
          size_hint: (.5, .5) 
          pos_hint: {'center_x':.5, 'center_y':.5} 

          Label: 
           text: "Case Info" 
           size_hint_y: 25 

          GridLayout: 
           cols: 2 
           padding: 50 
           spacing: 15 
           size_hint_y: 50 

           LabelCases: 
            text: 'First Name: ' 

           TextInputCases: 

           LabelCases: 
            text: 'Last Name: ' 
           TextInputCases: 

           LabelCases: 
            text: 'MRN: ' 
           TextInputCases: 

           LabelCases: 
            text: 'Date of Birth: ' 
           TextInputCases: 

           LabelCases: 
            text: 'Hospital: ' 
           TextInputCases: 

           LabelCases: 
            text: 'Diagnosis: ' 
           TextInputCases: 

          Label: 
           text: "Surgical and Techical Staff" 
           size_hint_y: 25 

       BoxLayout: 

        Button: 
         height: "40dp" 
         size_hint_y: None 
         text: "Back" 
        Button: 
         height: "40dp" 
         size_hint_y: None 
         text: "Next" 

Answer 1

あなたはレイアウトを使用しました、まだあなたはレイアウトのサイズは相対作っても、その子のサイズは（固定/静的ましたheight: '40dp'）。 TextInputCasesからsize_hint_y: Noneを削除すると、何が起きているのかがわかります。あなたが（スクロールする能力を持つ）固定サイズでコンテンツを持つことができるように、>すべての子供 - >のGridLayout -

あなたのKVコード

<LabelCases@Label>: 
    font_size: 18 

<TextInputCases@TextInput>: 
    font_size: 18 
    write_tab: False 
    multiline: False 
    on_text_validate: root.foo() 

<ScreenManagement>: 
    BoxLayout: 
     orientation: "vertical" 

     BoxLayout: 
      height: "80dp" 
      size_hint_y: None 
      Label: 
       text: 'Patient info Label' 

     BoxLayout: 
      orientation: 'horizontal' 

      BoxLayout: 
       orientation: 'vertical' 
       size_hint_x: .20 

       ToggleButton: 
        text: 'Case Info' 
        group: 'g1' 
        on_screen: 

       ToggleButton: 
        text: 'Modalities' 
        group: 'g1' 

       ToggleButton: 
        text: 'Report Editing' 
        group: 'g1' 

       ToggleButton: 
        text: 'Printing/Exporting' 
        group: 'g1' 

       ToggleButton: 
        text: 'Settings' 
        group: 'g1' 

      BoxLayout: 
       orientation: 'vertical' 
       size_hint_x: .80 

       ScreenManager: 
        id: "Screen1" 

        Screen: 
         name: "Case_info_screen" 

         BoxLayout: 
          orientation: 'vertical' 
          spacing: 20 
          orientation: 'vertical' 
          size_hint: (.5, .8) 
          pos_hint: {'center_x':.5, 'center_y':.5} 

          Label: 
           text: "Case Info" 
           size_hint_y: .25 

          GridLayout: 
           cols: 2 
           padding: 50 
           spacing: 15 
           size_hint_y: .70 

           LabelCases: 
            text: 'First Name: ' 

           TextInputCases: 

           LabelCases: 
            text: 'Last Name: ' 
           TextInputCases: 

           LabelCases: 
            text: 'MRN: ' 
           TextInputCases: 

           LabelCases: 
            text: 'Date of Birth: ' 
           TextInputCases: 

           LabelCases: 
            text: 'Hospital: ' 
           TextInputCases: 

           LabelCases: 
            text: 'Diagnosis: ' 
           TextInputCases: 

          Label: 
           text: "Surgical and Techical Staff" 

       BoxLayout: 
        height: "40dp" 
        size_hint_y: None 
        Button: 
         text: "Back" 
        Button: 
         text: "Next" 

しかし、私はむしろ、ScrollViewのようなものを作ることをお勧めしたいです「iframe」のようなレイアウトを維持します。 ^^