Welche Layouts gibt es bei Android?

Welche Layouts gibt es bei Android?

In Android gibt es mehrere Layouts zum Organisieren und Positionieren von UI-Elementen, um unterschiedliche Interface-Layout-Effekte zu erzielen. Im Folgenden sind einige Layouts aufgeführt, die häufig in Android verwendet werden:

1. LinearLayout (lineares Layout):
   LinearLayoutist das einfachste Layout, das Unteransichten horizontal oder vertikal anordnet. android:orientationSie können die Anordnungsrichtung über Attribute als horizontal(horizontal) oder vertical(vertikal) festlegen.

2. RelativeLayout:
   RelativeLayoutErmöglicht die Positionierung von Unteransichten relativ zu ihrer übergeordneten Ansicht oder anderen Unteransichten. Durch die Angabe der relativen Beziehung zwischen Ansichten können flexible Layouteffekte erzielt werden.

3. FrameLayout:
   FrameLayoutStapelt Unteransichten zusammen, wobei jede Unteransicht oben liegt. Wird häufig verwendet, um die Anzeige zu überlagern oder die Ansicht zu wechseln.

4. ConstraintLayout (Einschränkungslayout):
   ConstraintLayoutEs handelt sich um ein flexibles und leistungsstarkes Layout, das komplexe Schnittstellenlayouts realisieren kann. Es verwendet Einschränkungen, um Unteransichten relativ zu einer übergeordneten Ansicht oder anderen Unteransichten zu positionieren.

5. TableLayout (Tabellenlayout):
   TableLayoutSie können Unteransichten in einer Tabellenform organisieren, ähnlich dem HTML-Tabellenlayout. Es enthält mehrere TableRow, von denen jede TableRowmehrere Unteransichten enthält.

6. GridLayout:
   GridLayoutOrganisiert Unteransichten in einem Raster, ähnlich dem Tabellenlayout. Die Zeilen- und Spaltenpositionen von Unteransichten können über android:layout_rowdie Eigenschaften und angegeben werden .android:layout_column

7. CoordinatorLayout (koordiniertes Layout):
   CoordinatorLayoutist ein spezielles Layout, das zur Verarbeitung koordinierter Aktionen zwischen Unteransichten verwendet wird. Es wird häufig verwendet, um einige komplexe interaktive Effekte zu implementieren, z. B. die Ansichtskoordination beim Scrollen.

8. ScrollView (Scroll-Layout):
   ScrollViewErmöglicht das Scrollen, wenn der Ansichtsinhalt den Bildschirm überschreitet. Es kann nur eine direkte Unteransicht enthalten.

9. ConstraintSet:
   ConstraintSetist ConstraintLayouteine Klasse, die zum dynamischen Ändern von Einschränkungen verwendet wird. Sie können ConstraintSetdas Schnittstellenlayout zur Laufzeit ändern.

Hierbei handelt es sich um verschiedene Layouts, die häufig in Android verwendet werden. Jedes Layout weist unterschiedliche Eigenschaften und Verwendungszwecke auf. Entwickler können das entsprechende Layout auswählen, um die Anwendungsoberfläche entsprechend den tatsächlichen Anforderungen zu entwerfen und zu erstellen.

Das Folgende ist ein einfaches Android-Codebeispiel, das zeigt, wie unterschiedliche Layouts verwendet werden, um unterschiedliche Schnittstellenlayouteffekte zu erzielen. In diesem Beispiel erstellen wir eine einfache Anmeldeschnittstelle und verwenden LinearLayout, RelativeLayoutund ConstraintLayoutum verschiedene Layouts zu implementieren.

1. Verwenden Sie das LinearLayout-Layout:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp">

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="用户名" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="密码"
        android:inputType="textPassword" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="登录" />

</LinearLayout>

2. Verwenden Sie das RelativeLayout-Layout:

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp">

    <EditText
        android:id="@+id/etUsername"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="用户名" />

    <EditText
        android:id="@+id/etPassword"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="密码"
        android:inputType="textPassword"
        android:layout_below="@id/etUsername" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="登录"
        android:layout_below="@id/etPassword" />

</RelativeLayout>

3. Verwenden Sie das ConstraintLayout-Layout:

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp">

    <EditText
        android:id="@+id/etUsername"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="用户名"
        app:layout_constraintTop_toTopOf="parent" />

    <EditText
        android:id="@+id/etPassword"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="密码"
        android:inputType="textPassword"
        app:layout_constraintTop_toBottomOf="@id/etUsername" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="登录"
        app:layout_constraintTop_toBottomOf="@id/etPassword" />

</androidx.constraintlayout.widget.ConstraintLayout>

In diesem Beispiel verwenden wir LinearLayout, RelativeLayoutbzw. ConstraintLayoutum eine Login-Schnittstelle zu implementieren. Alle drei Layoutmethoden können den gleichen Schnittstelleneffekt erzielen, der zugrunde liegende Layoutmechanismus und die Codestruktur sind jedoch unterschiedlich. In der tatsächlichen Entwicklung kann die geeignete Layoutmethode basierend auf der Komplexität der Schnittstelle und den Designanforderungen ausgewählt werden.