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

final design scroll indicator

master
kkayam 2025-02-15 15:54:30 +00:00
parent 8c67e36f79
commit eeda523205
2 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
apps/cutelauncher/app.js
View File

@ -88,25 +88,26 @@
// Add horizontal lines for scroll thumb aesthetic with outlines
const lineY1 = overlayHeight / 3;
const lineY2 = overlayHeight * 2 / 3;
const lineLeft = 6;
const lineRight = overlayWidth - 6;
const lineLeft = 9;
const lineRight = overlayWidth - 9;
// // Draw outlines (increased from ±2 to ±3)
overlay.setColor(g.theme.bg);
overlay.fillRect(lineLeft, lineY1 - 2, lineRight, lineY1 + 2);
overlay.fillRect(lineLeft, lineY2 - 2, lineRight, lineY2 + 2);
// overlay.setColor(g.theme.bg);
// Draw inner lines (increased from ±1 to ±2)
overlay.setColor(g.theme.bg2);
overlay.fillRect(lineLeft + 2, lineY1 - 2, lineRight - 2, lineY1);
overlay.fillRect(lineLeft + 2, lineY2 - 2, lineRight - 2, lineY2);
overlay.fillRect(lineLeft - 2, lineY1 - 1, lineRight + 2, lineY1 + 1);
overlay.fillRect(lineLeft - 2, lineY2 - 1, lineRight + 2, lineY2 + 1);
overlay.fillRect(lineLeft, lineY1 - 2, lineRight, lineY1 + 2);
overlay.fillRect(lineLeft, lineY2 - 2, lineRight, lineY2 + 2);
}
// Function to update scroll indicator
function updateScrollIndicator(scroll) {
let scrollPercent = scroll / ((apps.length * ITEM_HEIGHT) - g.getHeight());
// Add margins to the scrollable area
const marginX = 2;
const marginX = 1;
const marginY = 5;
const scrollableHeight = g.getHeight() - (marginY * 2) - overlayHeight;
let indicatorY = marginY + scrollableHeight * scrollPercent;

2
apps/cutelauncher/metadata.json
View File

@ -1,7 +1,7 @@
{
"id": "cutelauncher",
"name": "Cute Launcher",
"version": "0.17",
"version": "0.18",
"description": "A simple launcher app for Bangle.js 2 that makes use of the full touchscreen",
"icon": "app.png",
"type": "launch",