Mantenendo l'ultimo elemento visibile di un ListView quando le dimensioni di ListView cambiano

Question

Quello che voglio è semplice, beh almeno ho pensato che sarebbe stato semplice. Voglio solo una finestra in cui un EditText si trova nella parte inferiore dello schermo e il resto dello spazio è pieno di ListView. Sfortunatamente, non ha funzionato come mi aspettavo. Quello che voglio è la seguente immagine. C'è un modo semplice per farlo in XML, o dovrei scrivere un codice speciale per questo?

My Problematic Codice sorgente Android.

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="fill_parent" 
android:orientation="vertical" > 
<ListView 
    android:id="@+id/demolist" 
    android:layout_width="match_parent" 
    android:layout_height="fill_parent" 
    android:layout_weight="1" 
    > 
</ListView> 
    <EditText 
     android:id="@+id/editText1" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="0"> 
    </EditText> 
</LinearLayout > 

Answer 1

ciò che si vuole

ultima voce visibile senza tastiera

ultima voce visibile con tastiera

ultima voce visibile Con ingresso più grande

Ecco come ho fatto.

Sommario

• Set android: stackFromBottom = "true" e Android: transcriptMode = "alwaysScroll" nella visualizzazione elenco
• Set android: windowSoftInputMode = "adjustPan" in Attività
• Chiama adapter.notifyDataSetChanged(); quando si aggiungono nuovi chat in modo che la vista lista sarà sempre scorrere fino all'ultima posizione
• Set android: InputType = "textMultiLine" & android: maxLines = "4" in EditText per la coltivazione di casella di testo

dettagli

Attività

<activity android:name="MainActivity" 
android:screenOrientation="portrait" 
android:windowSoftInputMode="adjustPan"></activity> 

Chat View

<RelativeLayout 
    android:id="@+id/chat_header" 
    android:layout_width="fill_parent" 
    android:layout_height="40dp" 
    android:padding="3dp" > 

    <Button 
     android:id="@+id/btnBackChat" 
     android:layout_width="35dp" 
     android:layout_height="35dp" 
     android:layout_alignParentLeft="true" 
     android:background="@drawable/back_button" /> 

    <TextView 
     android:id="@+id/txt_name" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignBottom="@+id/btnBackChat" 
     android:layout_centerHorizontal="true" 
     android:textColor="@android:color/white" 
     android:textSize="18sp" /> 

    <ImageView 
     android:id="@+id/imgViewProfileChat" 
     android:layout_width="35dp" 
     android:layout_height="35dp" 
     android:layout_alignParentRight="true" 
     /> 
</RelativeLayout> 

<ListView 
    android:id="@+id/listView1" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_above="@+id/form" 
    android:layout_below="@+id/chat_header" 
    android:stackFromBottom="true" 
    android:transcriptMode="alwaysScroll"/> 

<RelativeLayout 
    android:id="@+id/form" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentLeft="true" 
    android:orientation="vertical" > 

    <ImageButton 
     android:id="@+id/btnAttach" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_alignParentTop="true" 
     android:contentDescription="@string/attach" 
     android:src="@drawable/attach_icon" /> 

    <EditText 
     android:id="@+id/txtChat" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_toLeftOf="@+id/btnSend" 
     android:layout_toRightOf="@+id/btnAttach" 
     android:inputType="textMultiLine" 
     android:maxLines="4" /> 

    <Button 
     android:id="@+id/btnSend" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_alignParentTop="true" 
     android:text="@string/send" /> 
</RelativeLayout> 

Answer 2

Nella tua ListAdapter, si potrebbe fare qualcosa di simile:

public View getView(int position, View convertView, ViewGroup parent) { 

//buttonMore 
if(position >= super.getCount() ) 
     return textField ; 

    .... 

In questo modo, avrai sempre l'ultima voce dell'elenco come il vostro campo di testo.

Answer 3

è necessario impostare posizione di selezione ... Ma - in un modo strano, io non capisco perché - è necessario farlo con il post()

public void ScrollToLast() { 
    yourList.clearFocus(); 
    yourList.post(new Runnable() { 
     @Override 
     public void run() { 
      yourList.setSelection(items.size() - 1); 
     } 
    }); 
} 

Così si può aggiungere un TextWatcher per il tuo editText e puoi chiamare questo metodo lì ... Quindi la tua lista scorrerà verso il basso.

Answer 4

Ho bisogno anche di questa funzionalità. Ecco il mio tentativo, ma non funziona. Lo scorrimento è un po 'irregolare (non finisce sempre dove dovrebbe) e interferisce con la conservazione della posizione di scorrimento quando si ruota lo schermo.

@Override 
public void onResume() { 
    super.onResume(); 
    getListView().addOnLayoutChangeListener(stickyLastItemHandler); 
} 

@Override 
public void onPause() { 
    super.onPause(); 
    getListView().removeOnLayoutChangeListener(stickyLastItemHandler); 
} 

View.OnLayoutChangeListener stickyLastItemHandler = new View.OnLayoutChangeListener() { 
    @Override 
    public void onLayoutChange(View v, 
      int left, int top, int right, int bottom, 
      int oldLeft, int oldTop, int oldRight, int oldBottom) { 

     final int heightChange = (bottom - top) - (oldBottom - oldTop); 
     if (heightChange != 0) { 
      ((AbsListView)v).smoothScrollBy(-heightChange, 1000); 
     } 
    } 
}; 

Answer 5

penso che si consiglia di utilizzare AdapterView.getLastVisiblePosition() prima di visualizzare la tastiera.

Due soluzioni qui:

• su EditText clicca
• grazie ad un OnScrollListener (e la sua funzione onscroll) ascoltare il vostro ListView

quindi utilizzare il AdapterView.setSelection per passare a questa voce (o indice - 2 o indice - 3) dopo la messa a fuoco EditText.

Answer 6

È possibile farlo attraverso xml:

<ListView 
    android:stackFromBottom="true" 
    android:layout_height=0dp 
    android:layout_weight=1 /> 

impilabile dal basso manterrà ListView scorrere verso il basso per impostazione predefinita, il peso impostazione di ListView riempirà tutto il possibile spazio all'interno genitore LinearLayout verticale.

Answer 7

È possibile utilizzare android:windowSoftInputMode="adjustPan" nel vostro AndroidManifest.xml come di seguito

<activity android:name="com.example.SimpleListView" 
      android:label="@string/app_name" 
      android:windowSoftInputMode="adjustPan" > 

Questo dovrebbe produrre l'output desiderato. Ufficiale android documentation.

Opzionalmente è possibile specificare la modalità di trascrizione (se si sta lavorando su alcune funzioni di chat) per la visualizzazione elenco se si desidera scorrere automaticamente fino alla fine di listview. Puoi anche controllare lo android:transcriptMode="normal" e vedere se ciò si adatta.

A relativo SO answer.Ufficiale android doc.

<ListView 
android:id="@+id/comments" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:transcriptMode="alwaysScroll"> 

Questo dovrebbe risolvere la maggior parte dei tuoi problemi, forse tranne l'ultimo (nell'immagine) che non ho testato.

