Layout-Frage

Hey,

ich möchte ein Design in der Art haben:
[Blockierte Grafik: https://i.imgur.com/BQXe12y.png]

Die farbigen Blöcke sollen Buttons repräsentieren, wobei diese unterschiedlich lang sein sollen. Außerdem soll man sowohl vertikal als auch horizontal scrollen können. Also ich will mich nicht auf die Displaygröße einschränken.
Anfangs hab ich es mit einer GridView versucht, die sowohl horizontal als auch vertikal scrollbar ist. Dann ist mir aber aufgefallen, dass die Sache mit den unterschiedlich langen Buttons damit nicht funktionieren wird (oder täusche ich mich da?). Ein anderer Ansatz ist wohl sowas wie viele HorizontalScrollBars innerhalb einer VerticalScrollBar zu haben, sodass jede Farbe in der Abbildung eine HorizontalScrollBar repräsentiert. Das wäre an sich ja ne Idee, aber ich will dass man über den ganzen Bildschirm scrollen kann (sodass alle Farben einheitlich mitscrollen), also z.B. auch diagonal. In meinem Beispiel würde ich ja dann nur eine HorizontalScrollBar scrollen (die, wo mein Finger halt drauf ist), und die anderen würden nichts machen.

Jetzt frage ich mich halt, mit welchen Komponenten ich mein Problem lösen kann. Falls ich etwas nicht gut erklärt habe, lasst es mich wissen

lg

Danke für eure Hilfe. Ich versteh aber noch nicht ganz was ihr mit "ConstraintLayout in einem ScrollView" meint. Sry, bin noch ein Anfänger :s

Ich hab jetzt mal versucht, einfach so die buttons im constraint layout in einem scrollview einzufügen. das ging auch ganz gut, aber ich konnte eben nur vertikal und nicht horizontal scrollen. ich bräuchte halt beides

[Blockierte Grafik: https://i.imgur.com/UoE56tY.png]

Zitat von toad

Hi,

wie sieht denn die layout Datei textlich aus ? Könntest Du das bitte mal posten ??

VG Carsten

So z.B:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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"
    tools:context="com.example.name.justtesting4.MainActivity">


    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">


        <android.support.constraint.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">


            <Button
                android:id="@+id/button2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="352dp"
                android:layout_marginTop="580dp"
                android:text="Button"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/button" />


            <Button
                android:id="@+id/button"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="8dp"
                android:layout_marginTop="8dp"
                android:text="Button"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent" />
        </android.support.constraint.ConstraintLayout>
    </ScrollView>
</android.support.constraint.ConstraintLayout>

Zitat von toad

Hi,

warum setzt Du in Zeile 14 --> match_parent bei der Breite
und in Zeile 15 --> wrap_content bei der Höhe ?
Zeile 14 soll er sich an die elterliche Breite halten und in Zeile 15 an den Umfang, den Du definierst und dann wenn notwendig scrollen...
Änder mal in Zeile 14 in wrap_content um und gib bitte Rückmeldung, was dann passiert.

VG Carsten

Alles anzeigen

Hey,

hab ich getan. Leider hat sich nichts geändert. Ich kann nachwievor nur vertikal scrollen. Das macht ja eigentlich auch Sinn, da es eine ganz normale ScrollView ist

Zitat von jogimuc

hi zeile 14 u 15 match_parent das ist das ConstraintLayout das soll doch den gesamten bilschirm einnehemen.

<HorizontalScrollView><ScrollView><!-- SOME THING --></ScrollView></HorizontalScrollView>

Hab ich auch probiert. Leider das selbe Ergebnis

Edit: Was meinst du mit deinem Edit? Soll das die Struktur innerhalb der Zeilen 13 und 36 sein?

Vielen Dank euch beiden! Die width auf 3000dp zu setzen hat funktioniert Da ich sicherlich noch auf einige Probleme bis zu meiner ersten richtigen App stoßen werde, werd ich mich später wohl wieder melden

Ja, ging nur ums Prinzip, wie das überhaupt funktioniert Ich nehme stark an, dass man die 3000 auch dynamisch ändern kann. Also wenn der User immer weiter nach rechts scrollt, sich die width auch erhöht