使用python/kivy處理窗口小部件放置以解釋屏幕旋轉的好方法是什麼？

Question

當我使用kivy構建應用程序時，我可以將所需的所有東西都放到需要的位置，但是當我將屏幕從縱向旋轉到橫向時，我的小部件開始相互碰撞。什麼是防止這種情況發生的好方法？

在附加的例子中，我能夠將設置按鈕的位置綁定到我的標題標籤小部件，但是我沒有成功讓我的scrollview綁定到它，所以當它旋轉時它保持X空間距離標籤的底部。

的Python：

class First_Screen(Screen): 
    def __init__(self, **kwargs): 
     super(First_Screen, self).__init__(**kwargs) 
     list_of_buttons = [ 
     'button1', 
     'button2', 
     'button3', 
     'button4', 
     'button5', 
     'button6 ', 
     'button7', 
     'button8', 
     ] 

     class My_Grid(FloatLayout, ScrollView): 
      grid = ObjectProperty(None) 

      def on_grid(self, *args): 
       for btn in list_of_buttons: 
        btn = Button(
         text = btn, 
         ) 
        btn.bind(on_press= First_Screen.print_message) 
        self.grid.add_widget(btn) 


    def print_message(self): 
     print ('Congratulations! You have clicked a button!') 

class ScreenManagement(ScreenManager): 
    pass 

class Stack_Overflow(App): 
    def build(self): 
     sm = ScreenManager(transition = FadeTransition()) 
     sc0 = First_Screen(name = 'first_screen') 
     sm.add_widget(sc0) 
     return sm 


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

KV：

ScreenManagement: 
    First_Screen: 

<ImageButton@ButtonBehavior+Image>: 


<First_Screen>: 
    name: 'first_screen' 

    Label: 
     id: header 
     text: 'header' 
     pos_hint: ({'left' : 1, 'top' : 1}) 
     size_hint: (1,None) 
     height: dp(50) 
     canvas.before: 
      Color: 
       rgba: (.6, .6, .6, 1) 
      Rectangle: 
       pos: self.pos 
       size: self.size 

    ScrollView: 
     size_hint: (1,.8) 
     pos_hint: ({'center_x' : .5, 'center_y' : .5}) 

     My_Grid: 
      grid: grid 
      GridLayout: 
       id: grid 
       cols: 1 
       size_hint_y: None 
       row_default_height: "40dp" 
       height: self.minimum_height 



    ImageButton: 
     id: settings 
     size_hint: None, None 
     height: dp(30) 
     width: dp(30) 
     pos: header.x, header.y + 10 
     pos_hint: {'right': 1} 
     source: 'settings_black.png' 

圖片：portrait，landscape

謝謝！

Answer 1

編輯：我誤解了這個問題，我以爲你不滿意Image。在ScrollView的情況下，問題不是ScrollView本身，因爲它使用相對位置和大小。

的問題是Label（標題），它已高度設定爲絕對數即50稠密的像素。這意味着無論你有什麼屏幕或者你是否設置了其他尺寸，這個小部件將有50個像素corrected與屏幕的dpi。

在現實中，這意味着，如果你的屏幕達到400x100分辨率，你Label將屏幕的一半，ScrollView將放在最重要的是（最有可能的，你將不會看到Label然後）。

要解決這個問題，你有兩個選擇。如果你想單獨玩FloatLayout，你需要使用正確定位/尺寸，即相對並確保小部件不重疊。

否則剛落小部件BoxLayout或管理自身這樣的事情類似的其他佈局：

class First_Screen(BoxLayout, Screen): 
    def __init__(self, **kwargs): 
     super(First_Screen, self).__init__(orientation='vertical', **kwargs) 

或不同的一點（和更好看）：

class First_Screen(BoxLayout, Screen): 
    def __init__(self, **kwargs): 

和in kv：

<First_Screen>: 
    name: 'first_screen' 
    orientation: 'vertical' 

另請注意，有一個screen module ，這使得測試這樣的事情比將代碼放到apk以及在沒有必要的時候更容易。例如：

python main.py -m screen:note2,landscape,scale=.5