Focusable EditText inside ListView

Question

I ve spent about 6 hours on this so far  and been hitting nothing but roadblocks   The general premise is that there is some row in a ListView  whether it s generated by the adapter  or added as a header view  that contains an EditText widget and a Button   All I want to do is be able to use the jogball arrows  to navigate the selector to individual items like normal  but when I get to a particular row -- even if I have to explicitly identify the row -- that has a focusable child  I want that child to take focus instead of indicating the position with the selector   I ve tried many possibilities  and have so far had no luck   layout    lt ListView     android id   android id list       android layout height  fill parent       android layout width  fill parent        gt    Header view   EditText view   new EditText this   listView addHeaderView view  null  true     Assuming there are other items in the adapter  using the arrow keys will move the selection up down in the list  as expected   but when getting to the header row  it is also displayed with the selector  and no way to focus into the EditText using the jogball   Note  tapping on the EditText will focus it at that point  however that relies on a touchscreen  which should not be a requirement   ListView apparently has two modes in this regard  1  setItemsCanFocus true   selector is never displayed  but the EditText can get focus when using the arrows   Focus search algorithm is hard to predict  and no visual feedback  on any rows  having focusable children or not  on which item is selected  both of which can give the user an unexpected experience  2  setItemsCanFocus false   selector is always drawn in non-touch-mode  and EditText can never get focus -- even if you tap on it   To make matters worse  calling editTextView requestFocus   returns true  but in fact does not give the EditText focus   What I m envisioning is basically a hybrid of 1  amp  2  where rather than the list setting if all items are focusable or not  I want to set focusability for a single item in the list  so that the selector seamlessly transitions from selecting the entire row for non-focusable items  and traversing the focus tree for items that contain focusable children   Any takers

User · Answer

I just found another solution  I believe it s more a hack than a solution but it works on android 2 3 7 and android 4 3  I ve even tested that good old D-pad   init your webview as usual and add this   thanks Michael Bierman   listView setItemsCanFocus true     During the getView call    editText setOnFocusChangeListener      new OnFocusChangeListener View view boolean hasFocus           view post new Runnable                  Override             public void run                     view requestFocus                    view requestFocusFromTouch

User · Answer

Sorry  answered my own question   It may not be the most correct or most elegant solution  but it works for me  and gives a pretty solid user experience   I looked into the code for ListView to see why the two behaviors are so different  and came across this from ListView java       public void setItemsCanFocus boolean itemsCanFocus            mItemsCanFocus   itemsCanFocus          if   itemsCanFocus                setDescendantFocusability ViewGroup FOCUS BLOCK DESCENDANTS                     So  when calling setItemsCanFocus false   it s also setting descendant focusability such that no child can get focus   This explains why I couldn t just toggle mItemsCanFocus in the ListView s OnItemSelectedListener -- because the ListView was then blocking focus to all children   What I have now    lt ListView     android id   android id list       android layout height  match parent       android layout width  match parent      android descendantFocusability  beforeDescendants        gt    I use beforeDescendants because the selector will only be drawn when the ListView itself  not a child  has focus  so the default behavior needs to be that the ListView takes focus first and draws selectors   Then in the OnItemSelectedListener  since I know which header view I want to override the selector  would take more work to dynamically determine if any given position contains a focusable view   I can change descendant focusability  and set focus on the EditText   And when I navigate out of that header  change it back it again   public void onItemSelected AdapterView lt   gt  listView  View view  int position  long id        if  position    1                   listView setItemsCanFocus true               Use afterDescendants  because I don t want the ListView to steal focus         listView setDescendantFocusability ViewGroup FOCUS AFTER DESCENDANTS           myEditText requestFocus              else               if   listView isFocused                             listView setItemsCanFocus false                   Use beforeDescendants so that the EditText doesn t re-take focus             listView setDescendantFocusability ViewGroup FOCUS BEFORE DESCENDANTS               listView requestFocus                       public void onNothingSelected AdapterView lt   gt  listView           This happens when you start scrolling  so we need to prevent it from staying        in the afterDescendants mode if the EditText was focused      listView setDescendantFocusability ViewGroup FOCUS BEFORE DESCENDANTS       Note the commented-out setItemsCanFocus calls   With those calls  I got the correct behavior  but setItemsCanFocus false  caused focus to jump from the EditText  to another widget outside of the ListView  back to the ListView and displayed the selector on the next selected item  and that jumping focus was distracting   Removing the ItemsCanFocus change  and just toggling descendant focusability got me the desired behavior   All items draw the selector as normal  but when getting to the row with the EditText  it focused on the text field instead   Then when continuing out of that EditText  it started drawing the selector again

User · Answer

Another simple solution is to define your onClickListener  in the getView     method  of your ListAdapter   public View getView final int position  View convertView  ViewGroup parent         initialise your view             View row   context getLayoutInflater   inflate R layout list item  null                  define your listener on inner items        define your global listener     row setOnClickListener new OnClickListener            public void onClick View v                doSomethingWithViewAndPosition v position                          return row    That way your row are clickable  and your inner view too

User · Answer

In my case  there is 14 input edit text in the list view  The problem I was facing  when the keyboard open  edit text focus lost  scroll the layout  and as soon as focused view not visible to the user keyboard down  It was not good for the user experience  I can t use windowSoftInputMethod  quot adjustPan quot   So after so much searching  I found a link that inflates custom layout and sets data on view as an adapter by using LinearLayout and scrollView and work well for my case

User · Answer

Just try this  android windowSoftInputMode  adjustNothing    in the      activity   section of your manifest   Yes  it adjusts nothings  which means the editText will stay where it is when IME is opening  But that s just an little inconvenience that still completely solves the problem of losing focus

