Steuerelemente nebeneinander anordnen

Daceji · 6. September 2023

Hallo an alle!

Ich bin ein Anfänger, lerne selbstständig mit Android Studio und hänge gerade an einem Übungsprojekt fest.

Aktuell versuche ich zwei Textviews links und rechts außen zu positionieren und dazwischen soll mittig eine Seekbar sein.

Das Ganze soll mehrmals untereinander erfolgen.

Der Text rechts außen lässt sich mit dem Linearlayout so nicht ausrichten.

XML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/tv1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Links"
            android:textSize="20sp"
            />

        <TextView
            android:id="@+id/tv2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Rechts"
            android:textSize="20sp"
            android:layout_gravity="right"
            />

    </LinearLayout>

</LinearLayout>

Alles anzeigen

Wie lässt sich das umsetzen?

Daceji · 11. September 2023

Mit dem RelativeLayout funktioniert es nun wie gewünscht:

XML

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="20dp"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <RelativeLayout
        android:id="@+id/rl1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/tv1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Links"/>

        <SeekBar
            android:id="@+id/sb1"
            android:layout_width="250dp"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"/>

        <TextView
            android:id="@+id/tv2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:text="Rechts"/>

    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/rl2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:layout_below="@id/rl1">

        <TextView
            android:id="@+id/tv3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Links:"/>

        <SeekBar
            android:id="@+id/sb2"
            android:layout_width="250dp"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"/>

        <TextView
            android:id="@+id/tv4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:text="Rechts"/>

    </RelativeLayout>

</RelativeLayout>

Alles anzeigen

Steuerelemente nebeneinander anordnen

Jetzt mitmachen!

Teilen