How do viewpager images as app "Mercado Livre" and others - android

I would like to ask your help on how to do this layout that neither the "Mercado Livre" (Name from app in portuguese Brazil) and other app out there, how real "Viva Real Imoveis" (Name from app in portuguese Brazil). The layout I need is equal to this I'm putting down, it would be a toolbar in the same way and just under one view pager with those balls that pass the images and clicking on the images they're in fullscreen and continue with indicator balls. Below view pager pictures I put the rest of my layout. The main part of you that need help that would be it, the slide images with drag finger counter with balls and fullscreen too. Design material.
Could help me?

Here you have mate. Maybe you'll need customize a little the drawables.

Related

How do i "bring" an selected view centered in "front"?

Im currently trying to achieve the following :
Once one of the four card views in the background is selected it should appear in the middle of the screen... in other words ... it should come in front of everything else.
Is there an easy way to achieve this ?

Design swipe activity android

I need to make a layout similar to that Image.
I wish it were shown all the registered images and their attributes and a button to add the user would select an image and define the attributes of it. I do not want a complete example that ordered but at least one direction than I use to do the layout. By my research I should perhaps use a swipe view. Has anyone seen something similar?
Thank you
You can use ViewPager to display cards like in top part.
ViewPager with previous and next page boundaries
And use a ListView or RecyclerView to show the bottom part. https://code.tutsplus.com/tutorials/getting-started-with-recyclerview-and-cardview-on-android--cms-23465

Center image on remaining space when scroll on ViewPager android

I saw beatport's app intro with viewpager, and what I want is to create that effect on scroll, for example, when changing to the next fragment, the background image of the fragment before adjust itself in the center of the remaining space.
Maybe I wasn't very specific, I'll be glad if you could take a look at beatport's app Intro for more understanding. The effect is called Parallax and I found this pieces of code, but I canĀ“t implement my fragments, only the images.
Here is the code:
https://github.com/je4a/ParallaxViewPager/tree/master/sample/src/main/java/com/parallaxviewpager/sample

Slide in a Layout and replace with another layout in android

I want to create slide in effect like below.
http://demosthenes.info/blog/838/CSSslidy-An-Auto-Generated-Responsive-CSS3-Image-Slider
The differences are
1) I have layout with two images, and when the new image is downloaded in background, one of the existing image has to slide out and this new image has to slide in.
2) User dont need to scroll and see previous images, I want to show only two images at any given time.
3) Its better if the diapered images get disposed.
What i tried so for with no luck
1) Horizontal scroll view- issues is hard to add items dynamically scroll to it while existing images been deletes.
2) ViewPager - http://developer.android.com/training/animation/screen-slide.html, couldnt get it to work.
what other ways is there, or how to improve what I tried.
Thanks
Simple and effective tutorial here.
1.http://android-er.blogspot.in/2011/09/implement-slide-in-and-slide-out.html
2.http://wptrafficanalyzer.in/blog/image-slideshow-from-right-to-left-using-viewflipper-in-android/
Basics about animation tutorial here,
https://github.com/codepath/android_guides/wiki/Animations
I think your looking for this.
ViewPager is what you want, hope it'll help.

Facebook style slider

the new facebook app has an image slider inside posts which have multiple images. It looks something like this:
One thing to notice is the adjacent images are slightly displayed with the current image in focus.
I know I can implement a slider using viewpager. But, in a viewpager, the current fragment occupies the entire view. Only the titles of the adjacent views are visible, not the content itself.
Can anybody give me a direction to look at for implementing this. Or is there anu opensource library for this?
Thanks

Categories

Resources