User · Answer

This helped me  In your manifest     lt activity android name    yourActivity  android windowSoftInputMode  adjustPan   gt

User · Answer

some times when you use android windowSoftInputMode  stateAlwaysHidden in manifest activity or xml  that time it will lose keyboard focus  So first check for that property in your xml and manifest if it is there just remove it  After add these option to manifest file in side activity android windowSoftInputMode  adjustPan and add this property to listview in xml android descendantFocusability  beforeDescendants

User · Answer

If the list is dynamic and contains focusable widgets  then the right option is to use RecyclerView instead of ListView IMO   The workarounds that set adjustPan  FOCUS AFTER DESCENDANTS  or manually remember focused position  are indeed just workarounds  They have corner cases  scrolling   soft keyboard issues  caret changing position in EditText   They don t change the fact that ListView creates destroys views en masse during notifyDataSetChanged    With RecyclerView  you notify about individual inserts  updates  and deletes  The focused view is not being recreated so no issues with form controls losing focus  As an added bonus  RecyclerView animates the list item insertions and removals   Here s an example from official docs on how to get started with RecyclerView  Developer  guide - Create a List with RecyclerView

User · Answer

this post was matching exactly my keywords  I have a ListView header with a search EditText and a search Button    In order to give focus to the EditText after loosing the initial focus the only HACK that i found is       searchText setOnClickListener new View OnClickListener              Override         public void onClick View arg0                   LOTS OF HACKS TO MAKE THIS WORK   UFF                searchButton requestFocusFromTouch                searchText requestFocus                        Lost lots of hours and it s not a real fix  Hope it helps someone tough

User · Answer

This saved my life---    set this line  ListView setDescendantFocusability ViewGroup FOCUS AFTER DESCENDANTS   Then in your manifest in activity tag type this--    lt activity android windowSoftInputMode  adjustPan  gt    Your usual intent

User · Answer

My task was to implement ListView which expands when clicked  The additional space shows EditText where you can input some text  App should be functional on 2 2   up to 4 2 2 at time of writing this   I tried numerous solutions from this post and others I could find  tested them on 2 2 up to 4 2 2 devices   None of solutions was satisfactionary on all devices 2 2   each solution presented with different problems   I wanted to share my final solution      set listview to android descendantFocusability  afterDescendants  set listview to setItemsCanFocus true   set your activity to android windowSoftInputMode  adjustResize  Many people suggest adjustPan but adjustResize gives much better ux imho  just test this in your case  With adjustPan you will get bottom listitems obscured for instance  Docs suggest that   This is generally less desirable than resizing    Also on 4 0 4 after user starts typing on soft keyboard the screen pans to the top  on 4 2 2 with adjustResize there are some problems with EditText focus  The solution is to apply rjrjr solution from this thread  It looks scarry but it is not  And it works  Just try it    Additional 5  Due to adapter being refreshed  because of view resize  when EditText gains focus on pre HoneyComb versions I found an issue with reversed views  getting View for ListView item   reverse order on 2 2  works on 4 0 3  If you are doing some animations you might want to change behaviour to adjustPan for pre-honeycomb versions so that resize doesnt fire and adapter doesn t refresh the views  You just need to add something like this   if android os Build VERSION SDK INT  lt  android os Build VERSION CODES HONEYCOMB          getWindow   setSoftInputMode WindowManager LayoutParams SOFT INPUT ADJUST PAN     All this gives acceptable ux on 2 2 - 4 2 2 devices   Hope it will save people some time as it took me at least several hours to come to this conclusion

User · Answer

We re trying this on a short list that does not do any view recycling  So far so good   XML    lt RitalinLayout     android layout width  match parent      android layout height  match parent       gt     lt ListView       android id    id cart list        android layout width  match parent        android layout height  match parent        android scrollbarStyle  outsideOverlay          gt   lt  RitalinLayout gt    Java          It helps you keep focused        For use as a parent of   link android widget ListView s that need to use EditText    children for inline editing      public class RitalinLayout extends FrameLayout     View sticky     public RitalinLayout Context context  AttributeSet attrs        super context  attrs        ViewTreeObserver vto   getViewTreeObserver         vto addOnGlobalFocusChangeListener new ViewTreeObserver OnGlobalFocusChangeListener            Override public void onGlobalFocusChanged View oldFocus  View newFocus            if  newFocus    null  return           View baby   getChildAt 0            if  newFocus    baby              ViewParent parent   newFocus getParent              while  parent    null  amp  amp  parent    parent getParent                  if  parent    baby                  sticky   newFocus                break                            parent   parent getParent                                               vto addOnGlobalLayoutListener new ViewTreeObserver OnGlobalLayoutListener            Override public void onGlobalLayout             if  sticky    null              sticky requestFocus

User · Answer

The most important part is to get the focus working for the list cell  Especially for list on Google TV this is essential   setItemsCanFocus method of the list view does the trick       mPuzzleList    ListView  mGameprogressView findViewById R id gameprogress puzzlelist   mPuzzleList setItemsCanFocus true   mPuzzleList setAdapter new PuzzleListAdapter ctx PuzzleGenerator getPuzzles ctx  getResources    version lite           My list cell xml starts like follows    lt  xml version  1 0  encoding  utf-8   gt   lt FrameLayout xmlns android  http   schemas android com apk res android               android id    id puzzleDetailFrame               android focusable  true               android nextFocusLeft    id gameprogress lessDetails               android nextFocusRight    id gameprogress reset        nextFocusLeft Right are also important for D-Pad navigation   For more details check out the great other answers

[android] Focusable EditText inside ListView

Examples related to android

Examples related to android-layout

Examples related to android-listview

Examples related to android-edittext