Batasi ketinggian ListView di Android

Saya ingin menunjukkan tombol di bawah a ListView. Masalahnya adalah, jika ListViewdiperpanjang (item ditambahkan ...), tombol didorong keluar dari layar.

Saya mencoba LinearLayoutdengan bobot (seperti yang disarankan di Android: mengapa tidak ada maxHeight untuk Tampilan? ), Tetapi entah bobot saya salah atau tidak berhasil.

Juga, saya menemukan petunjuk di suatu tempat untuk menggunakan file RelativeLayout. The ListViewkemudian akan ditetapkan di atas tombol dengan android:layout_aboveparam.

Masalah dengan ini adalah saya tidak tahu bagaimana memposisikan tombol sesudahnya. Dalam contoh yang saya temukan, Tampilan di bawah ListViewtelah disesuaikan menggunakan android:layout_alignParentBottom, tetapi saya tidak ingin tombol saya menempel di bagian bawah layar.

Adakah ide selain menggunakan metode setHeight dan beberapa penghitungan ruang yang dibutuhkan?

Sunting: Saya mendapat banyak jawaban yang berguna.

• Solusi bigstone & user639183 hampir bekerja dengan sempurna. Namun, saya harus menambahkan bantalan / margin ekstra ke bagian bawah tombol, karena masih akan didorong setengah jalan keluar dari layar (tetapi kemudian berhenti)

• Jawaban Adinia dengan tata letak relatif hanya boleh jika Anda ingin tombol tetap di bagian bawah layar. Bukan itu yang saya inginkan tapi mungkin masih berguna untuk orang lain.

• Solusi AngeloS adalah yang saya pilih di akhir karena baru saja menciptakan efek yang saya inginkan. Namun, saya membuat dua perubahan kecil di LinearLayoutsekitar tombol:

  • Pertama, karena saya tidak ingin memiliki nilai absolut dalam tata letak saya, saya mengubahnya android:layout_height="45px"ke wrap_content, yang juga berfungsi dengan baik.

  • Kedua, karena saya ingin tombolnya berada di tengah secara horizontal, yang hanya didukung oleh vertikal LinearLayout, saya mengubah android: orientasi = "horizontal" menjadi "vertikal".

  AngeloS juga menyatakan di posting awalnya bahwa dia tidak yakin apakah android:layout_weight="0.1"param di LinearLayoutsekitar ListViewberpengaruh; Saya baru saja mencoba dan ternyata benar! Tanpa, tombol akan didorong keluar dari layar lagi.

Saya memiliki masalah yang tepat ini dan untuk mengatasinya saya membuat dua terpisah LinearLayoutsuntuk menampung ListViewdan Buttonmasing - masing. Dari sana saya memasukkan keduanya ke dalam yang lain Linear Layoutdan mengatur wadah itu android:orientationke vertical. Saya juga mengatur bobot LinearLayoutyang ditampung ListViewke 0.1tapi saya tidak tahu apakah itu berpengaruh. Dari sana, Anda dapat mengatur ketinggian wadah bawah (yang memiliki tombol Anda) ke ketinggian apa pun yang Anda inginkan.

EDIT ini yang saya maksud:

<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>

Solusi di atas akan memperbaiki tombol di bagian bawah layar.

Agar tombol mengapung di bagian bawah daftar, ubah ketinggian ListView01menjadi 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>

Saya memecahkan masalah ini dalam kode, mengatur ketinggian listview hanya jika memiliki lebih dari 5 item di dalamnya:

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);
}

Perhatikan bahwa saya menyetel tinggi maksimal menjadi 5,5 kali tinggi satu item, sehingga pengguna akan tahu pasti ada beberapa pengguliran yang harus dilakukan! :)

Pada suntingan terakhir Anda, Anda hanya perlu menambahkan android:layout_above="@+id/butt1" kode ListView Anda.

Dan untuk menunjukkan kepada Anda (dan semua orang di sini yang mencoba jawaban sebelumnya) bahwa Anda benar-benar tidak perlu menggunakan lebih dari satu RelativeLayout, berikut adalah kode Anda yang telah diperbaiki :

   <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>

dan hasilnya , menggunakan beberapa daftar acak:

Menggunakan LinearLayout, atur tinggi Anda ListViewdan Buttonke wrap_contentdan tambahkan berat = 1 ke ListView. Ini harus bekerja sesuai keinginan Anda.
Dan ya, mengatur layout_gravitydari Buttonuntukbottom

