Android stacked image gallery

Question

I'm trying to create a stacked image gallery, this is a gallery on which all the pictures are overlaying each other in a stack(or pile), for example: a card pile, and the user would be able to see and touch just the upper image and to flip/throw it out of the screen(with translate animation). After throwing the first picture the user will see the second picture that was hidden underneath the first one and so on.

I didn't find a similar gallery in other apps except to "weheartpics" (for Iphone off course)

The line of solution that I'm following now is to create a FrameLayout, adding some overlaying pictures on it, to delete the upper picture when the user touch it(instead of throw it out of screen).

score 1 · Answer 1 · answered Oct 03 '12 at 18:26

1

Use StackView, available on API Level 11 and higher.

answered Oct 03 '12 at 18:26

CommonsWare

986,068
189
2,389
2,491

Thanks, it could have been really nice to use it but my app should be available to API level 8 and above – Nativ Oct 04 '12 at 08:56
@Nativ: There might be a backport floating around, though I do not recall seeing one. – CommonsWare Oct 04 '12 at 19:13

score 0 · Answer 2 · answered Oct 03 '12 at 17:38

0

Why not use a ViewPager and flip through your images from left to right? You can then utilize FragmentStatePagerAdapter to prefetch and cache your images as use flips through these

answered Oct 03 '12 at 17:38

Bostone

36,858
39
167
227

Because ViewPager gives a different solution than what i need. I don't want a "slide" gallery that you can browse between pictures, I want the user to touch the pic, move it around the screen and throwing it to the edge of the screen until the picture is not in range of the screen(this is the deletion process), than the user will see the second picture. – Nativ Oct 04 '12 at 08:55

score 0 · Answer 3 · edited May 23 '17 at 11:56

All right - here's another way:

Add ViewSwitcher with 2 ImageViews
Since you can't use drag and drop library look for some alternatives but generally you want implement dragging the top image. Hopefully that will expose the hidden image but if not you will have to swap images when the drag starts
Implement gesture performed listener to listen for the flick events on the top image
When image is flicked away:

a. Swap image views in ViewSwitcher (if not swapped already for the drag-n-drop)

b. Pre-load next image into hidden ImageView
Otherwise return top image into original location (don't load anything into hidden ImageView)

score 0 · Accepted Answer · answered Feb 06 '13 at 11:34

0

Ok, the solution for that problem was to use frameLayout and to add to it imageView from the code. It's easy to apply animations on the images and to remove/add them after the animation begins.

answered Feb 06 '13 at 11:34

Nativ

3,092
6
38
69

Android stacked image gallery

4 Answers4