Horizontal scrollview like shown in image - android

The screen should show the current image in the center and the next and previous images to its left and right in a smaller image size. You can see the image here On swipe, the images should change and select as new item. It would be helpful if someone could point me to existing code similar to this. I have tried Fancycoverflow. it gives this kind of effect, but it skips items when I try to set particular item in center. I am not able to scroll and set the image in center easily.

Here you can see something similar but not exactly. You can add round transformation, and bigger size that icon, which was clicked.

I tried to create a library for similar to your issue. You can custimize it for better suit. Here you can find the source code and a video that shows how it looks like.
See you.

Related

How to make a shadow look in bottom of a listview or girdview cell like flipboard in android

am new to android i need to display some data which i have done, but what i need is the look of each cells in the list-view. my requirement is that to add a light shadow in the bottom of each cell in the list view which is similar as the cells in the flip board .
The image looks like in the url Image Required
(i dont have enough rep to post an image so please check the image in the given lik)
see the black circle,exactly a shadow look in each cell, i have goggled and had some research in github repo but i get result like adding blur or something ,but its not gives this effect, i have tryed BlurTestAndroid
and other blur effects but its not giving the result i need. can anyone help me to achieve this effect or any ideas to make my listview cell like this, is blurring is the right way to achieve this or have any other solution to do this.
Thank you

How can I create a Horizontal Image Gallery

I am trying to create a horizontal like image gallery on one of my activities. I want it to take up about 1/4 of the screen and when you swipe left or right it'll go to the next image. Also over the bottom portion of the image there is an indicator showing you where you are in the list of images. Similar to what was done in these apps:
I can't seem to find out how to create this in android. I'm hoping someone out there has an idea and can point me in the right direction or to a tutorial.
Have you taken a look at ViewPagerIndicator?

Android Creating Horizontal scroll view of Images for Image Picker

I would like to create an image picker as shown in the picture below. What is the best way to go about it?
The screen should show the current image on the center and the next and previous on its side which is a smaller image size. On swipe, the images should change. It will be helpful if someone can point to an existing code similar to this.
Thanks

Overlay 50% of each image in gallery

I'm looking for a way to overlay each images of the gallery to 50%.
I have successfully do that with the setSpacing method
gallery.setSpacing((int)(- this.imageWidth / 2));
The problem is that now, we don't see the image at the right of the selected item in gallery, because the selected item is fully displayed. I want to keep this comportement (image selected fully displayed), but also see the image at the right (50%, like each other).
Moreover, and it's an other problem, i'm looking for a way to display my images differently at the left of the selected element than at the right of the selected element. It's a little difficult to explain, so I have drawn the result that I want have :
http://www.hostingpics.net/viewer.php?id=678746customgallery.png
As you can see, the image at the left (yellow) of the selected one (purple) and the image at the right (pink) of the selected one (purple) are side by side because of the difference of disposition between left and right.
I'm french and it's a problem very difficult to explain for me, if you don't have well understand, please ask me for more precision.
Thanks per advance for your help.
Sébastien
EDIT : Thanks to Ramon's answer, I have found this to solve my problem : rudolphmutter.com/?p=31. However, this give me a new problem now, the same as this guy : stackoverflow.com/questions/8598863/. Even I accept the answer, that fit to my question, I'm still waiting for a solution to do what I want in the other stackoverflow's subject.
maybe you can use setChildrenDrawingOrderEnabled(true), then, your selected image will be displayed at the top of the gallery.

how to keep an image on top of other image

can anyone let me know how to keep an image on top of other image. If we select a portion of the top image it should display the below image portion.
Please share the samp
Thanks in advance.
-pavan
I'm not sure if this would completely answer your question... but firstly, images shouldn't really ever overlap in a LinearLayout. If you're using a RelativeLayout, they definitely can overlap, and the image on top will be whatever was loaded last in the XML.
If I understand what you're attempting to do - kind of transparency (so to speak) of the top image so that portions of the bottom image are displayed along with portions of the top image ... I do things like that all the time by overriding the onDraw() method on my View to handle the image painting myself. There's allot of examples on the net for this - simple stuff.

Categories

Resources