Layout an verschiedenen Geräten anpassen.

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • Layout an verschiedenen Geräten anpassen.

      Hallo,
      ich habe mal angefangen mein Layout umzuschreiben,
      und habe folgendes Problem.
      Ich habe testweise die App auf meinem Samsung Galaxy N10+ und auf das Samsung GalaxyTab S4 hochgeladen.
      Ich habe 2 verschiedene Darstellungen, was mache ich falsch?
      Für eure Hilfe wehre ich dankbar.
      Hier mein Code.

      XML-Quellcode

      1. <?xml version="1.0" encoding="utf-8"?>
      2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
      3. xmlns:app="http://schemas.android.com/apk/res-auto"
      4. xmlns:tools="http://schemas.android.com/tools"
      5. android:layout_width="match_parent"
      6. android:layout_height="match_parent"
      7. android:background="#000"
      8. tools:context=".MainActivity">
      10. <LinearLayout
      11. android:id="@+id/LinearLayout_0"
      12. android:layout_width="match_parent"
      13. android:layout_height="50dp"
      14. android:background="@drawable/customborder"
      15. android:gravity="center_horizontal"
      16. android:orientation="horizontal"
      17. app:layout_constraintStart_toStartOf="parent"
      18. app:layout_constraintTop_toTopOf="parent">
      21. <LinearLayout
      22. android:id="@+id/LinearLayout_P"
      23. android:layout_width="69dp"
      24. android:layout_height="50dp"
      25. android:background="#3F51B5"
      26. android:gravity="bottom"
      27. android:orientation="horizontal">
      29. <TextView
      30. android:id="@+id/textView_P"
      31. android:layout_width="match_parent"
      32. android:layout_height="match_parent"
      33. android:layout_weight="1"
      34. android:background="@drawable/customborder"
      35. android:gravity="center_horizontal"
      36. android:text="P"
      37. android:textColor="@android:color/background_light"
      38. android:textSize="40sp"
      39. android:textStyle="bold" />
      41. </LinearLayout>
      43. <LinearLayout
      44. android:id="@+id/LinearLayout_Zeit"
      45. android:layout_width="wrap_content"
      46. android:layout_height="match_parent"
      47. android:orientation="horizontal">
      49. <LinearLayout
      50. android:id="@+id/PlatzhalterP_Z"
      51. android:layout_width="5dp"
      52. android:layout_height="match_parent"
      53. android:gravity="left"
      54. android:orientation="horizontal">
      56. </LinearLayout>
      58. <TextView
      59. android:id="@+id/textViewZeit"
      60. android:layout_width="100dp"
      61. android:layout_height="match_parent"
      62. android:layout_weight="1"
      63. android:gravity="center_horizontal"
      64. android:text="1/8000"
      65. android:textColor="@android:color/background_light"
      66. android:textSize="36sp" />
      68. </LinearLayout>
      70. <LinearLayout
      71. android:id="@+id/PlatzhalterZ_B"
      72. android:layout_width="30dp"
      73. android:layout_height="match_parent"
      74. android:gravity="left"
      75. android:orientation="horizontal">
      78. <TextView
      79. android:id="@+id/textView_sek"
      80. android:layout_width="10dp"
      81. android:layout_height="match_parent"
      82. android:layout_weight="1"
      83. android:text="sek"
      84. android:textColor="@android:color/background_light"
      85. android:textSize="12sp" />
      87. <LinearLayout
      88. android:id="@+id/PlatzhalterS_B"
      89. android:layout_width="10dp"
      90. android:layout_height="match_parent"
      91. android:gravity="left"
      92. android:orientation="horizontal">
      94. <TextView
      95. android:id="@+id/Vertikal_L3"
      96. android:layout_width="2dip"
      97. android:layout_height="fill_parent"
      98. android:background="#FFF" />
      99. </LinearLayout>
      101. </LinearLayout>
      103. <LinearLayout
      104. android:id="@+id/LinearLayout_Blende"
      105. android:layout_width="80dp"
      106. android:layout_height="match_parent"
      107. android:orientation="horizontal">
      109. <TextView
      110. android:id="@+id/textViewBlende_f"
      111. android:layout_width="30dp"
      112. android:layout_height="match_parent"
      113. android:layout_weight="1"
      114. android:gravity="right"
      115. android:text="f/"
      116. android:textColor="@android:color/background_light"
      117. android:textSize="36sp" />
      119. <TextView
      120. android:id="@+id/textViewBlende"
      121. android:layout_width="50dp"
      122. android:layout_height="match_parent"
      123. android:layout_weight="1"
      124. android:gravity="center_horizontal|left"
      125. android:text="45"
      126. android:textColor="@android:color/background_light"
      127. android:textSize="36sp" />
      128. </LinearLayout>
      130. <LinearLayout
      131. android:id="@+id/PlatzhalterB_I"
      132. android:layout_width="10dp"
      133. android:layout_height="match_parent"
      134. android:gravity="left"
      135. android:orientation="horizontal">
      137. <TextView
      138. android:id="@+id/Vertikal_L4"
      139. android:layout_width="2dip"
      140. android:layout_height="fill_parent"
      141. android:background="#FFF" />
      142. </LinearLayout>
      144. <LinearLayout
      145. android:id="@+id/LinearLayout_ISO"
      146. android:layout_width="110dp"
      147. android:layout_height="match_parent"
      148. android:orientation="horizontal">
      150. <TextView
      151. android:id="@+id/textViewIso"
      152. android:layout_width="30dp"
      153. android:layout_height="match_parent"
      154. android:layout_weight="1"
      155. android:gravity="right"
      156. android:text="iso"
      157. android:textColor="@android:color/background_light"
      158. android:textSize="12sp" />
      160. <TextView
      161. android:id="@+id/textViewISO"
      162. android:layout_width="85dp"
      163. android:layout_height="match_parent"
      164. android:layout_weight="1"
      165. android:text="2560"
      166. android:textColor="@android:color/background_light"
      167. android:textSize="36sp" />
      168. </LinearLayout>
      169. </LinearLayout>
      Alles anzeigen
      Bilder

      • Screenshot_GalaxyTab S4 .jpg

        120,8 kB, 1.600×2.560, 73 mal angesehen

      • Screenshot_Samsung N10+.jpg

        107,97 kB, 1.080×2.280, 62 mal angesehen
      Beste Grüße
      Robby 8o

    • Das sind Geräte mit unterschiedlichen Display Auflösungen (dpi) und Größe.
      Auch ist es ein Handy und ein Tab das ist oft anders. Für sowas gibt es die verschieden Ordner wo nach DPI Auflösung verschriene Layouts erstellen Kannst.

      developer.android.com/training/multiscreen/screendensities
      developer.android.com/guide/practices/compatibility
      google.de/url?sa=t&rct=j&q=&es…Vaw3wHnGXyLEVg4pO7pDsf6DB

      Frage du benutzt das Constrain Layout was bei einer sinnvollen Aufbau nicht das erstellen von unterschiedlichen Dpi Auflösung benötigt.
      Aber was machst du packst alles in ein einfache Linearlayout. Da musst du natürlich die verschiedenen Auflösungen machen.
      Die Vorteile eines Constrain Layout nutzt du nicht.
      Ich denke du solltest dich mal mit den Layouts beschäftigen , Linear, Relativ, Contrain…..


      Ich habe auch bei deiner App gesehen das du so eine quatsch macht. Da hättest du gleich ein echtes Linearlayout machen können.

      Was benutzt du für das Layout Design? Den AS Designer oder etwas anderes?

      Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von nono124 ()