Here's where I got to with a quick hack.
Using setFont("Vector",20) and fontheight=20 (Bottom screenshot)
This shows that you can get 6 lines on a full screen with a font height of 20 and its much more readable.
However this is not allowing for the setting of the value eg Show/Hide, On/Off. But that could be in a standard submenu rather than trying to show it on the same line. Other watch menus take that approach.
I also tried Lato20 (Middle screenshot)
and Inconsolata20 (Top screenshot) from fonts.google.com
I think I like Lato20 the best.
// save E_showMenu_Q3.js as hackmenu.js and change fontsize to 20 and setFont("Vector",20)
var hackmenu = eval(require("Storage").read("hackmenu.js"));
var m = {
"" : { "title" : "Settings" },
"Make Connectable" : function() { LED1.set(); },
"App/Widget Settings" : function() { LED1.reset(); },
"BLE" : function() { LED1.set(); },
"Debug Info" : function() { LED1.reset(); },
"Beep" : function() { LED1.set(); },
"Vibration" : function() { LED1.reset(); },
"Quiet Mode" : function() { LED1.reset(); },
"Locale" : function() { LED1.reset(); },
"Exit" : function() { }, // nothing for now
};
hackmenu(m);
Espruino is a JavaScript interpreter for low-power Microcontrollers. This site is both a support community for Espruino and a place to share what you are working on.
Here's where I got to with a quick hack.
Using setFont("Vector",20) and fontheight=20 (Bottom screenshot)
This shows that you can get 6 lines on a full screen with a font height of 20 and its much more readable.
However this is not allowing for the setting of the value eg Show/Hide, On/Off. But that could be in a standard submenu rather than trying to show it on the same line. Other watch menus take that approach.
I also tried Lato20 (Middle screenshot)
and Inconsolata20 (Top screenshot) from fonts.google.com
I think I like Lato20 the best.
3 Attachments