Menu2 multiple options select item

Question

Hey there folks! I'm trying to implement an on-device menu for my watch face options. So far so good, but there are a few options that I want to provide multiple choices for: Background/Foreground/Special text color (from a limited palette of ~10 colors each) Font selection (one of four) 
 I've got the menu working with simple on/off settings, but I'm not sure how to go about cycling through options like these. One thought I had was using a plain MenuItem, and in the onSelect updating the MenuItem directly to show a different sublabel, along with a number field with a list. Is that reasonable? Any other advice or implementation demos?

jim_m_58 · Accepted Answer

I've done a few posts about this, so not sure which one has it best, but in simple code, here's what I do: 
 Menu2.addItem(new WatchUi.MenuItem("Background Color",colorNames[MySettings.backgroundIdx],"bg",{})); 
 where colorNames are an array of names, and backgroundIdx is the index in the array for the acutal color. 
 var colorNames=["White","Lt Gray","Dk Gray","Black", "Red","Dk Red","Orange","Yellow", "Green","Dk Green","Blue","Dk Blue", "Purple","Pink","TRANS"]; 
 
 then in the delegate, this: 
 var id=item.getId(); if(id.equals("bg")) { MySettings.backgroundIdx=(MySettings.backgroundIdx+1)%14; item.setSubLabel(colorNames[MySettings.backgroundIdx]); MySettings.writeKey(MySettings.backgroundKey,MySettings.backgroundIdx); MySettings.background=MySettings.getColor(null,null,null,MySettings.backgroundIdx); } 
 where each time it's selected, it loops through the 14 colors, changes the subLabel, and saves the new value.

Menu2 multiple options select item

Top Replies

All Replies