LuatOS/module/Air8101/demo/ui/easyui/single/win_number_input.lua

--[[
@module  win_number_input
@summary 数字输入框演示模块
@version 1.0.0
@date    2025.12.9
@author  江访
@usage
本文件为数字输入框演示模块，核心业务逻辑为：
1、创建窗口容器并设置白色背景；
2、添加数字输入框组件；
3、添加增减按钮控制数字输入；
4、实现数字范围限制功能；
5、启动UI渲染循环持续刷新显示；

本文件没有对外接口；
]]

local function ui_main()  

    -- 显示触摸初始化
    hw_font_drv.init()

    -- 设置主题
    ui.sw_init({ theme = "light" })

    -- 创建窗口容器
    local page1 = ui.window({ background_color = ui.COLOR_WHITE })

    -- 计算居中位置
    local page_w, page_h = lcd.getSize()
    local container_width = 200
    local container_x = (page_w - container_width) / 2
    
    -- 创建数字输入框组件
    local number_input = ui.input({
        x = container_x, y = 100,
        w = 120, h = 40,
        placeholder = "0-100",
        input_type = "number",
        max_length = 3
    })

    -- 创建减少按钮
    local btn_number_minus = ui.button({
        x = container_x + 130, y = 100,
        w = 40, h = 40,
        text = "-",
        on_click = function()
            local value = tonumber(number_input:get_text()) or 0
            if value > 0 then
                number_input:set_text(tostring(value - 1))
            end
        end
    })

    -- 创建增加按钮
    local btn_number_plus = ui.button({
        x = container_x + 180, y = 100,
        w = 40, h = 40,
        text = "+",
        on_click = function()
            local value = tonumber(number_input:get_text()) or 0
            if value < 100 then
                number_input:set_text(tostring(value + 1))
            end
        end
    })

    -- 添加说明标签
    local title_label = ui.label({
        x = container_x, y = 50,
        text = "数字输入框演示",
        color = ui.COLOR_BLACK,
        size = 20
    })

    -- 添加组件到窗口
    page1:add(title_label)
    page1:add(number_input)
    page1:add(btn_number_minus)
    page1:add(btn_number_plus)

    -- 注册窗口到UI系统
    ui.add(page1)

end

sys.taskInit(ui_main)