coronasdk-textfield

Dressed-up native textfields for the Corona SDK

coronasdk-textfield

Dressed-up native textfields for the Corona SDK

Setup lua-loader and then just npm install coronasdk-textfield

local TextField = require("coronasdk-textfield")
local function loginform (width, sendbutton)
  local group = display.newGroup()
 
  local uid = TextField:new("User name", width, {returnKey = "next"})
  group:insert(uid)
 
  local pwd = TextField:new("Password", width, {returnKey = "send", isSecure = true})
  group:insert(pwd)
  pwd.y = uid.y + uid.contentHeight
 
  local function newvalue ()
    if #uid:value() > 0 and #pwd:value() > 0 then
      sendbutton:show()
    else
      sendbutton:hide()
    end
  end
  uid:on("change", newvalue)
  pwd:on("change", newvalue)
 
  uid:on("submit", function ()
    if #uid:value() < 1 then
      uid:focus()
    else
      pwd:focus()
    end
  end)
 
  pwd:on("submit", function ()
    if #uid:value() < 1 then
      uid:focus()
    elseif #pwd:value() < 1 then
      pwd:focus()
    else
      authenticate(uid:value(), pwd:value())
    end
  end)
 
  sendbutton:on("release", function ()
    pwd:emit("submit")
  end)
 
  function group:reset ()
    uid:reset()
    pwd:reset()
  end
 
  return group
end

This example shows all of the functions and events in the API, but there are a few more options in :new () (see the code)

  • Only styling for Android (iOS probably added soonly)
  • Fixed height of 48 content pixels; fork to change, but then experiment with the positioning in the focus () function

GNU Lesser General Public License (LGPL)