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

2
apps/cutelauncher/metadata.json
View File

@ -1,7 +1,7 @@
{ {
"id": "cutelauncher", "id": "cutelauncher",
"name": "Cute Launcher", "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", "description": "A simple launcher app for Bangle.js 2 that makes use of the full touchscreen",
"icon": "app.png", "icon": "app.png",
"type": "launch", "type": "launch",