Обмежити висоту ListView на Android

Я хочу показати кнопку під ListView. Проблема полягає в тому, що якщо ListViewдодаток розширюється (елементи додаються ...), кнопка виштовхується з екрану.

Я спробував a LinearLayoutз вагами (як пропонується в Android: чому для перегляду немає maxHeight? ), Але або я неправильно зрозумів ваги, або він просто не спрацював.

Крім того, я десь знайшов підказку щодо використання RelativeLayout. ListViewПотім буде встановлено над кнопкою з android:layout_aboveпарами.

Проблема в тому, що я не знаю, як потім розташувати кнопку. У прикладі, який я знайшов, подання нижче ListViewбуло відрегульовано за допомогою android:layout_alignParentBottom, але я не хочу, щоб моя кнопка чіплялася внизу екрана.

Будь-які ідеї, крім використання методу setHeight та деяких обчислень необхідного простору?

Редагувати: Я отримав багато корисних відповідей.

• Рішення bigstone та user639183 майже працювали ідеально. Однак мені довелося додати додаткове заповнення / поле внизу кнопки, оскільки воно все одно буде висунуте наполовину з екрана (але потім зупинено)

• Відповідь Adinia лише відносним макетом чудова, якщо ви хочете, щоб кнопка була зафіксована внизу екрана. Це не те, що я задумав, але все одно може бути корисним для інших.

• Рішення AngeloS було тим, яке я вибрав наприкінці, оскільки воно просто створило ефекти, яких я хотів. Однак я вніс дві незначні зміни LinearLayoutнавколо кнопки:

  • По-перше, оскільки я не хотів, щоб у моєму макеті були якісь абсолютні значення, я перейшов android:layout_height="45px"на wrap_content, що також прекрасно працює.

  • По-друге, оскільки я хотів, щоб кнопка була по центру горизонтально, що підтримується лише вертикаллю LinearLayout, я змінив android: direction = "horizontal" на "vertical".

  AngeloS також заявив у своєму початковому дописі, що він не був впевнений, чи має android:layout_weight="0.1"параметр LinearLayoutнавколо ListViewякийсь ефект; Я просто спробував, і це насправді так! Без цього кнопка знову виштовхується з екрану.

У мене було саме це питання, і для його вирішення я створив два окремі LinearLayoutsбудинки для розміщення ListViewі Buttonвідповідно. Звідти я ставлю як в інший Linear Layoutі наборі , який контейнер android:orientationв vertical. Я також встановити вагу , LinearLayoutщо розміщувався ListViewна , 0.1але я не знаю , якщо це має якийсь - або ефект. Звідти ви можете встановити висоту нижнього контейнера (на якому є ваша кнопка) до будь-якої висоти, яку ви хотіли б.

EDIT це те, що я маю на увазі:

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

Вищевказане рішення зафіксує кнопку внизу екрана.

Щоб кнопка плавала внизу списку, змініть висоту ListView01на 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>

Я вирішив цю проблему в коді, встановивши висоту перегляду списку, лише якщо в ньому більше 5 елементів:

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

Зверніть увагу, що я встановив максимальну висоту в 5,5 разів більше висоти окремого предмета, тому користувач точно знатиме, що потрібно виконати прокрутку! :)

Під час останнього редагування вам просто потрібно додати android:layout_above="@+id/butt1"свій код ListView.

І щоб показати вам (і всім, хто раніше намагався відповісти), що вам дійсно не потрібно використовувати більше одного RelativeLayout, ось ваш виправлений код :

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

і результат , використовуючи якийсь випадковий список:

Використовуючи LinearLayout, встановіть висоту вашого ListViewі Buttonдо wrap_contentі додайте вагу = 1 до ListView. Це має працювати так, як ти хочеш.
І так, встановіть layout_gravityзначення Buttonнаbottom

Знайшов спосіб зробити це, не використовуючи вкладені контейнери, натхненний рішенням AngeloS.

Я використовував a LinearLayoutз вертикальною орієнтацією, що має ListViewкнопку і. Я встановив android:layout_weight="0.1"для ListView.

Йому вдається завжди дотримуватися кнопки внизу списку. І кнопка не відштовхується від екрана, коли список зростає.

<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 це рішення, якщо ви не хочете, щоб кнопка залишалася занадто близько до нижньої частини, ви можете додати поля (заповнення кнопки зламало б її, оскільки вона використовує 9-патч-фон, і вона встановлює власні відступи).

Це було б так само, якби ви використовували a LinearLayout: спосіб досягти того, що ви хочете, це встановити ListViewдля height = 0 і weight = 1, а для кнопки height = wrap_content і weight = 0. (встановлення обох для wrap_content, як сказав користувач639183, не обмежує ListViewвисоту).

Можливо, ви можете зробити цю роботу за допомогою вкладених контейнерів. Можливо, вам може знадобитися обернути кнопку у другий (внутрішній) контейнер, щоб він зайняв більше місця, і просто вирівняти кнопку по верхній частині внутрішнього контейнера.

Можливо щось подібне:

RelativeLayout

- ListView

- RelativeLayout

---- Кнопка

Використовуючи різні варіанти вирівнювання на двох контейнерах, ви зможете змусити це працювати.

Це найчистіший спосіб зробити це:

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

Це схоже на рішення Анджелоса, але вам не потрібен лінійний макет, який завершує ListView. Також ви можете використовувати FrameLayout, який є легшим порівняно з LinearLayout, щоб обернути кнопку.

Ідея викладена в дуже хороших рішеннях:

• АнджелоС
• Родзинка

Здається, вони обидва чудово працюють принаймні на v4.4.3.

Мені все одно довелося витратити трохи часу на написання тестового коду, щоб перевірити його та підтвердити кожен метод. Нижче наведено автономний мінімальний код тесту.

Макет заснований на рішенні Sparkle, оскільки він містить менше вкладеного макета. Також оновлено з урахуванням поточних перевірок LINT.

<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 надає шаблонний код, щоб випробувати рішення самостійно.

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

Не соромтеся додавати або вдосконалювати, оскільки це "вікі спільноти".

Спробуйте використовувати RelativeLayout із кнопкою внизу. Встановіть висоту макета як "wrap_content". Я не пробував. Просто ідея

у LinearLayout, просто додайте android:layout_weight="1"до вас ListView

Ось що мені вдалося ...

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


                }

Примітка: Params.width = ... Потрібно також встановити ...

Наведений вище приклад - це коли ви використовуєте TableRow і ListView всередині TableRow ...

обернути вміст у лінійний макет

у поданні списку додайте: android: layout_weight = "1"

у вашій кнопці встановіть фіксовану висоту

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

Якщо ви хочете, щоб вміст під поданням списку переміщувався вниз, коли елементи додаються до списку, спробуйте це рішення:

Додайте додатне заповнення внизу списку та негативне заповнення у верхню частину "нижнього колонтитула". Це буде працювати в лінійному макеті або відносному макеті.

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

Оскільки не існує атрибута MaxHeight, найкращим варіантом є встановити висоту ListView на встановлене значення або використовувати wrap_content.

Я вирішив це, помістивши ListView всередину ScrollView. Лінту це не сподобалось, але додавши minHeight і встановивши fillViewport на true, я маю хороший результат.

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