Tuesday, June 26, 2012

Android : ListView with fast scroll using alphabets in the right side of the screen


Android ListView with fast scroll using alphabets in the right side of the screen

We have lot of questions like
Alphabetical sorted listview with Alphabetic section using Adapter in Android application.
Listview alphabetical index programmatically
In IPhone we are having Indexed UITableView. 
Android Listview like iphone contacts list (alphabets in right side of the list)

We are not having similar functionality in android but we are having android:fastScrollEnabled and alphaIndexer.
Without using android:fastScrollEnabled and alphaIndexer. Just with touch recognition, alphabetically sorting can be achieved easily.

If you want to implement the same feature in android and solution for all the above questions, we can try this approach

Code: indexTableCode

Screen Shot:

  




















Thanks for reading :)
If you have any other quick thoughts/hints that you think people will find useful, feel free to leave a comment.
Posted by at
Labels: ,

29 comments :

  1. christus valerianJuly 22, 2012 at 7:26 PM

    Thanks Vardhan,you have helped a lot.

    ReplyDelete
  2. gurulakshmasmsJuly 25, 2012 at 11:17 PM

    hi vardhan thanks for the tutorial i t hlped me lot
    check out the android app we have just released https://play.google.com/store/apps/details?id=com.smartappgenerator.dailyquiz

    ReplyDelete
  3. MacOctober 9, 2012 at 11:07 AM

    you have helped a lot..how to get onItemClickListener in our example.

    ReplyDelete
    Replies
    1. Vardhan DSOctober 10, 2012 at 5:47 PM

      Updated Code is added.
      Have onclick listener to the linearlayout in getView method.

      Delete
    2. semicolonDecember 4, 2012 at 6:33 PM

      thanks, same code with sticky headers will be awesome https://github.com/emilsjolander/StickyListHeaders

      Delete
  4. UnknownDecember 11, 2012 at 11:56 AM

    Thanks bro

    ReplyDelete
  5. UnknownMay 7, 2013 at 3:31 AM

    Hello vardhan,

    Thank you for your tutorial

    I want to use your solution but with Fragment.

    After making transformation to replace Activity by Fragment , I am getting blank screen.

    Please help.

    Fred

    ReplyDelete
    Replies
    1. Vardhan DSMay 9, 2013 at 7:27 PM

      Hi Fred,
      I haven't tried anytime with fragment.
      Let me give it a try.

      Thanks & Regards
      Harsha

      Delete
  6. UnknownAugust 8, 2013 at 4:49 AM

    Hey Vardhan thanks for this example, very usefull, how should I do for showing in bold the letter which I've selected?

    Thanks.

    ReplyDelete
  7. UnknownAugust 14, 2013 at 1:06 AM

    hi vardhan , i m not able to download ur demo project.plz help

    ReplyDelete
    Replies
    1. Vardhan DSAugust 14, 2013 at 8:04 PM

      https://sites.google.com/site/vardhanexp/-site-vardhanexp-indextablecode/IndexTable.zip?attredirects=0&d=1

      Govind, link is working, You can check with above link

      Delete
  8. UnknownSeptember 7, 2013 at 3:31 PM

    Great man

    ReplyDelete
  9. UnknownSeptember 13, 2013 at 1:24 PM

    I want to open a new activity on click of a list item pls help its urg....i have tried it from you userlistadapter click listener but no luck?????

    ReplyDelete
    Replies
    1. Vardhan DSSeptember 14, 2013 at 2:12 PM

      You can call other activity in onClickListener.
      Check out this link : https://sites.google.com/site/vardhanexp/-site-vardhanexp-indextablecode/IndexTable.zip?attredirects=0&d=1

      Delete
  10. UnknownOctober 4, 2013 at 11:57 AM

    Hello Vardhan Thanks for your post its a really nice tutorial i just want to know that if u want to show selected list as highlight like in contact of phone than what you will do.

    ReplyDelete
    Replies
    1. Vardhan DSOctober 7, 2013 at 5:08 PM

      Hi Agarwal,
      I have shared source code, just have a look of it. :)

      Delete
  11. UnknownNovember 5, 2013 at 11:01 PM

    Hello Vardhan. Excellent app. I am just getting started with Android programming and am having difficulty figuring out where and how to modify to import from a database instead of the Book list you have. If you could point me in the right direction I would appreciated it.
    Thank you,
    Jeffery

    ReplyDelete
    Replies
    1. Vardhan DSNovember 6, 2013 at 11:01 AM

      Dear Jeffery,

      Customize getUserList method from UserService class according to your needs, we can retrieve cursor object from database and convert cursor object to List of Book Object

      Hope above information helps you. If your facing any difficulties I can help you.

      ALL THE BEST

      Regards
      Harsha

      Delete
  12. UnknownNovember 6, 2013 at 1:07 PM

    Dear Vardhan,

    I modified ur getUserList method in UserService but i can not fetch contact in that class.
    Please help me...

    ReplyDelete
    Replies
    1. Vardhan DSNovember 7, 2013 at 11:25 AM

      Dear Murugan,

      Push the source code from the post, you can see the changes.

      Regards
      Vardhan
      Harsha

      Delete
  13. UnknownNovember 7, 2013 at 3:43 AM

    Vardhan,
    Thanks for the help, got the DB working to populate the list. One other issue that I am not sure where to modify. When one of the fields begins with a lower case such as "eBay" it creates a new section at the end of all the CAPS and adds an "e" to the bottom of the alphabet side bar. Not sure where both of these are handled.
    Thanks,
    Jeffery

    ReplyDelete
    Replies
    1. Vardhan DSNovember 7, 2013 at 11:24 AM

      Dear Jeffery,

      Its handled at 2 places.
      Sort technique in Book and CustomListIndex classes.

      I have modified my source code as per your requirement please have look:
      https://sites.google.com/site/vardhanexp/-site-vardhanexp-indextablecode/IndexTable.zip?attredirects=0&d=1

      Regards
      Harsha

      Delete
    2. vineethDecember 16, 2019 at 4:26 PM

      Can you make it using recyclerview

      Delete
  14. UnknownNovember 7, 2013 at 8:11 PM

    Harsha,
    Thanks, worked great. I just added in to make the alphabet letter uppercase if it is lower the first time added. Also, if the main list is empty I had to error trap for the "tmpIndexListSize" in the CustomListIndex to avoid an error. Once again thanks for the help.
    Jeffery

    ReplyDelete
  15. ?December 17, 2013 at 2:58 AM

    Thanks Vardhan, beautiful code.

    ReplyDelete
  16. UnknownDecember 17, 2013 at 10:27 PM

    Harsha,
    All is working well. Just noticed that of the Book Title is only one character, it has an issue. could you point me where to investigate this for a fix?
    thanks,
    Jeffery

    ReplyDelete
  17. UnknownJanuary 23, 2014 at 2:49 PM

    very good blog it helped me lot , Thanks sir

    ReplyDelete
  18. UnknownSeptember 16, 2014 at 5:35 PM

    I need help about alphaindexer in this tutorial. Please upload as may RoboGuice tutorials as possible.

    ReplyDelete

Subscribe to: Post Comments ( Atom )