LikeliHUD/examples/focus.lua at main · LRDPRDX/LikeliHUD · 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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
local ui = require('likelihud')

-- Use "factory" functions to create similar elements
local function MyTextField (_)
    return
        ui.ImageButton {
            path = 'images/textfield.png',
            align = 'left',

            quad = {
                layout = {
                    rows    = 3,
                    columns = 1
                }
            },

            inside = {
                ui.TextField {
                    width = 270
                }
            },

            onClick = function (this)
                this.inside[1]:setFocus()
            end
        }
end

local layout = ui.Layout {
    rows    = 3,
    columns = 1,

    ui.Block {},

    ui.Layout {
        rows    = 4,
        columns = 2,
        fill    = { x = true, y = false },

        ui.Label {
            text = 'Name :',
            align = 'right',
        },

        MyTextField { },

        ui.Label {
            text = 'Age :',
            align = 'right',
        },

        MyTextField { },

        ui.Label {
            text = 'Clan :',
            align = 'right',
        },

        MyTextField { },

        ui.Label {
            text = 'Class :',
            align = 'right',
        },

        MyTextField { },
    },

    ui.Label {
        text = 'Mouse click to focus then type, <Esc> to remove focus'
    }
}

return layout