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">
      9. <LinearLayout
      10. android:id="@+id/LinearLayout_0"
      11. android:layout_width="match_parent"
      12. android:layout_height="50dp"
      13. android:background="@drawable/customborder"
      14. android:gravity="center_horizontal"
      15. android:orientation="horizontal"
      16. app:layout_constraintStart_toStartOf="parent"
      17. app:layout_constraintTop_toTopOf="parent">
      18. <LinearLayout
      19. android:id="@+id/LinearLayout_P"
      20. android:layout_width="69dp"
      21. android:layout_height="50dp"
      22. android:background="#3F51B5"
      23. android:gravity="bottom"
      24. android:orientation="horizontal">
      25. <TextView
      26. android:id="@+id/textView_P"
      27. android:layout_width="match_parent"
      28. android:layout_height="match_parent"
      29. android:layout_weight="1"
      30. android:background="@drawable/customborder"
      31. android:gravity="center_horizontal"
      32. android:text="P"
      33. android:textColor="@android:color/background_light"
      34. android:textSize="40sp"
      35. android:textStyle="bold" />
      36. </LinearLayout>
      37. <LinearLayout
      38. android:id="@+id/LinearLayout_Zeit"
      39. android:layout_width="wrap_content"
      40. android:layout_height="match_parent"
      41. android:orientation="horizontal">
      42. <LinearLayout
      43. android:id="@+id/PlatzhalterP_Z"
      44. android:layout_width="5dp"
      45. android:layout_height="match_parent"
      46. android:gravity="left"
      47. android:orientation="horizontal">
      48. </LinearLayout>
      49. <TextView
      50. android:id="@+id/textViewZeit"
      51. android:layout_width="100dp"
      52. android:layout_height="match_parent"
      53. android:layout_weight="1"
      54. android:gravity="center_horizontal"
      55. android:text="1/8000"
      56. android:textColor="@android:color/background_light"
      57. android:textSize="36sp" />
      58. </LinearLayout>
      59. <LinearLayout
      60. android:id="@+id/PlatzhalterZ_B"
      61. android:layout_width="30dp"
      62. android:layout_height="match_parent"
      63. android:gravity="left"
      64. android:orientation="horizontal">
      65. <TextView
      66. android:id="@+id/textView_sek"
      67. android:layout_width="10dp"
      68. android:layout_height="match_parent"
      69. android:layout_weight="1"
      70. android:text="sek"
      71. android:textColor="@android:color/background_light"
      72. android:textSize="12sp" />
      73. <LinearLayout
      74. android:id="@+id/PlatzhalterS_B"
      75. android:layout_width="10dp"
      76. android:layout_height="match_parent"
      77. android:gravity="left"
      78. android:orientation="horizontal">
      79. <TextView
      80. android:id="@+id/Vertikal_L3"
      81. android:layout_width="2dip"
      82. android:layout_height="fill_parent"
      83. android:background="#FFF" />
      84. </LinearLayout>
      85. </LinearLayout>
      86. <LinearLayout
      87. android:id="@+id/LinearLayout_Blende"
      88. android:layout_width="80dp"
      89. android:layout_height="match_parent"
      90. android:orientation="horizontal">
      91. <TextView
      92. android:id="@+id/textViewBlende_f"
      93. android:layout_width="30dp"
      94. android:layout_height="match_parent"
      95. android:layout_weight="1"
      96. android:gravity="right"
      97. android:text="f/"
      98. android:textColor="@android:color/background_light"
      99. android:textSize="36sp" />
      100. <TextView
      101. android:id="@+id/textViewBlende"
      102. android:layout_width="50dp"
      103. android:layout_height="match_parent"
      104. android:layout_weight="1"
      105. android:gravity="center_horizontal|left"
      106. android:text="45"
      107. android:textColor="@android:color/background_light"
      108. android:textSize="36sp" />
      109. </LinearLayout>
      110. <LinearLayout
      111. android:id="@+id/PlatzhalterB_I"
      112. android:layout_width="10dp"
      113. android:layout_height="match_parent"
      114. android:gravity="left"
      115. android:orientation="horizontal">
      116. <TextView
      117. android:id="@+id/Vertikal_L4"
      118. android:layout_width="2dip"
      119. android:layout_height="fill_parent"
      120. android:background="#FFF" />
      121. </LinearLayout>
      122. <LinearLayout
      123. android:id="@+id/LinearLayout_ISO"
      124. android:layout_width="110dp"
      125. android:layout_height="match_parent"
      126. android:orientation="horizontal">
      127. <TextView
      128. android:id="@+id/textViewIso"
      129. android:layout_width="30dp"
      130. android:layout_height="match_parent"
      131. android:layout_weight="1"
      132. android:gravity="right"
      133. android:text="iso"
      134. android:textColor="@android:color/background_light"
      135. android:textSize="12sp" />
      136. <TextView
      137. android:id="@+id/textViewISO"
      138. android:layout_width="85dp"
      139. android:layout_height="match_parent"
      140. android:layout_weight="1"
      141. android:text="2560"
      142. android:textColor="@android:color/background_light"
      143. android:textSize="36sp" />
      144. </LinearLayout>
      145. </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 ()