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 !
 
Sort by date Sort by votes

aeric

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

Handle the soft keyboard with the IME library

Android has very good support for custom input method editors (IMEs). The downside for this powerful feature is that interacting with the soft keyboard can be sometimes quite complicated. This library includes several utilities that will help you better handle the soft keyboard. The attached...
www.b4x.com
 
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
Magma said:
have a modern UI ?
Click to expand...
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: 73
Upvote 0

Magma

Expert
Licensed User
Longtime User
aeric said:
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.
Click to expand...
I mean that this tactic of xCLV and focus following also big companies ? or something different ?
 
Upvote 0

Magma

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

I attach a small example
Click to expand...
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
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
aeric said:
What companies?
Click to expand...
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 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
Xfood said:
hi @Magma as promised here is my example of data entry with many edittexts
Click to expand...
it seems that your solution if mixed with xclv (for easy removing items or adding new items) ...is a perfect solution... Thanks for ideas
 
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: 58
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

Magma

Expert
Licensed User
Longtime User
Upvote 0

aeric

Expert
Licensed User
Longtime User
Magma said:
I am already using it.. but sometimes need different UI...
About tabstrip and height setting is there any way to change it ... perhaps with some Java object?
Click to expand...
I understand that if you use xCLV, you can set the item's height.
 
Upvote 0

Magma

Expert
Licensed User
Longtime User
aeric said:
I understand that if you use xCLV, you can set the item's height.
Click to expand...
Yes, I know... but for know I m interesting for tabstrip
 
Upvote 0
You must log in or register to reply here.

Similar Threads

B
  • Article
B4A Class Simple text editor class with text styles and colors using ONLY an EditText view
Replies
11
Views
3K
B G
B
  • Article
B4A Library [B4X] SD CustomKeyboard
3 4 5
Replies
92
Views
28K
Star-Dust
W
  • Article
B4A Library CustomKeyboard-Library
2
Replies
21
Views
11K
joko0124
  • Locked
  • Article
Android Tutorial Supporting multiple screens - tips and best practices
3 4 5
Replies
98
Views
174K
Erel
  • Locked
  • Article
Android Tutorial Handle the soft keyboard with the IME library
8 9 10
Replies
182
Views
175K
Erel
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…