Menemukan cara untuk melakukan ini tanpa menggunakan wadah bersarang, terinspirasi dari solusi AngeloS.

Saya menggunakan a LinearLayoutdengan orientasi vertikal, yang memiliki ListViewtombol dan. Saya mengatur android:layout_weight="0.1"untuk ListView.

Itu berhasil membuat tombol menempel di bagian bawah daftar selalu. Dan tombol tidak bisa ditekan dari layar saat daftar bertambah.

<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 adalah solusinya, jika Anda tidak ingin tombol berada terlalu dekat dengan bagian bawah Anda dapat menambahkan margin (padding tombol akan merusaknya karena menggunakan latar belakang 9-patch, dan mengatur paddingnya sendiri).

Ini akan sama jika Anda menggunakan a LinearLayout: cara untuk mencapai apa yang Anda inginkan adalah dengan menyetel ListViewke tinggi = 0 dan berat = 1, dan untuk tombol tinggi = isi_bungkus dan berat = 0. (menyetel keduanya ke wrap_content, seperti yang dikatakan user639183, tidak akan membatasi ListViewtinggi).

Anda mungkin dapat membuat ini bekerja menggunakan wadah bersarang. Mungkin saja Anda perlu membungkus Tombol dalam wadah kedua (dalam) sehingga membutuhkan lebih banyak ruang, dan cukup sejajarkan Tombol ke bagian atas wadah dalam.

Kemungkinan seperti ini:

RelativeLayout

- Tampilan Daftar

- RelativeLayout

---- Tombol

Dengan menggunakan opsi perataan yang berbeda pada dua wadah, Anda harus bisa membuatnya bekerja.

Ini adalah cara terbersih untuk melakukannya:

<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>

Ini mirip dengan solusi Angelos tetapi Anda tidak memerlukan linearlayout yang membungkus ListView. Anda juga dapat menggunakan FrameLayout yang lebih ringan dibandingkan dengan LinearLayout untuk membungkus Tombol.

Idenya diuraikan dalam solusi yang sangat bagus oleh:

• AngeloS
• Berkilau

Keduanya tampaknya bekerja dengan sempurna setidaknya di v4.4.3.

Saya masih harus meluangkan waktu menulis kode tes untuk memeriksanya dan mengonfirmasi setiap metode. Di bawah ini adalah kode tes mandiri yang diperlukan.

Tata letak didasarkan pada solusi Sparkle, karena berisi lebih sedikit tata letak bersarang. Juga telah diperbarui untuk mencerminkan pemeriksaan LINT saat ini.

<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>

Aktivitas menyediakan kode boilerplate untuk menguji solusinya sendiri.

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);
            }
        });
    }
}

Jangan ragu untuk menambah atau meningkatkan karena ini adalah "wiki komunitas".

Coba gunakan RelativeLayout dengan tombol di bagian bawah. Setel tinggi tata letak sebagai "wrap_content". Saya belum mencobanya. Ide saja

di LinearLayout, tambahkan saja android:layout_weight="1"ListView Anda

Berikut adalah apa yang berhasil untuk saya ...

 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);


                }

Catatan: The params.width = ... Perlu disetel juga ...

Contoh di atas adalah ketika Anda menggunakan TableRow dan ListView di dalam TableRow ...

membungkus konten dalam tata letak linier

dalam Tampilan Daftar tambahkan: android: layout_weight = "1"

di Tombol Anda mengatur ketinggian tetap

<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>

Jika Anda ingin konten di bawah tampilan daftar bergerak ke bawah saat elemen ditambahkan ke daftar, coba solusi ini:

Tambahkan padding positif ke bagian bawah tampilan daftar dan padding negatif di bagian atas "footer". Ini akan berfungsi dalam tata letak linier atau tata letak relatif.

<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"/>

Karena tidak ada atribut MaxHeight, taruhan terbaik Anda adalah mengatur ketinggian ListView ke nilai yang ditetapkan, atau menggunakan wrap_content.

Saya menyelesaikan ini dengan meletakkan ListView di dalam ScrollView. Lint tidak menyukainya, tetapi dengan menambahkan minHeight dan menyetel fillViewport ke true, saya mendapatkan hasil yang bagus.

    <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>