coronasdk-textfield

Dressed-up native textfields for the Corona SDK

Usage

1. Install

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

2. Require

local TextField = require("coronasdk-textfield")

3. Have fun

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)

Limitations

• 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

License

GNU Lesser General Public License (LGPL)