RatingBar is an extension that shows a rating in stars. The user can touch/drag to set the rating when using RatingBar.
This module converts native Android RatingBar widget to Titanium component.
Features:
If you want to use custom resource in your App you can override default resource. For that you have to place your custom resource inside app_root/platform/android/res or app_root/modules/android/titutorial.ratingbar/0.1/platform/android/res in the same name.
For example, if you want to override star_on image you have to override your custom image with the same name star_on.png
Usage:
Download:
Module: https://marketplace.appcelerator.com/apps/6371?1827333944
Source Code: https://github.com/railskarthi/ratingbar
Screenshot:
This module converts native Android RatingBar widget to Titanium component.
Features:
- Touch/Drag Rating
User can touch/drag to set the rating when using RatingBar. - Number of stars
User can customize no of stars (or rating items) in RatingBar using using setStars method. - stepSize
User can sets the step size (granularity) of this RatingBar - setIsIndicator
User can sets whether this rating bar is an indicator (and non-changeable by the user).
If you want to use custom resource in your App you can override default resource. For that you have to place your custom resource inside app_root/platform/android/res or app_root/modules/android/titutorial.ratingbar/0.1/platform/android/res in the same name.
For example, if you want to override star_on image you have to override your custom image with the same name star_on.png
Usage:
var win = Ti.UI.createWindow({
backgroundColor:'#fff',
layout : 'vertical'
});
var ratingbar = require('titutorial.ratingbar');
var setRatingButton = Ti.UI.createButton({
title : 'Set rating 6',
height : '40dp',
width : Ti.UI.SIZE,
top : '30dp'
});
win.add(setRatingButton);
/*
* Dynamic rating bar
*/
var ratingBar1 = ratingbar.createRatingBar({
top : '30dp',
left:15,
rating : 2,
stars : 6,
stepSize : 1.5,
isIndicator : false
});
win.add(ratingBar1);
var ratingValue = Ti.UI.createLabel({
text : 'Rating Value : '+ratingBar1.getRating(),
color : '#000',
font : {fontSize:'20dp'},
height : Ti.UI.SIZE,
width : Ti.UI.SIZE,
top : '30dp',
textAlign : 'center'
});
win.add(ratingValue);
ratingBar1.addEventListener('change', function(e) {
ratingValue.text = "Rating Value : "+e.rating.toString();
});
/*
* Static rating bar
*/
var ratingBar2 = ratingbar.createRatingBar({
top : '30dp',
left:15,
rating : 3,
stars : 5,
stepSize : 1,
isIndicator : true
});
win.add(ratingBar2);
setRatingButton.addEventListener('click', function() {
ratingBar1.setRating(6.0);
});
win.open();
Download:
Module: https://marketplace.appcelerator.com/apps/6371?1827333944
Source Code: https://github.com/railskarthi/ratingbar
Screenshot:
| Titanium RatingBar Module |

