Limita l'altezza di ListView su Android

Voglio mostrare un pulsante sotto un file ListView. Il problema è che se ListViewviene esteso (elementi aggiunti ...), il pulsante viene spinto fuori dallo schermo.

Ho provato un LinearLayoutcon i pesi (come suggerito in Android: perché non c'è maxHeight per una vista? ), Ma o ho sbagliato i pesi o semplicemente non ha funzionato.

Inoltre, ho trovato da qualche parte il suggerimento per utilizzare un file RelativeLayout. Il ListViewverrà quindi impostato sopra il pulsante con il android:layout_aboveparam.

Il problema con questo è che non so come posizionare il pulsante in seguito. Nell'esempio che ho trovato, la Vista sotto è ListViewstata regolata usando android:layout_alignParentBottom, ma non voglio che il mio pulsante si aggrappi alla parte inferiore dello schermo.

Qualche idea a parte l'uso del metodo setHeight e del calcolo dello spazio richiesto?

Modifica: ho molte risposte utili.

• La soluzione di bigstone e user639183 ha funzionato quasi perfettamente. Tuttavia, ho dovuto aggiungere un'imbottitura / margine extra nella parte inferiore del pulsante, poiché sarebbe stato comunque spinto a metà fuori dallo schermo (ma poi fermato)

• La risposta di Adinia con il relativo layout va bene solo se vuoi che il pulsante sia fissato nella parte inferiore dello schermo. Non è quello che intendevo, ma potrebbe comunque essere utile per gli altri.

• La soluzione di AngeloS è stata quella che ho scelto alla fine perché ha creato gli effetti che volevo. Tuttavia, ho apportato due piccole modifiche al LinearLayoutpulsante intorno:

  • Innanzitutto, poiché non volevo avere valori assoluti nel mio layout, sono passato android:layout_height="45px"a wrap_content, che funziona altrettanto bene.

  • In secondo luogo, poiché volevo che il pulsante fosse centrato orizzontalmente, che è supportato solo da verticale LinearLayout, ho cambiato android: orientamento = "orizzontale" in "verticale".

  AngeloS ha anche affermato nel suo post iniziale di non essere sicuro se il android:layout_weight="0.1"param in LinearLayoutgiro ListViewavesse qualche effetto; Ho appena provato e funziona davvero! Senza, il pulsante viene nuovamente spinto fuori dallo schermo.

Ho avuto questo problema esatto e per risolverlo ne ho creati due separati LinearLayoutsper ospitare rispettivamente ListViewe Button. Da lì ho messo entrambi in un altro Linear Layoute ho impostato quel contenitore android:orientationsu vertical. Ho anche impostato il peso del LinearLayoutche ospitava il ListViewa 0.1ma non so se questo abbia alcun effetto. Da lì, puoi impostare l'altezza del contenitore inferiore (che ha il tuo pulsante) all'altezza che desideri.

EDIT questo è ciò che intendo:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="0.1"
    android:orientation="horizontal">

    <ListView
        android:id="@+id/ListView01"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:dividerHeight="2px"></ListView>
</LinearLayout>

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="45px"
    android:background="@drawable/drawable"
    android:orientation="horizontal">

    <Button
        android:id="@+id/moreButton"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_alignParentRight="true"
        android:background="@drawable/btn_more2"
        android:paddingRight="20px" />

</LinearLayout>

La soluzione di cui sopra risolverà il pulsante nella parte inferiore dello schermo.

Per fare in modo che il pulsante rimanga mobile in fondo all'elenco, modificare l'altezza di ListView01in wrap_content:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical">

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="0.1"
    android:orientation="horizontal">

    <ListView
        android:id="@+id/ListView01"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:dividerHeight="2px"></ListView>
</LinearLayout>

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="45px"
    android:background="@drawable/drawable"
    android:orientation="horizontal">

    <Button
        android:id="@+id/moreButton"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_alignParentRight="true"
        android:background="@drawable/btn_more2"
        android:paddingRight="20px" />
</LinearLayout>

Ho risolto questo problema nel codice, impostando l'altezza di listview solo se contiene più di 5 elementi:

if(adapter.getCount() > 5){
        View item = adapter.getView(0, null, listView);
        item.measure(0, 0);         
        ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(LayoutParams.MATCH_PARENT, (int) (5.5 * item.getMeasuredHeight()));
        listView.setLayoutParams(params);
}

Si noti che ho impostato l'altezza massima a 5,5 volte l'altezza di un singolo elemento, quindi l'utente saprà per certo che c'è da fare uno scorrimento! :)

