Mobile Application Development BSCS-7 Lecture # 9

UI Controls – RatingBar RatingBar is an extension of SeekBar and ProgressBar that shows a rating in stars. User can touch/drag or use arrow keys to set rating when using default size RatingBar. Smaller RatingBar style ( ratingBarStyleSmall) and larger indicator-only style (ratingBarStyleIndicator) do not support user interaction and should only be used as indicators. Public Methods int getNumStars()Returns the number of stars shown. float getRating()Gets the current rating (number of stars filled). getStepSize()Gets the step size of this rating bar. boolean isIndicator() void setIsIndicator(boolean isIndicator)Whether this rating bar should only be an indicator (thus non-changeable by the user). synchronized void setMax(int max)Set the range of the progress bar to 0... setNumStars(int numStars)Sets the number of stars to show. setOnRatingBarChangeListener(RatingBar.OnRatingBarChangeListener listener)Sets the listener to be called when the rating changes. setRating(float rating)Sets the rating (the number of stars filled). setStepSize(float stepSize)Sets the step size (granularity) of this rating bar.

UI Controls - RatingBar On button click

UI Controls - RatingBar On RatingBar click

UI Controls - ListView android.widget.ListView ListView is a view group that displays a list of scrollable items. List items are automatically inserted to list using an Adapter that pulls content from a source such as an array or database query and converts each item result into a view that's placed into list. Android provides different subclasses for Adapter class that are used to retrieve data. One of these is ArrayAdapter. Toast clicked item value and position ArrayAdapter<String> adapter = new ArrayAdapter <String> (this,R.layout.lstname,strPrograms); lstName.setAdapter(adapter);

UI Controls - ListView Toast double-clicked item value and position

UI Controls – ImageView Android.widget.ImageView This class displays an arbitrary image. Add image to Resource Add ImageView from Widgets Important property: ScaleType Add code Important method: setImageResource(Resource ID)

To change image on each click

To change specific image on click

UI Controls – SeekBar Android.widget.SeekBar It is an extension of Progressbar that adds a draggable thumb. The user can touch the thumb and drag left or right to set the current progress level or use the arrow keys. Interface of SeekBar SeekBar.OnSeekBarChangeListener A callback that notifies clients when the progress level has been changed. Public methods of Interface void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) Notification that the progress level has changed. onStartTrackingTouch(SeekBar seekBar) Notification that the user has started a touch gesture. onStopTrackingTouch(SeekBar seekBar) Notification that the user has finished a touch gesture.

QUIZ Design the layout of activity containing one button, Two check boxes and two fragments. By default a blank fragment is displayed. When you click on button, Second fragment will be displayed. Immediately a toast message is displayed indicating both check boxes of MainActivity are checked or not. NOTE: Mention names of each widget with a diagram.