Answer 8

basta controllare questo fuori: auguriamo che questo ti aiuta ....

Supponendo di sapere quando i dati della lista è stato modificato, puoi dire manualmente all'elenco di scorrere verso il basso impostando la selezione dell'elenco sull'ultima riga.Qualcosa di simile a questo:

private void scrollMyListViewToBottom() { 
    myListView.post(new Runnable() { 
     @Override 
     public void run() { 
      // Select the last row so it will scroll into view... 
      myListView.setSelection(myListAdapter.getCount() - 1) ; 
     } 
    }); 
} 

o si può anche provare questo ..è funziona per me:

ChatAdapter adapter = new ChatAdapter(this); 

ListView lview = (ListView) findViewById(R.id.chatList); 
lview .setTranscriptMode(AbsListView.TRANSCRIPT_MODE_ALWAYS_SCROLL); 
lview .setAdapter(adapter); 

adapter.registerDataSetObserver(new DataSetObserver() { 
    @Override 
    public void onChanged() { 
     super.onChanged(); 
     lv.setSelection(adapter.getCount() - 1);  
    } 
}); 

Answer 9

ho creato un motore di layout per Android che permette di ascoltare per la tastiera nascosti e visibili cambiamenti di stato (tra molte altre caratteristiche principali). Questa libreria è disponibile al http://phil-brown.github.io/AbLE/.

È sufficiente aggiungere il jar alla directory libs (creare questa cartella se non esiste), e invece di ereditare da un Activity, ereditano da AbLEActivity. Successivamente, l'override dei metodi onKeyboardShown e onKeyboardHidden, e in questi è possibile animare il vostro contenuto verso l'alto o verso il basso, come necessario:

@Override 
public void onKeyboardShown() { 
    //animate up 
} 

@Override 
public void onKeyboardHidden() { 
    //animate down 
} 

Answer 10

ho effettivamente avuto lo stesso comportamento che è necessario con l'aggiunta di Activity dichiarazione manifesta android:windowSoftInputMode="adjustResize" ea la dichiarazione ListViewandroid:transcriptMode="normal". Per entrambe le modifiche alla tastiera e all'orientamento.

Answer 11

Follow these steps 
-------------------- 
1. Update your activity in AndroidManifest.xml file like below 
<activity 
      android:name=".MyListActivity" 
      android:windowSoftInputMode="adjustResize" /> 

2. Set your list view with like below. 
mListView.setTranscriptMode(ListView.TRANSCRIPT_MODE_ALWAYS_SCROLL); 
mListView.setStackFromBottom(true); 

Spero che risolva il problema.

Answer 12

Basta sovrascrivere il metodo ListView # onSizeChanged (int w, int h, int oldw, int oldh) come di seguito: PS: L'altezza del tuo ListView non può essere 0 in qualsiasi momento, se può 0, non funziona.

@Override 
protected void onSizeChanged(int w, int h, int oldw, int oldh) { 
    if (getChildCount() == 0) { 
     return; 
    } 
    final int lastVisiblePosition = getLastVisiblePosition(); 
    int firstVisiblePosition = getFirstVisiblePosition(); 

    View last = getChildAt(lastVisiblePosition - firstVisiblePosition); 
    int top = last.getTop(); 
    final int newTop = top + (h - oldh); 
    Log.d(getClass().getSimpleName(), "onSizeChanged(" + w + ", " + h + ", " + oldw + ", " + oldh + ")"); 
    if (mFocusSelector == null) { 
     mFocusSelector = new FocusSelector(); 
    } 
    post(mFocusSelector.setup(lastVisiblePosition, newTop)); 
    super.onSizeChanged(w, h, oldw, oldh); 
} 

private class FocusSelector implements Runnable { 
    private int mPosition; 
    private int mPositionTop; 

    public FocusSelector setup(int position, int top) { 
     mPosition = position; 
     mPositionTop = top; 
     return this; 
    } 

    public void run() { 
     setSelectionFromTop(mPosition, mPositionTop); 
    } 
}