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

working scrollbar

master
kkayam 2025-02-14 17:44:27 +00:00
parent 97abb0a74f
commit 736480856a
1 changed files with 28 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
apps/cutelauncher/app.js
View File

@ -44,7 +44,24 @@
const ITEM_HEIGHT = 100;
E.showScroller({
// Create scroll indicator overlay
const overlayWidth = 10;
const overlayHeight = g.getHeight();
const overlay = Graphics.createArrayBuffer(overlayWidth, overlayHeight, 8, { msb: true });
// Function to update scroll indicator
function updateScrollIndicator(scroll) {
let scrollPercent = scroll / ((apps.length * ITEM_HEIGHT) - g.getHeight());
let indicatorHeight = 30;
let indicatorY = (overlayHeight - indicatorHeight) * scrollPercent;
overlay.clear();
overlay.fillRect(0, indicatorY, overlayWidth - 1, indicatorY + indicatorHeight);
Bangle.setLCDOverlay(overlay, g.getWidth() - overlayWidth, 0, { id: "scrollIndicator" });
}
let scroller = E.showScroller({
h: ITEM_HEIGHT,
c: apps.length,
draw: (idx, rect) => {
@ -59,9 +76,6 @@
let scale = Math.min(maxSize / iconWidth, maxSize / iconHeight);
let scaledHeight = Math.floor(iconHeight * scale);
// Center the icon horizontally
let iconX = rect.x + (rect.w - maxSize) / 2;
// Define rectangle size (independent of icon size)
const rectSize = 80;
const rectX = rect.x + (rect.w - rectSize) / 2;
@ -134,9 +148,19 @@
setWatch(() => { }, BTN1);
// Remove lock handler
Bangle.removeListener('lock');
// Clear the scroll overlay
Bangle.setLCDOverlay();
// Remove drag handler
Bangle.removeListener('drag', updateOnDrag);
}
});
// Update scroll indicator on drag
const updateOnDrag = () => updateScrollIndicator(scroller.scroll);
Bangle.on('drag', updateOnDrag);
// Initial update of scroll indicator
updateScrollIndicator(scroller.scroll);
setWatch(Bangle.showClock, BTN1, { debounce: 100 });
// Add lock handler to show clock when locked
Bangle.on('lock', (on) => { if (on) Bangle.showClock(); });