How can I customize view pager in android - android

I am new to view pager in android. I want to make my view pager like this.
In this my problem is to making the circles with the number showing. How can I achieve this in android.
I have tried the view pager customizations methods but I didn't succeed. Please tell me how can I achieve this type thing in android.


I have written true ViewPager indicators similar to PagerTabStrip which are embedded in the ViewPager and they are a pain.
This indicator looks like it might be separate from the ViewPager anyway, so here is an easier way to do this sort of thing:
Make a custom widget that extends LinearLayout. This will be a horizontal layout. Have it also implement ViewPager.OnPageChangeListener.
In the setup of this widget, you add ImageViews to the LinearLayout with the drawable set to the circle of your choice. Use ViewPager.getAdapter().getCount() for the number of circles to add.
in the onPageSelected() method, use the position argument as the index to LinearLayout.getChildAt() to get the ImageView that represents that selected page. Set the drawable to the image that represents your selected page. Don't forget to reset the ImageView that was previously selected!
Call ViewPager.setOnPageChangeListener() with your widget.
Now if you also want to put a number in there, the views you add to the LinearLayout will need to have a TextView as well. You'll also need to get the data to go into the TextView, perhaps from a custom method on the PagerAdapter.
Also, I'll bet the app you are referencing has an animation showing the bubble expanding.
I'll try to post some code later.

Related

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

Which View/Widget can be used to display images on the screen one at a time by swiping horizontally?

I have a list view in which I want each list item will contain images. But the images will be displayed one at a time. SO, at a time for every list item only one image will be displayed. To view other images in the list item,one has to swipe horizontally. Is there any inbuilt widget that handles this in android?
EDIT1
My List item not only has Image but it also contains other views like textview, seekbar etc. So each list item will contain Image, textview, seekbar etc but the majority of the space will be occupied by the Image. Now, for each list item, when the image is swiped horizontally, another image has to be downloaded from a ulr and displayed.
EDIT2
I did a bit of research on ViewPager but many references like the answers here and this blog seem to suggest that using ViewPager inside a listview is not a good idea. Why is that? If it is not a good idea, what is a good alternative?

This problem can be solved by using ViewPager.
Link: http://developer.android.com/training/animation/screen-slide.html

ViewPager(for swiping between views) + UniversalImageLoader(for loading images from URLs, with caching etc)

If it is not, what is a good alternative?
I think you should use RecyclerView with LinearLayoutManager.HORIZONTAL. All things like recycling the views, view holder design pattern can be done easily with it and it is a new widget that google introduced and you can use it instead of ListView + ViewPager. because as you suggested it is not recommended to use viewpager inside listview. Although you can use horizontalScrollView but it dose not recycle the view. Other third party library like this exist but I recommend you use RecyclerView with LinearLayoutManager.HORIZONTAL because it is from google and it is normally tested more than people library. And another thing is you can use other layout manager like GridLayoutManager or having for example 3 rows that swiping horizontally or other good effects like adding animation and .... that google provided with RecyclerView.
For downloading the images you can use Picasso,Volley, Universal Image Loader or a lot of other libraries that exist.
Happy Coding :-)

Not sure I'm following you, but rather than a ListView wouldn't it be simpler to use ViewPager with simple Fragment that wraps a single image at a time. That way you get horizontal swiping "for free".

Do you just want swipe to change images? Or do you want the images to scroll as you swipe? For the former, you can just use a GestureDetector. For the latter you would probably use a ViewPager. See http://developer.android.com/training/animation/screen-slide.html

I have achieved the same functionality by using ViewPager, you can either put the SeekBar and TextView in the Fragment class off which you are gonna make multiple instances for each item and add to the pageradapter,
You can also add the TextView and SeekBar above the ViewPager Layout in your main fragment layout file and change the text and data on seekbar on viewpager's on item change listener, this looks more neat and this is the approach i've used

how to set two different view's id in Carousel at a time?

I implementing a carousel using viewPager in android. I want to set different textview of that two different view at a time. but right now I am able to set only one view's id.How to make it possible in viewpager so that I can set id of both view's . viewpager show only one view at a time..And I want to show view in full screen mode.Thanks in advance.

How to make the viewpager below the tab in TabCarouselLibDemo?

The TabCarouselLibDemo source is here. Thanks for the author's work.
The demo shows the ViewPager is below the tab, but in the xml, the ViewPager seems that it is at the top of the tab.
I think if you can see the demo you will understand what I mean.
I have a question about how to make the ViewPager below the tab? I have seen nothing about it in the code.
It makes me feel uncertain.
Thank you in advance!

It has to do with how RelativeLayout draws its children. If the ViewGroup was a LinearLayout and the orientation was set to "vertical", the carousel would be placed below the ViewPager, like you're thinking. But that's not how RelativeLayout works.
As far as the content in the ViewPager being below the carousel, you have to look at the custom Adapter used. There's a layout called "faux_carousel" that's used to create a layout with the same dimensions as the actual carousel, without showing the carousel itself. That layout is placed at position "0" in the Adapter so that all of the other content (that's in the ViewPager) will rest below the fake carousel and therefore the real one too.

Is there a horizontal scroll widget inside listview

I need to make a scrollable row in ListView's item. The row should behave similar to Gallery or ViewPager. It was designed to behave similarly to Facebook gallery.
I was planning to use Gallery but since it has been deprecated I'm not sure if it's a good choice. Although Fragment is recommend to be used to replace Gallery, it's not expected to be put inside a ListView.
Is there other options for available? Or should I implement my own custom view to calculate and handle the view transition? Has anyone try something similar?

Make the row item a HorizontalScrollView with a LinearLayout inside.
Make the LinearLayout's oriantation horizontal and add the things you need inside.

Categories

Resources