Ich habe 3 Ebenen.
Sagen wir ich habe eine grüne Fläche, eine rote Fläche und etwas Text.
Die grüne Fläche liegt ganz unten, die rote überdeckt diese. Die Schrift sieht man am Anfang ebenfalls nicht.
Ich habe eine Art ScrollView, in der ich von vertikal swipen möchte. Bei der Geste von unten nach oben möchte ich die rote Fläche nach oben ziehen und die grüne kommt dann zum Vorschein. Wenn ich cirka 50% der grünen Fläche sichtbar gemacht habe soll von unten der Text reinfliegen.
Das soll dann eine parallaxe Bildergalerie mit Überschriften darstellen.
Der Unterschied zu einem einfachen vertikalen PageViewer ist, dass wenn ich swipe ich nicht das Bild so wie es ist nach oben ziehe sondern eben das Bild quasi schon da ist und ich nur das wegziehe was darüber liegt, ich also nicht den Kopf des Bildes sehe, sondern den Boden.
Die Layoutdatei stelle ich mir so vor:
[XML]<?xml version="1.0" encoding="utf-8"?>
<de.test.parallaxscroll.ParallaxScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fadingEdge="none"
android:scrollbarStyle="insideOverlay"
android:scrollbars="none" >
<FrameLayout
android:id="@+id/layer_content"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:adjustViewBounds="true"
android:src="@drawable/article_10_img1" />
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:adjustViewBounds="true"
android:src="@drawable/article_10_img2" />
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:adjustViewBounds="true"
android:text="Hallo Welt" />
</FrameLayout>
</de.test.parallaxscroll.ParallaxScrollView>[/XML]
