Android Question Best way using EditText and keyboard...

Magma

Expert
Licensed User
Longtime User
Hi there...

I am trying to figure which the best way of UI, when using many editext input - b4xfloattextedit, checkboxes...

Have a layout or have an xcustomlistview....

My problem is the keyboar taking too much space... and sometimes the field is behind of keyboard...

When xcustomlistview used is the field automatically get in top ... or is there a good example of UI and many edittexts for a smartphone... to take an idea ?

Thanks in advance !
 

aeric

Expert
Licensed User
Longtime User
If you put the xCLV on a panel, then move the panel up when the keyboard shows up.

 
Upvote 0

Magma

Expert
Licensed User
Longtime User
The link you ve attached has to do with ime keyboard show hide ... and moving the screen of whole app up.... when focus to a control need input.

With the combination of xcustomlistview that can scroll the focused control (have in a pnl ofcourse) and move it "up".. you feel that can have a modern UI ?

That is the best way ?

Is that possible with scrolllview too?
 
Upvote 0

aeric

Expert
Licensed User
Longtime User
have a modern UI ?
I don't get you.
You mean do something differently from what is demonstrated in the example?
As far as I know, no.

You may need to figure out the focused view and position of the xCLV item you are having focus.
 
Upvote 0

Xfood

Expert
Licensed User
I add this in the manifest
B4X:
SetActivityAttribute(main, android:windowSoftInputMode, adjustPan|stateHidden)

I attach a small example
 

Attachments

  • esempio_Tastiera.zip
    26.5 KB · Views: 43
Upvote 0

Magma

Expert
Licensed User
Longtime User
I don't get you.
You mean do something differently from what is demonstrated in the example?
As far as I know, no.

You may need to figure out the focused view and position of the xCLV item you are having focus.
I mean that this tactic of xCLV and focus following also big companies ? or something different ?
 
Upvote 0

Magma

Expert
Licensed User
Longtime User
I add this in the manifest
B4X:
SetActivityAttribute(main, android:windowSoftInputMode, adjustPan|stateHidden)

I attach a small example
nice as UI..
but a question ...for example at my device testing it can't see lbllogin...

And may be have other 10 edittext... perhaps someone need to go at 15 edittext how to get there - if can't scroll.. need to press the next field many times !

So xCLV or scrollview will help here but can't say that will be easy to mixed with IME - adjustPan|stateHidden

I am talking for "many" edittexts... so sometimes user need to jump some edittexts... b4xfloattextfields...
 
Upvote 0

Xfood

Expert
Licensed User
nice as UI..
but a question ...for example at my device testing it can't see lbllogin...

And may be have other 10 edittext... perhaps someone need to go at 15 edittext how to get there - if can't scroll.. need to press the next field many times !

So xCLV or scrollview will help here but can't say that will be easy to mixed with IME - adjustPan|stateHidden

I am talking for "many" edittexts... so sometimes user need to jump some edittexts... b4xfloattextfields...
as soon as I get back at the weekend, I'll make a little example with more input, I'll put 20 edittexts
 
Upvote 0

Magma

Expert
Licensed User
Longtime User
What companies?
I ve seen a lot of "apps" using a style of scrollview like... "invoice maker"

ofcourse in last version i ve seen that is using different pages (activities - b4xpages for us)... and using "Back" to return at page..

I am trying to figure which road I must take to have a friendly app to user... without the need of (hiding keyboard) user invervention...
 
Upvote 0

aeric

Expert
Licensed User
Longtime User
I ve seen a lot of "apps" using a style of scrollview like... "invoice maker"

ofcourse in last version i ve seen that is using different pages (activities - b4xpages for us)... and using "Back" to return at page..

I am trying to figure which road I must take to have a friendly app to user... without the need of (hiding keyboard) user invervention...
I am unable to visualize the design.
So I can't give any advice.
You may want to think a better design.
Are you designing for phone or tablet?
Maybe think of using other views like Tabstrip.
 
Upvote 0

Magma

Expert
Licensed User
Longtime User
Upvote 0

Magma

Expert
Licensed User
Longtime User
@Xfood how can you manage it with a tabstrip ?

I want "your image" stay on top and scroll when focus to edittext the same time... is it possible ?

attaching the project...
 

Attachments

  • esempio_Tastiera_bymagma.zip
    24.5 KB · Views: 32
Upvote 0

Magma

Expert
Licensed User
Longtime User
I think 🤔... that if tabstrip has auto resize up to down....and not set by hand 100%y...doing the prob....

And as tested now if not auto scale to y from designer seems to work...ok

But how to set tabstrip height by hand on runtime ?
 
Upvote 0
Top