Verwirrt mit Elementen Sizing in Kivy

Question

Ich habe gerade angefangen, Kivy lernen und mit Elementen Dimensionierung verwirrt. Angenommen, ich möchte eine Zeitleiste für den Videoplayer mit Fortschrittsbalken in der Mitte und in der Zeit auf den Seiten erstellen.

Was habe ich bisher:

Während auf meinem Galaxy S4 nicht:

<TimeLabel@Label>: 
    width: 100 
    padding: 10, 0 
    font_size: '14sp' 


<Player>: 
    BoxLayout: 
     orientation: 'horizontal' 
     pos: 0, 0 
     size: root.width, 40 

     canvas: 
      Color: 
       rgba: 0, 0.5, 0, 0.8 
      Rectangle: 
       pos: self.pos 
       size: self.size 

     TimeLabel: 
      size_hint: None, 1 
      text: "0" 

     ProgressBar: 
      value_normalized: 0.5 

     TimeLabel: 
      size_hint: None, 1 
      text: "10:00:00" 

Unter Windows alles in Ordnung zu sein scheint Wie Sie auf dem letzten Screenshot Tab sehen o ist niedrig und Fortschrittsbalken lief in Zeitlabel. Natürlich kann ich die Balkenhöhe und die Etikettenbreite erhöhen, aber in diesem Fall wäre das alles zu groß für Windows.

Wie kann ich Größen auf Android fixieren, um die aktuellen Proportionen unter Windows zu speichern?

Answer 1

Verwenden Sie niemals die Standard-Pixelgröße für Ihre Widgets, wie Sie es an mehreren Stellen getan haben. Verwenden Sie einen Größenhinweis oder eine dp-Einheit. Auf diese Weise wird Ihre Benutzeroberfläche überall gleich aussehen. Weitere Informationen here.