Dot indicator for viewpager in Android similar like Instagram multi image posts

java android viewpagerindicator
Amresh Ranjan picture Amresh Ranjan · Sep 14, 2017 · Viewed 8k times · Source

Wanted to achieve dot indicator as attached image. I want if items are more than 5 then small dot should appear and during sliding, it's resized. Check Instagram for live view(Look for any post which has uploaded more than 5 pictures)

I tried to play with the sizes of dots only and redraw them (by invalidate()) on every page change, however I couldn't achieve to maintain the dots in the middle. Playing with left and right dots wont make any big problem. but when the active dot is in the middle a scroll effect takes place. How can I achieve that?

I am holding a List of dots and play with the dots sizes and positions when page changes, than I invalidate and draw circles based on the dot properties in the list. However cannot find any idea on how to maintain middle dots so I can make that scrolling effect. Any other idea is appreciated

Dot indicator

enter image description here

Answer

Jayanth picture Jayanth · Sep 14, 2017

you can checkout this library, https://github.com/ongakuer/CircleIndicator

Related questions

Android - Fragment not attached to activity

I have an activity which loads a fragment but when I press back button on the fragment it shows the error :- "java.lang.IllegalStateException: Fragment ProductFragment{c46ba8a} not attached to Activity" Code is below:- Product Fragment: …

Read More
Can't start Eclipse - Java was started but returned exit code=13

I am trying to get my first taste of Android development using Eclipse. I ran into this problem when trying to run Eclipse, having installed version 4.2 only minutes ago. After first trying to start Eclipse without any parameters to specify …

Read More
How to fix 'android.os.NetworkOnMainThreadException'?

I got an error while running my Android project for RssReader. Code: URL url = new URL(urlToRssFeed); SAXParserFactory factory = SAXParserFactory.newInstance(); SAXParser parser = factory.newSAXParser(); XMLReader xmlreader = parser.getXMLReader(); RssHandler theRSSHandler = new RssHandler(); xmlreader.setContentHandler(theRSSHandler); InputSource is = new InputSource(…

Read More