Sulla tua ultima modifica, devi solo aggiungere anche il android:layout_above="@+id/butt1"tuo codice ListView.

E per mostrare a te (ea tutti quelli qui che hanno provato una risposta in precedenza) che non hai davvero bisogno di usarne più di uno RelativeLayout, ecco il tuo codice corretto :

   <RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/bkg">
    <TextView
        android:id="@+id/textView1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="TextView1"
        android:layout_alignParentTop="true">
    </TextView>
    <TextView
        android:id="@+id/textView2"
        android:layout_below="@+id/textView1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="TextView2"
        android:layout_centerHorizontal="true">
    </TextView>
    <Button
        android:id="@+id/butt1"
        android:text="string/string3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="true">
    </Button>
    <ListView
        android:id="@+id/android:list"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="2dip"
        android:layout_marginBottom="2dip"
        android:drawSelectorOnTop="false"
        android:visibility="visible"
        android:layout_below="@+id/textView2"
        android:layout_above="@+id/butt1" />
    </RelativeLayout>

e il risultato , utilizzando un elenco casuale:

Usando LinearLayout, imposta l'altezza del tuo ListViewe Buttonsu wrap_contente aggiungi un peso = 1 a ListView. Questo dovrebbe funzionare come vuoi.
E sì, imposta il layout_gravitydi Buttonabottom

Ho trovato un modo per farlo senza utilizzare contenitori annidati, ispirato dalla soluzione di AngeloS.

Ho usato un LinearLayoutcon un orientamento verticale, che ha un ListViewe un pulsante. Ho impostato android:layout_weight="0.1"per il ListView.

Riesce a portare il pulsante stick sempre in fondo alla lista. E il pulsante non viene spinto fuori dallo schermo quando l'elenco cresce.

<ListView
    android:id="@+id/notes_list"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="0.1"        
    />

<Button
    android:id="@+id/create_note_btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"        
    android:onClick="onCreateButtonClicked"
    android:text="@string/create_notes"
    />

RelativeLayout è una soluzione, se non vuoi che il pulsante rimanga troppo vicino al fondo puoi aggiungere dei margini (riempire un pulsante lo spezzerebbe perché usa uno sfondo a 9 patch e imposta il proprio riempimento).

Sarebbe lo stesso se usassi a LinearLayout: il modo per ottenere ciò che vuoi è impostare l' ListViewaltezza = 0 e il peso = 1, e per il pulsante height = wrap_content e weight = 0. (impostando entrambi su wrap_content, come ha detto user639183, non si limiterà ListViewl'altezza).

Probabilmente puoi farlo funzionare usando contenitori nidificati. È possibile che sia necessario avvolgere il Button in un secondo contenitore (interno) in modo che occupi più spazio e allineare il Button alla parte superiore del contenitore interno.

Possibile qualcosa di simile:

RelativeLayout

-- Visualizzazione elenco

- RelativeLayout

---- Pulsante

Utilizzando le diverse opzioni di allineamento sui due contenitori, dovresti essere in grado di farlo funzionare.

Questo è il modo più pulito per farlo:

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
  <ListView
      android:id="@+id/ListView01"
      android:layout_width="fill_parent"
      android:layout_height="0dp"
      android:layout_weight="1"
      android:dividerHeight="2px">
  </ListView>
  <FrameLayout
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:background="@drawable/drawable"
      >
    <Button android:background="@drawable/btn_more2"
        android:id="@+id/moreButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:paddingRight="20px"
        />    
  </LinearLayout>
</LinearLayout>

È simile alla soluzione di Angelos ma non è necessario il layout lineare che avvolge ListView. Inoltre puoi usare un FrameLayout che è più leggero rispetto a un LinearLayout per concludere il Button.

