- the scrollbar is .ui-scrollbar with a .ui-thumb, styled by the default sheet or a theme; a press on the thumb holds it at the point it was taken and the pointer moves it in proportion, a press on the track jumps the thumb's middle there and holds it, and neither presses what is under the bar (it used to centre the thumb on the pointer and press the row beneath as well); - while a popover is up only scroll boxes inside it take the pointer, and a press outside it that closes it forgets any press in progress; - a transition ends exactly on its value (it stopped a rounding error short, at every frame rate). Tests: ui_popover_mouse, ui_scrollbar, ui_ease (60/120/180/240 Hz). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
52 lines
1.6 KiB
Text
52 lines
1.6 KiB
Text
# ui_popover_mouse.ludic — a popover takes the mouse: its own button, at the same pixels as the grid
|
|
# cell under it, is the one a click presses; a click outside it (on that cell, or on nothing) closes
|
|
# it and presses nothing else.
|
|
import "ludic.ui"
|
|
import "ui_popover_mouse_parts/Grid.ludic"
|
|
program UiPopoverMouse {
|
|
numbers float
|
|
function frame(i: UiInput) -> UiNode {
|
|
ui_input(i)
|
|
ui_show("Grid", null, 0.0, 0.0, 400.0, 400.0)
|
|
let root: UiNode = ui_nodes("Grid", null)
|
|
ui_place(root, 0.0, 0.0, 400.0, 400.0)
|
|
return root
|
|
}
|
|
function click(x: float, y: float) -> string {
|
|
let d = new UiInput
|
|
d.x = x
|
|
d.y = y
|
|
d.down = true
|
|
frame(d)
|
|
let u = new UiInput
|
|
u.x = x
|
|
u.y = y
|
|
frame(u)
|
|
let root = frame(new UiInput)
|
|
let page = root.children[0]
|
|
return page.children[len(page.children) - 1].text
|
|
}
|
|
function find(n: UiNode, id: string) -> UiNode {
|
|
if n.id == id { return n }
|
|
for i in 0 .. len(n.children) {
|
|
let f = find(n.children[i], id)
|
|
if f != null { return f }
|
|
}
|
|
return null
|
|
}
|
|
entry {
|
|
ui_backend(new UiBackend)
|
|
frame(new UiInput)
|
|
let opened = click(20.0, 20.0)
|
|
let root = frame(new UiInput)
|
|
let drop = find(root, "drop")
|
|
let cell = find(root, "cell")
|
|
let over = drop.x >= cell.x and drop.y >= cell.y and drop.x + drop.cw <= cell.x + cell.cw
|
|
let dropped = click(drop.x + drop.cw / 2.0, drop.y + drop.ch / 2.0)
|
|
click(20.0, 20.0)
|
|
let on_cell = click(180.0, 90.0)
|
|
click(20.0, 20.0)
|
|
let on_nothing = click(390.0, 390.0)
|
|
print(`over the cell {over} | {opened} | {dropped} | {on_cell} | {on_nothing}`)
|
|
}
|
|
}
|