bryan
/
BangleApps
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update minified layout

master
Gordon Williams 2021-09-03 10:31:03 +01:00
parent e0b6887bd8
commit 39a263c22d
1 changed files with 26 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
modules/Layout.min.js vendored
View File

@ -3,14 +3,32 @@
Usage: Usage:
```
var Layout = require("Layout");
var layout = new Layout( layoutObject, btns ) var layout = new Layout( layoutObject, btns )
layout.render(optionalObject); layout.render(optionalObject);
```
For example:
```
var Layout = require("Layout");
var layout = new Layout( {
type:"v", c: [
{type:"txt", font:"20%", label:"12:00" },
{type:"txt", font:"6x8", label:"The Date" }
]
});
g.clear();
layout.render();
```
layoutObject has: layoutObject has:
* A `type` field of: * A `type` field of:
* `undefined` - blank, can be used for padding * `undefined` - blank, can be used for padding
* `"txt"` - a text label, with value `label` and `r` for text rotation * `"txt"` - a text label, with value `label` and `r` for text rotation. 'font' is required
* `"btn"` - a button, with value `label` and callback `cb` * `"btn"` - a button, with value `label` and callback `cb`
* `"img"` - an image where the function `src` is called to return an image to draw * `"img"` - an image where the function `src` is called to return an image to draw
* `"custom"` - a custom block where `render(layoutObj)` is called to render * `"custom"` - a custom block where `render(layoutObj)` is called to render
@ -83,10 +101,12 @@ function Layout(layout, buttons) {
this._l, this._l,
{type:"v", c: buttons.map(b=>(b.type="btn",b.h=btnHeight,b.w=32,b.r=1,b))} {type:"v", c: buttons.map(b=>(b.type="btn",b.h=btnHeight,b.w=32,b.r=1,b))}
]}; ]};
Bangle.touchHandler = (_,e) => touchHandler(this._l,e);
Bangle.on('touch',Bangle.touchHandler);
} }
} }
if (process.env.HWVERSION==2) {
Bangle.touchHandler = (_,e) => touchHandler(layout,e);
Bangle.on('touch',Bangle.touchHandler);
}
// add IDs // add IDs
var ll = this; var ll = this;
@ -130,7 +150,7 @@ function updateMin(l) {
case "txt": { case "txt": {
if (l.font.endsWith("%")) if (l.font.endsWith("%"))
l.font = "Vector"+Math.round(g.getHeight()*l.font.slice(0,-1)/100); l.font = "Vector"+Math.round(g.getHeight()*l.font.slice(0,-1)/100);
// Not needed in new firmwares - 'font' is enough // FIXME ':'/fsz not needed in new firmwares - it's handled internally
if (l.font.includes(":")) { if (l.font.includes(":")) {
var f = l.font.split(":"); var f = l.font.split(":");
l.font = f[0]; l.font = f[0];
@ -222,8 +242,8 @@ Layout.prototype.render = function (l) {
Layout.prototype.layout = function (l) { Layout.prototype.layout = function (l) {
// l = current layout element // l = current layout element
// exw,exh = extra width/height available // exw,exh = extra width/height available
var fillx = l.c.reduce((a,l)=>a+(0|l.fillx),0); var fillx = l.c && l.c.reduce((a,l)=>a+(0|l.fillx),0);
var filly = l.c.reduce((a,l)=>a+(0|l.filly),0); var filly = l.c && l.c.reduce((a,l)=>a+(0|l.filly),0);
switch (l.type) { switch (l.type) {
case "h": { case "h": {
let x = l.x + (l.w-l._w)/2; let x = l.x + (l.w-l._w)/2;