L'idea è delineata nelle ottime soluzioni da:

• AngeloS
• Sparkle

Entrambi sembrano funzionare perfettamente almeno su v4.4.3.

Dovevo ancora dedicare del tempo alla scrittura del codice di prova per verificarlo e confermare ogni metodo. Di seguito è riportato il codice di test minimo e autonomo richiesto.

Il layout si basa sulla soluzione di Sparkle, poiché contiene un minor numero di layout annidati. Inoltre è stato aggiornato per riflettere i controlli LINT correnti.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    tools:context="MainActivity" >

    <ListView
        android:id="@+id/listview"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

    <Button
        android:id="@+id/btn"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Grow List"
        tools:ignore="HardcodedText" />

</LinearLayout>

Activity fornisce il codice boilerplate per testare personalmente la soluzione.

public class MainActivity extends Activity
{
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        final ListView listview = (ListView)findViewById(R.id.listview);
        final ArrayAdapter<String> adapter = 
                new ArrayAdapter<String>(this,
                                         android.R.layout.simple_list_item_1,
                                         new ArrayList<String>());
        adapter.setNotifyOnChange(true);
        listview.setAdapter(adapter);

        findViewById(R.id.btn).setOnClickListener(new View.OnClickListener()
        {

            @Override
            public void onClick(View v)
            {
                int count = adapter.getCount();
                adapter.add(String.valueOf(count));
                listview.setSelection(count);
            }
        });
    }
}

Sentiti libero di aggiungere o migliorare in quanto si tratta di "wiki della comunità".

Prova a usare RelativeLayout con il pulsante in basso. Imposta l'altezza del layout come "wrap_content". Non l'ho provato Solo un'idea

in LinearLayout, aggiungi semplicemente android:layout_weight="1"a ListView

Di seguito è quello che ha funzionato per me ...

 if(adapter.getCount() > 3){
                    View item = adapter.getView(0, null, impDateListView);
                    item.measure(0, 0);         
                    LayoutParams params = impDateListView.getLayoutParams();
                    params.width = LayoutParams.MATCH_PARENT;
                    params.height = 3 * item.getMeasuredHeight();
                    impDateListView.setLayoutParams(params);


                }

Nota: params.width = ... deve essere impostato anche ...

L'esempio sopra è quando usi TableRow e ListView all'interno di TableRow ...

avvolgere il contenuto in un layout lineare

nella visualizzazione elenco aggiungi: android: layout_weight = "1"

nel tuo pulsante imposta altezza fissa

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:orientation="vertical">

<ListView
    android:id="@+id/my_list"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1">
</ListView>

 <Button
    android:text="Button"
    android:layout_width="match_parent"
    android:layout_height="50dp"/>

</LinearLayout>

Se desideri che il contenuto sotto la visualizzazione elenco si sposti verso il basso man mano che vengono aggiunti elementi all'elenco, prova questa soluzione:

Aggiungi un riempimento positivo nella parte inferiore della visualizzazione elenco e un riempimento negativo nella parte superiore del "piè di pagina". Funzionerà in un layout lineare o in un layout relativo.

<ListView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingBottom="50dp"/>

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="-50dp"/>

Poiché non esiste un attributo MaxHeight, la soluzione migliore è impostare l'altezza di ListView su un valore impostato o utilizzare wrap_content.

Ho risolto questo problema inserendo ListView in un ScrollView. A Lint non è piaciuto, ma aggiungendo minHeight e impostando fillViewport su true, ho un buon risultato.

    <ScrollView 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="1dp"
        android:layout_marginRight="1dp"
        android:minHeight="100dp"
        android:fillViewport="true"
        android:fadeScrollbars="false"
        android:paddingTop="2dp" 
        android:orientation="vertical"
        android:scrollbarAlwaysDrawVerticalTrack="true" >

        <ListView
            android:id="@+id/workoutAElistRoutines"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="fill_vertical"
            android:background="@drawable/dialog_inner_border_tan"
            android:choiceMode="singleChoice"
            android:orientation="vertical"
            android:paddingLeft="3dp"
            android:paddingRight="3dp" >

        </ListView>
    </ScrollView>