how to implement viewpager and circleindicator - android

I want to display images on launch screen using Viewpager & use Circle indicator to show position in the slideshow and would also like to add a button at the end image of the slideshow!

Try this Lib. (ViewPagerIndicator by JakeWharton)
Should do all what you need. Also it is very well coded, so its a nice guide if you want to do this by yourself.

Related

want landing page slider like Grofers in android

I want to built a landing page like grofers. I started with slider but I got different one using viewpager.
Like i want
but I end with this using viewpager
and below slider of grofers there is a menu. I tried to make same view using gridview and put condition on button to show other components on click.
Correct me if I am wrong and also suggest me for slider.
for the grid, I tried like this..
What are you asking exactly? There is no question.
Using a ViewPager for the slide's in the top is a good approach. If you need to have it wrap-around take a look at the infinite ViewPager: https://github.com/antonyt/InfiniteViewPager
For the bottom part, the grid, you can use a GridView. However I recommend taking a look at the RecyclerView with a GridLayoutManager: https://developer.android.com/reference/android/support/v7/widget/GridLayoutManager.html
You can implement this by using TwowayGridView

View Pager Transformation bring to top like cards

I Would like to achieve the following
I was able to use the following library
https://github.com/Hongchae/CoverFlowPager
and after some customization i was able to have this
Now i want to adjust the pages to appear like the first image
Appreciate your help ,Thanks in advance
For showing the preview of left and right fragments you have to set the following values:
// This for avoiding the truncate effect
viewpager.setClipToPadding(false);
// This for setting the padding for seeing the other fragments
viewpager.setPadding(left,0,right,0);
To modify the space between the fragments in the viewpager use
viewpager.setPageMargin(int);
probably this post will help you ViewPager show next and before item preview on screen

how to create endless marquee of images with zoom functionality?

I have to create a screen in which multiple images will be scrolling (automatically) from right to left with following features:
I have to create a layout like this image:
Small circles will be scrolling automatically like marquee.
When Image would reach at center, image will be zoom by 20% than other image.
Images would be click able, so that an operation could be performed after click.
What I have done so far:
I have used ViewPager but neither images are not scrolling automatically nor center image is zooming.
Please suggest or give some example.
I've done some research on this, and found that basically Android ViewPager does not support such functionality. This requires you to create your own custom ViewPager.
For the scrolling, circular ViewPager, I suggest you to use InfiniteViewPager. For the adapter, you can try looking at here.
This is some alternative, but I prefer InfiniteViewPager.
You can achieve this using a CarouselView. There are several libraries available for it. You can try this one.
https://github.com/clkasd/CarouselViewProject.
To change the current item automatically, you can use setCurrentItem function with a timer.

How to create swipeable views in android?

I want to create a swipeable views in android.
My aim is to achieve this effect.
Here, on swiping right i want to change only image source, background image should be fixed.
How can this be achieved?
You can use the ViewPager, see here.
You will have to modify it a bit.
Select a transparent background for the ViewPager, and set the background Image you need to the parent View of the ViewPager. The sample code for the implementation are here and also check the related xml files.

Toggle part of a ViewFlipper view in android

I am using a ViewFlipper to toggle between views. I would like to get the same effect as Facebook's or Youtube's settings views, which is to keep a bit of the last view showing to the right. See image below. How can I do this?
Instead of using a ViewFlipper, try a ViewPager. The ViewPager is best, I think, if you want to have different pages and let the user control which one they see. It uses the paging animation by default, and you can specify page width so the user can see parts of the page next to it.

Categories

Resources