Fancy ListViews Redux: 0.9 SDK and RatingBar

You may remember way back when (e.g., July 2008) when Building ‘Droids featured a six-post series on creating fancy ListView implementations, culminating in a CheckListView widget that could be used as a drop-in replacement for ListView.

They’re ba-ack!

Specifically, today, let’s take a look at the 0.9 SDK’s impact on the Fancy ListView series, and update one of the examples to take advantage of a new widget: the RatingBar.

In many respects, the code and techniques introduced in the Fancy ListViews series are still valid and relevant in the world of the 0.9 SDK. Perhaps the biggest change is that ViewInflate became LayoutInflater, requiring some search-and-replace edits of your older M5 source code. But the concepts of supplying custom views, of recycling views using the ViewHolder/ViewWrapper pattern, and the like are still very useful, even after the 0.9 SDK.

Of course, as promised, the 0.9 SDK has its own take on having checkable ListView widgets; this will be covered in a future blog post.

For now, though, let’s revisit the last sample from the Fancy ListViews series and update it to eschew the checkbox, switching to the new RatingBar.

RatingBar is a widget designed to users to provide a rating to something, such as rating a music track or a blog post or an Android development book up on (*cough*). A rating is a float, from 0 to a specified maximum (android:numStars). You can specify what the granularity of the rating is (android:stepSize) and whether it is merely an indicator (android:isIndicator) or if it is a user-input element to allow users to set the rating by sliding their finger across the stars.

As with just about any moderately-sized widget, the RatingBar can be used as part of a row in a ListView. In fact, replacing the CheckBox in CheckListView with a RatingBar is fairly straight-forward:

[sourcecode language=’java’]
public class RateableWrapper extends AdapterWrapper {
Context ctxt=null;
float[] rates=null;

public RateableWrapper(Context ctxt, ListAdapter delegate) {

this.rates=new float[delegate.getCount()];

for (int i=0;i

  • Create and configure the RatingBar when it is lazy-instantiated in getView()
  • Hook in a RatingBar.OnRatingBarChangeListener to update a float[] of ratings, rather than a boolean[] of checkbox states
  • Update the rating in the RatingBar when it is recycled
  • Rename all the classes to something more logical (e.g., CheckableWrapper becomes RateableWrapper)
  • Unfortunately, the stock style for RatingBar is a bit big for lists:

    A sample ListView using a RatingBar in each row

    You can use a ratingBarStyleSmall style to shrink the size, but then the RatingBar becomes read-only, meaning you would need some other means to let people specify the rating itself.

    Note: Select outbound links may include affiliate tracking codes. Revenue generated from any potential purchases is used to fund AndroidGuys. Read our policy.



    1. how do i display all the elements in a row as a list?

      i’m making a quiz app, where the user starts out by looking at a list of questions. the questions are the first element in their row in the database. the rest of the row consists of answer alternatives.

      when the user clicks a question, i want the question, along with the answers, to be displayed as a simple clickable list.

      i’ve spent a week trying to figure this out and i feel stupid. why is java so convoluted?

    2. information about products and can see…

      the big difference between the old and new ways of getting feeds now. with rss, you can save a lot of time reading non related posts. with the rss feeds, you can choose the most interesting posts to read, which will…

    Comments are closed.