1. Import the required classes and interfaces.

   import net.rim.device.api.ui.UiApplication;
   import net.rim.device.api.ui.component.Dialog;
   import net.rim.device.api.ui.component.TextSpinBoxField;
   import net.rim.device.api.ui.container.MainScreen;
   import net.rim.device.api.ui.container.SpinBoxFieldManager;
   

2. Create the application framework by extending the UiApplication class. In main(), create an instance of the new class and invoke enterEventDispatcher() to enable the application to receive events. In the application constructor, invoke pushScreen() to display the custom screen for the application. The HomeScreen class represents the custom screen that is described in step 3.

   public class SpinBoxApp extends UiApplication 
   {
       public static void main(String[] args) 
       {
           SpinBoxApp app = new SpinBoxApp();
           app.enterEventDispatcher();
       }
   	
       public SpinBoxApp()
       {
           pushScreen(new HomeScreen());
       }
   }

3. Create the custom screen for the application by extending the MainScreen class. Declare a variable for each field in the spin box and declare a variable for the spin box field manager.

   class HomeScreen extends MainScreen
   {
       TextSpinBoxField spinBoxDays;
   	   TextSpinBoxField spinBoxMonths;
   	   SpinBoxFieldManager spinBoxMgr;
   
       public HomeScreen()
       {
       }
   }

4. In the screen constructor, create an array of String objects for each of the spin box fields.

   final String[] DAYS   = {"Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"};
   
   final String[] MONTHS = {"January","February","March","April","May","June","July","August","September","October","November","December"};

5. In the screen constructor, create new instances of the spin box field manager and the two spin box fields. Pass the appropriate array of strings as arguments to each of the spin box field constructors.

   spinBoxMgr = new SpinBoxFieldManager();		
   
   spinBoxDays   = new TextSpinBoxField(DAYS);
   spinBoxMonths = new TextSpinBoxField(MONTHS);

6. In the screen constructor, add the spin box fields to the spin box field manager. Invoke add() to add the manager, and the fields that it contains, to the screen.

   spinBoxMgr.add(spinBoxDays);
   spinBoxMgr.add(spinBoxMonths);
   add(spinBoxMgr);

Code sample: Creating a spin box

import net.rim.device.api.ui.UiApplication;
import net.rim.device.api.ui.container.MainScreen;
import net.rim.device.api.ui.container.SpinBoxFieldManager;
import net.rim.device.api.ui.component.Dialog;
import net.rim.device.api.ui.component.TextSpinBoxField;


public class SpinBoxApp extends UiApplication 
{
    public static void main(String[] args) 
	   {
		      SpinBoxApp app = new SpinBoxApp();
		      app.enterEventDispatcher();
    }
	
	   public SpinBoxApp()
	   {
		      HomeScreen homeScreen = new HomeScreen();
		      pushScreen(homeScreen);
	   }
}

class HomeScreen extends MainScreen
{
    TextSpinBoxField spinBoxDays;
	   TextSpinBoxField spinBoxMonths;
	   SpinBoxFieldManager spinBoxMgr;
	
	   public HomeScreen()
	   {
	       final String[] DAYS   = {"Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"};
		      final String[] MONTHS = {"January","February","March","April","May","June","July","August","September","October","November","December"};
		
	       spinBoxMgr = new SpinBoxFieldManager();

	       spinBoxDays   = new TextSpinBoxField(DAYS);
		      spinBoxMonths = new TextSpinBoxField(MONTHS);
		
		      spinBoxMgr.add(spinBoxDays);
		      spinBoxMgr.add(spinBoxMonths);
		      add(spinBoxMgr);
	   }
	
	   public void close()
	   {
		      Dialog.alert("You selected " + (String)spinBoxDays.get(spinBoxDays.getSelectedIndex()) + " and " + (String)spinBoxMonths.get(spinBoxMonths.getSelectedIndex()));
		      super.close();
	   }
}