Detect keyboard height

newalex · February 8, 2016, 7:22pm

#build.settings settings = { orientation = { default = "portrait", supported = { "portrait", } }, iphone = { plist = { UIStatusBarHidden = false, UIPrerenderedIcon = true, -- set to false for "shine" overlay CoronaWindowMovesWhenKeyboardAppears = true, } }, android = { CoronaWindowMovesWhenKeyboardAppears = true, }, } #config.lua application = { content = { width = 640, height = 960, scale = "letterBox", fps = 60, }, #main.lua local rect1=display.newRect(0,0,300,100) local rect2=display.newRect(0,0,300,100) local textfield=native.newTextField(0,0,300,100) rect1.fill={0.6,0.6,0.6} rect2.fill={0.6,0.6,0.6} rect1.x=display.contentCenterX rect2.x=rect1.x textfield.x=rect1.x rect1.y=rect1.height/2 rect2.y=display.contentCenterY+200 textfield.y=display.contentCenterY+200 textfield.hasBackground=false local path=system.pathForFile("log.txt",system.DocumentsDirectory) local f=io.open(path,"w") f:write("standart textfield y: "..textfield.y.." "..textfield.x) f:write("\n") f:close() local function inputevent(event) if event.phase=="began" then local f=io.open(path,"a+") f:write("began textfield y: "..textfield.y.." "..textfield.x) f:write("\n") f:close() elseif event.phase=="submitted" then local f=io.open(path,"a+") f:write("submitted textfield y: "..textfield.y.." "..textfield.x) f:write("\n") f:close() native.setKeyboardFocus(nil) elseif event.phase=="ended" then local f=io.open(path,"a+") f:write("ended textfield y: "..textfield.y.." "..textfield.x) f:write("\n") f:close() end end textfield:addEventListener("userInput",inputevent)

Rob
Every event.phase i have textfield.y=680

roaminggamer · October 21, 2015, 11:56pm

For those who have read this post and are:

Confused about how to write code that does this
Don’t understand the differences between iOS and Android
Do not know how to handle fields that slide off screen

Download this example and run it on your device:

http://github.com/roaminggamer/RG_FreeStuff/raw/master/AskEd/2015/10/keyboardPanning.zip

https://www.youtube.com/watch?v=hLbUW0ekuRQ&feature=youtu.be

By default, line 7 in main.lua is set to ‘true’. This tells the example to automatically cycle through the focused fields so you can watch how the devices handle panning and off-screen fields. Turn it to false if you want to interact with the example.

local enableAutoFocus = true

Please note: On iOS, if a field slides offscreen, you can access it by setting the keyboard focus first to ‘nil’, then to the field you want to access. On android you do not want to set the focus to ‘nil’ or the keyboard will wiggle a bit which is ugly.

-Ed

rob · February 11, 2016, 2:32am

Since you are using the method were we scroll the active scrollView into where it’s just above the keyboard, you should be able to know which field that is. Lets say its a field named emailField. Then it’s vertical location would be found at:

emailField.y

Rob

DonWono · May 30, 2016, 3:10am

I’m not sure if this is a bug report or if I should submit this as a feature request, but when I use: CoronaWindowMovesWhenKeyboardAppears=true

it works fine with the default keyboard, but some of my users have reported that the window does not shift up when they use their own custom keyboards like “Swift Key” or “Gboard” on iOS 9. .

rob · May 31, 2016, 12:31am

CoronaWindowMovesWhenKeyboardAppears is an experimental feature. If it works for you great, if not, then we suggest finding alternate ways to move your native input objects. They can be inserted into groups and the whole group now.

There are no plans to go back and work more on this auto-panning feature.

Rob

DonWono · May 31, 2016, 1:05am

Thanks for the quick response Rob. Just to clarify there is still no way to get the keyboard height at the moment right? It’s kind of a guessing game on where to move the native input object?

rob · May 31, 2016, 1:25am

Correct

newalex · February 7, 2016, 9:21am

CoronaWindowMovesWhenKeyboardAppears=true

Rob, How can i detect offset of view when my textfieild is focused?

rob · February 7, 2016, 9:49pm

You should be able to get the .x and .y of the text field.

Rob

newalex · February 8, 2016, 7:22pm

#build.settings settings = { orientation = { default = "portrait", supported = { "portrait", } }, iphone = { plist = { UIStatusBarHidden = false, UIPrerenderedIcon = true, -- set to false for "shine" overlay CoronaWindowMovesWhenKeyboardAppears = true, } }, android = { CoronaWindowMovesWhenKeyboardAppears = true, }, } #config.lua application = { content = { width = 640, height = 960, scale = "letterBox", fps = 60, }, #main.lua local rect1=display.newRect(0,0,300,100) local rect2=display.newRect(0,0,300,100) local textfield=native.newTextField(0,0,300,100) rect1.fill={0.6,0.6,0.6} rect2.fill={0.6,0.6,0.6} rect1.x=display.contentCenterX rect2.x=rect1.x textfield.x=rect1.x rect1.y=rect1.height/2 rect2.y=display.contentCenterY+200 textfield.y=display.contentCenterY+200 textfield.hasBackground=false local path=system.pathForFile("log.txt",system.DocumentsDirectory) local f=io.open(path,"w") f:write("standart textfield y: "..textfield.y.." "..textfield.x) f:write("\n") f:close() local function inputevent(event) if event.phase=="began" then local f=io.open(path,"a+") f:write("began textfield y: "..textfield.y.." "..textfield.x) f:write("\n") f:close() elseif event.phase=="submitted" then local f=io.open(path,"a+") f:write("submitted textfield y: "..textfield.y.." "..textfield.x) f:write("\n") f:close() native.setKeyboardFocus(nil) elseif event.phase=="ended" then local f=io.open(path,"a+") f:write("ended textfield y: "..textfield.y.." "..textfield.x) f:write("\n") f:close() end end textfield:addEventListener("userInput",inputevent)