Data Screen Suggestion
alsama opened this issue · comments
For data screen I think that is better put the red lines near the center data fileds and move down fields 1, 2 and 3.
So texts labels for that fields are in a bigger screen zone so you evite cut it.
Free space in the top of the screen can be use to show a simple battery icon, play/stop indication icon or some other.
I attach an image
Sample code:
var line_offset = 5; //Adjust Red lines
var df_offset = 10; //Move DataFields
switch(numberDataFields) {
case 1:
//
dfLines = [];
dfCenters = [[w2, y1-d2, y2-d2]];
break;
case 2:
dfLines = [[[0,h],[width,h]]];
dfCenters = [[w2,y1,y2],[w2,h+y1,h+y2]];
break;
case 3:
dfLines = [[[0,h],[width,h]],[[0,2*h],[width,2*h]]];
dfCenters = [[w2,y1,y2],[w2,h+y1,h+y2],[w2,2*h+y1,2*h+y2]];
break;
case 4:
default:
dfLines = [[[0,h+line_offset+df_offset],[width,h+line_offset+df_offset]], //Line horiz. 1
[[0,2*h-line_offset+df_offset],[width,2*h-line_offset+df_offset]], //Line horiz. 2
[[w2,h+line_offset+df_offset],[w2,2*h-line_offset+df_offset]]]; //Line vert.
dfCenters = [[w2,y1+(df_offset*2),y2+(df_offset*2)], //DATA 1
[0.5*w2,h+y1+df_offset,h+y2+df_offset], //DATA 2
[1.5*w2,h+y1+df_offset,h+y2+df_offset], //DATA 3
[w2,2*h+y1,2*h+y2]]; //DATA 4
break;