scrollbar/example.lua at main · lodsdev/scrollbar · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
local visibleItems = 5
local scrollOffset = 0

local items = {
    'Text1',
    'Text2',
    'Text3',
    'Text4',
    'Text5',
    'Text6',
    'Text7',
    'Text8',
    'Text9',
    'Text10',
}

local scrollVertical = Scrollbar:new({ x = 500, y = 500, width = 10, height = 200, maxValue = #items, minValue = visibleItems, orientation = 'vertical', bgRadius = 5, barRadius = 5 }, false)
scrollVertical:setProperty('barColor', {255, 0, 0})
scrollVertical:setProperty('barColorHover', {255, 175, 0})
scrollVertical:setProperty('smooth', false)

scrollVertical:onScroll(function(value)
    scrollOffset = value
end)

local function render()
    if (scrollVertical) then
        scrollVertical:render()
    end

    for i = 1 + scrollOffset, math.min(#items, visibleItems + scrollOffset) do
        dxDrawText(items[i], 400, 500 + (i - 1 - scrollOffset) * 40, 300, 140 + (i - 1 - scrollOffset) * 40, tocolor(255, 255, 255, 255), 1, 'default', 'left', 'top', false, false, false, false, false)
    end
end
addEventHandler('onClientRender', root, render)

local function click(button, state, abx, aby)
    scrollVertical:click(button, state, abx, aby)
    scrollHorizontal:click(button, state, abx, aby)
end
addEventHandler('onClientClick', root, click)