149 lines
3.6 KiB
Lua
149 lines
3.6 KiB
Lua
--[[
|
|
FlexLove Example 11: Input Controls
|
|
|
|
This example demonstrates input controls (if available):
|
|
- Text input fields
|
|
- Keyboard input handling
|
|
- Focus management
|
|
|
|
Run with: love /path/to/libs/examples/11_input_controls.lua
|
|
]]
|
|
|
|
local Lv = love
|
|
|
|
local FlexLove = require("../FlexLove")
|
|
local Color = FlexLove.Color
|
|
local enums = FlexLove.enums
|
|
|
|
function Lv.load()
|
|
FlexLove.init({
|
|
baseScale = { width = 1920, height = 1080 }
|
|
})
|
|
|
|
-- Title
|
|
FlexLove.new({
|
|
x = "2vw",
|
|
y = "2vh",
|
|
width = "96vw",
|
|
height = "6vh",
|
|
text = "FlexLove Example 11: Input Controls",
|
|
textSize = "4vh",
|
|
textColor = Color.new(1, 1, 1, 1),
|
|
textAlign = enums.TextAlign.CENTER,
|
|
})
|
|
|
|
-- Note: Input controls may require additional setup in FlexLove
|
|
FlexLove.new({
|
|
x = "2vw",
|
|
y = "10vh",
|
|
width = "96vw",
|
|
height = "4vh",
|
|
text = "Note: This example demonstrates basic input handling patterns",
|
|
textSize = "2vh",
|
|
textColor = Color.new(0.8, 0.8, 0.8, 1),
|
|
textAlign = enums.TextAlign.CENTER,
|
|
})
|
|
|
|
-- Interactive buttons
|
|
local counter = 0
|
|
local counterDisplay = FlexLove.new({
|
|
x = "35vw",
|
|
y = "20vh",
|
|
width = "30vw",
|
|
height = "10vh",
|
|
backgroundColor = Color.new(0.2, 0.2, 0.3, 1),
|
|
text = "Counter: 0",
|
|
textSize = "4vh",
|
|
textColor = Color.new(1, 1, 1, 1),
|
|
textAlign = enums.TextAlign.CENTER,
|
|
cornerRadius = 10,
|
|
})
|
|
|
|
-- Increment button
|
|
FlexLove.new({
|
|
x = "20vw",
|
|
y = "35vh",
|
|
width = "20vw",
|
|
height = "8vh",
|
|
backgroundColor = Color.new(0.3, 0.6, 0.3, 1),
|
|
text = "Increment (+)",
|
|
textSize = "2.5vh",
|
|
textColor = Color.new(1, 1, 1, 1),
|
|
textAlign = enums.TextAlign.CENTER,
|
|
cornerRadius = 8,
|
|
onEvent = function()
|
|
counter = counter + 1
|
|
counterDisplay.text = "Counter: " .. counter
|
|
end
|
|
})
|
|
|
|
-- Decrement button
|
|
FlexLove.new({
|
|
x = "60vw",
|
|
y = "35vh",
|
|
width = "20vw",
|
|
height = "8vh",
|
|
backgroundColor = Color.new(0.6, 0.3, 0.3, 1),
|
|
text = "Decrement (-)",
|
|
textSize = "2.5vh",
|
|
textColor = Color.new(1, 1, 1, 1),
|
|
textAlign = enums.TextAlign.CENTER,
|
|
cornerRadius = 8,
|
|
onEvent = function()
|
|
counter = counter - 1
|
|
counterDisplay.text = "Counter: " .. counter
|
|
end
|
|
})
|
|
|
|
-- Reset button
|
|
FlexLove.new({
|
|
x = "40vw",
|
|
y = "46vh",
|
|
width = "20vw",
|
|
height = "8vh",
|
|
backgroundColor = Color.new(0.4, 0.4, 0.6, 1),
|
|
text = "Reset",
|
|
textSize = "2.5vh",
|
|
textColor = Color.new(1, 1, 1, 1),
|
|
textAlign = enums.TextAlign.CENTER,
|
|
cornerRadius = 8,
|
|
onEvent = function()
|
|
counter = 0
|
|
counterDisplay.text = "Counter: " .. counter
|
|
end
|
|
})
|
|
|
|
-- Keyboard input info
|
|
FlexLove.new({
|
|
x = "2vw",
|
|
y = "60vh",
|
|
width = "96vw",
|
|
height = "30vh",
|
|
backgroundColor = Color.new(0.15, 0.15, 0.2, 1),
|
|
text = "Keyboard Input:\n\nFlexLove supports keyboard input through Element properties:\n\n" ..
|
|
"- Use 'inputType' property for text input fields\n" ..
|
|
"- Handle onTextInput, onTextChange, onEnter callbacks\n" ..
|
|
"- Manage focus with onFocus and onBlur events\n\n" ..
|
|
"See FlexLove documentation for full input API",
|
|
textSize = "2vh",
|
|
textColor = Color.new(0.9, 0.9, 0.9, 1),
|
|
textAlign = enums.TextAlign.CENTER,
|
|
cornerRadius = 10,
|
|
border = { top = true, right = true, bottom = true, left = true },
|
|
borderColor = Color.new(0.4, 0.4, 0.5, 1),
|
|
})
|
|
end
|
|
|
|
function Lv.update(dt)
|
|
FlexLove.update(dt)
|
|
end
|
|
|
|
function Lv.draw()
|
|
Lv.graphics.clear(0.05, 0.05, 0.08, 1)
|
|
FlexLove.draw()
|
|
end
|
|
|
|
function Lv.resize(w, h)
|
|
FlexLove.resize(w, h)
|
|
end
|