On Device Settings with list

I have an example where I'm using Menu2 and just rotate through the options each time select is hit. (similar to toggling a boolean, but just more choices.

See https://apps.garmin.com/en-US/apps/c051f37a-8fad-4907-b124-0112fe010c91

Another option could be to have a second menu with the color choices.

So for the first option to you use  

WatchUi.ToggleMenuItem    or something else?

Ronnie

For colors, something like this:

Menu2.addItem(new WatchUi.MenuItem("Background Color",colorNames[MySettings.backgroundIdx],"bg",{}));
Menu2.addItem(new WatchUi.MenuItem("Time Color",colorNames[MySettings.timeIdx],"tm",{}));

Take a look at the menu2 sample in the SDK, as there are other things you can do.

Here's a more complete example of what I'm doing:

forums.garmin.com/.../1138072

ronnierbryant said:

 I have looked at the examples, but not able to find how to do this on the device.

Just to be clear, <setting /> stuff does not get converted into something that works on device. If you want to be able to change settings on device, you need to write code to do it (most likely using Menu/Menu2 as suggested above).

I see the colorNames is your array.  [MySettings is a class.  what is timeIdx?  a function?  Can you show some sample code?

timeIdx is just the and index into an array of Gfx.COLOR_* values that is used to display the time.

MySettings is a class I used to load settings when the app starts.  I only do Application.Storage.getValue() calls there (no need to do them each time onUpdate() runs)

What you need to do in your app is the same thing you do with booleans, and store the colors in a way they are used in your app.

I have it working, where I am struggling is when the use clicks on the top right hand button I want the color to change.  Is that what you are doing in MySettings?  Are you incrementing your index value there each time the user selects?

Ok, let's try this.  Let's say you have this:

var colors=[Gfx.COLOR_WHITE,Gfx.COLOR_LT_GRAY,Gfx.COLOR_DK_GRAY,Gfx.COLOR_BLACK,	//0-3
	Gfx.COLOR_RED,Gfx.COLOR_DK_RED,Gfx.COLOR_ORANGE,Gfx.COLOR_YELLOW,				//4-7
	Gfx.COLOR_GREEN,Gfx.COLOR_DK_GREEN,Gfx.COLOR_BLUE,Gfx.COLOR_DK_BLUE,			//8-11
	Gfx.COLOR_PURPLE,Gfx.COLOR_PINK];
	
var colorNames=["White","Lt Gray","Dk Gray","Black",
		"Red","Dk Red","Orange","Yellow",
		"Green","Dk Green","Blue","Dk Blue",
		"Purple","Pink"];
		
var timeIdx=0;
var timeColor=colors[timeIdx;		

and in a simplified form, in the menu you have 

Menu2.addItem(new WatchUi.MenuItem("Time Color",colorNames[timeIdx],"tm",{}));

then in the related menu2delegate:

if(id.equals("tm")) {
  	timeIdx=(timeIdx+1)%colorNames.size();  //move to next color
  	item.setSubLabel(colorNames[timeIdx]);  //update the menu item
	writeKey(timeKey,timeIdx);              //save the setting to Application.Storage
	timeColor=colors[timeIdx];  		    //set the actual color based on timeIdx.
}

each time the menu item for time color is the active menu item and select is hit, timeIdx is incremented, and wraps based on the number of colors.  The color name i changed in the menu item, timeIdx is saved, and timeColor has the actual color value..