menu2 style

Is there a way to move the menu items a bit more to the center horizontally?

<menus>
    <menu2 id="SettingsFieldMenu" title="@Strings.menuMeasureTitle">
        <menu-item id="menuMeasureDistance" label="@Strings.menuMeasureDistance"/>
        <menu-item id="menuMeasureSpeed" label="@Strings.menuMeasureSpeed"/>
        <menu-item id="menuMeasurePace" label="@Strings.menuMeasurePace"/>
        <menu-item id="menuMeasureElevation" label="@Strings.menuMeasureElevation"/>
    </menu2>
</menus>

0 flowstate over 2 years ago

Is that what it looks like on a real watch? (Context for other readers: that's the UI for current non-AMOLED watches such as Forerunner 955.) The native menus on my 955 look similar, but the spacing is different so that the first character of the top and bottom items isn't clipped as much.

Have you tried left-padding your strings with whitespace? If that works as intended, it probably won't look good on older watches like 935 which have centred menu items, though. (If you support those devices and you really care, you could apply this solution conditionally.)

If that doesn't work, you could try using icon menu items with a transparent icon (assuming transparency is supported) or you could create icons hardcoded to match the menu background color (I forget if some older watches have the menu background color as a user-configurable setting though.) That would probably be too much padding tho.