如何在love2d中创建一个文本框类,可以输入数据进行计算?

如何在love2d中制作一个文本框,使其能够输入数字并计算?

点赞
用户3342050
用户3342050

步骤:

  • (可选) 捕获鼠标/触摸位置
  • 存储输入文本到字符串变量中
  • 清洗输入文本,确保没有意外字符
  • 计算结果,使用 load(str) 然后执行 ()
  • 输出结果

捕获鼠标是可选的,只有当您的应用程序具有多个功能时才需要。如果它是一个单用途应用程序,只计算您键入的内容,则不需要进行此步骤。但是,如果屏幕上有其他可选择的位置,则需要确定用户需要该输入区域。有一些 GUI 库可以帮助解决这个问题,或者您可以简单地测试它是否在预期的屏幕 x、y 区域内。

function love.load()
    fontsize = 16
    fontname = "font.ttf"
    font = love.graphics.newFont( fontname, fontsize )

    input_x_min = 20
    input_x_max = 400

    input_y_min = 20
    input_y_max = input_y_min +fontsize *2

    allowed_chars = "1234567890()+-*/"
    love.keyboard.setTextInput( false )
    input_text = "result="  -- 用于存储输入文本
    result = nil  -- 空占位符

    output_x = 20
    output_y = 40
    output_limit = 400
end

function love.update(dt)
    local x, y = love.mouse.getPosition()
    -- 这里也可以捕获鼠标点击事件,或者获取触摸事件

    if x >= input_x_min and x <= input_x_max
    and y >= input_y_min and y <= input_y_max then
        love.keyboard.setTextInput( true )
    else
        love.keyboard.setTextInput( false )
        input_text = "result=" -- 不再选中区域,重置输入文本
    end
end

function love.textinput(t)
    for i = 1, #allowed_chars do -- 清洗输入文本
        if allowed_chars :sub(i,i) == t then -- 如果字符被允许
            input_text = input_text ..t -- 拼接用户输入

            generate_result, err = load( input_text ) -- "result=3+(2*2)"
            if err then print( err )
            else generate_result() -- function() return result=3+(2*2) end
            end
        end
    end
end

function love.draw()
    love.graphics.printf( input_text, output_x, output_y, input_limit )
    love.graphics.printf( result, output_x, output_y, output_limit )
end
2021-02-17 18:27:12