Überscrollbares Hintergrundbild

[Panikmeister]

Hi,

habe schon die Forensuche benutzt..erfolglos.

Ich brauche ein Layout, dass im oberen Drittel ein Hintergrundbild hat, das vom Rest "überscrollt" werden kann.



Leider will das Teil ums verrecken nicht scrollen.

Zusätzlich sollte die Listview in kompletter Größe erscheinen und nicht scrollbar sein.


Ich hatte eine Scrollview mit dem Background, dazu ein LinearLayout, welches wiederum ein LinearLayout enthielt.

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

    <ScrollView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/scrollView"
        android:fillViewport="true"
        android:background="#ffffc281" >

        <LinearLayout
            android:orientation="vertical"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:weightSum="10"
            android:gravity="bottom">

            <LinearLayout
                android:orientation="vertical"
                android:layout_width="fill_parent"
                android:layout_height="0dp"
                android:background="#ffe5ffa9"
                android:layout_weight="6">


                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="HVVVVVVVVVV"
                    android:id="@+id/textView" />

                <ListView
                        android:layout_width="fill_parent"
                        android:layout_height="fill_parent"
                        android:layout_marginTop="8dp"
                        android:layout_marginBottom="8dp"
                        android:layout_marginLeft="16dp"
                        android:layout_marginRight="16dp"
                        android:dividerHeight="1dp"
                        android:id="@+id/lvZutaten"/>

            </LinearLayout>

        </LinearLayout>
    </ScrollView>

</LinearLayout>

Weiß irgendwer Rat?

 

[Jaiel]

Vllt eine Image view und darüber einfach die anderen Sachen in den image view

 

[Kardroid]

Hallo Panikmeister,

ich würde es so versuchen, dass du ein RelativeLayout für den Container nimmst, dort kannst du für das Hintergrundbild dein Bild nehmen.

Jetzt machst du ein Linearlayout für deine Scrollview und lässt es auch oben anfangen.

Der Trick wäre hier, dass du eine unsichtbare View ganz oben in der Scrollview einfügtst, die dein Bild unsichtbar überdeckt.
Jetzt solltest du Scrollen könnnen, und deine unteren Elemente sollten auch über das Bild gescrollt werden können.

Der Nachteil bei dieser Lösung ist, dass du nicht mehr auf das Bild klicken kannst. (Hier könntest du aber auch ein Klicklistener auf die unsichtbare View setzen und mit dem Bildlistener verknüpfen)

 

[soma-web]

Parallax effect nennt sich sowas. Auf github gibts gute Codebeispiele dazu.
http://stackoverflow.com/questions/25461014/how-to-do-the-new-playstore-parallax-effect

Was du auch machen Köntest wäre dein Iamge hinter die listview zu setzen, das TextFeld als Header der listview, der listview ein krasses paddingTop geben und noch ein clipToPadding="false" der listview zu geben. http://stackoverflow.com/questions/...-listviews-the-items-get-recycled-prematurely

 

[Panikmeister]

Habe nun die Lösung.

Ein Scrollview mit dem Backgroundimage und fillviewport = true.

darin 1 Linearlayout, welches wiederum 2 LinearLayouts enthält.

Nr 1 quasi als "Abstandshalter mit transparentem Background.
Nr 2 enthält Dinge wie Textviews und Listviews.

Danke trotzdem !