Giới hạn chiều cao của ListView trên Android

Tôi muốn hiển thị một nút dưới a ListView. Vấn đề là, nếu ListViewđược mở rộng (các mục được thêm vào ...), nút sẽ bị đẩy ra khỏi màn hình.

Tôi đã thử một LinearLayoutvới trọng lượng (như được đề xuất trong Android: tại sao không có maxHeight cho Chế độ xem? ), Nhưng tôi đã sai trọng lượng hoặc đơn giản là nó không hoạt động.

Ngoài ra, tôi đã tìm thấy ở đâu đó gợi ý để sử dụng a RelativeLayout. Sau ListViewđó sẽ được đặt phía trên nút với android:layout_abovetham số.

Vấn đề với điều này là tôi không biết làm thế nào để định vị nút sau đó. Trong ví dụ mà tôi tìm thấy, Chế độ xem bên dưới ListViewđã được điều chỉnh bằng cách sử dụng android:layout_alignParentBottom, nhưng tôi không muốn nút của mình bám vào cuối màn hình.

Bất kỳ ý tưởng nào ngoài việc sử dụng phương pháp setHeight và một số tính toán không gian cần thiết?

Chỉnh sửa: Tôi nhận được rất nhiều câu trả lời hữu ích.

• Giải pháp của bigstone & user639183 gần như hoạt động hoàn hảo. Tuy nhiên, tôi phải thêm một khoảng đệm / lề bổ sung vào cuối nút, vì nó vẫn sẽ bị đẩy ra khỏi màn hình một nửa (nhưng sau đó dừng lại)

• Câu trả lời của Adinia chỉ với bố cục tương đối là ổn nếu bạn muốn nút cố định ở cuối màn hình. Nó không phải là những gì tôi dự định nhưng vẫn có thể hữu ích cho những người khác.

• Giải pháp của AngeloS là giải pháp tôi đã chọn cuối cùng vì nó chỉ tạo ra các hiệu ứng mà tôi muốn. Tuy nhiên, tôi đã thực hiện hai thay đổi nhỏ đối với nút LinearLayoutxung quanh:

  • Đầu tiên, vì tôi không muốn có bất kỳ giá trị tuyệt đối nào trong bố cục của mình, tôi đã thay đổi android:layout_height="45px"thành wrap_content, điều này cũng hoạt động tốt.

  • Thứ hai, vì tôi muốn nút được căn giữa theo chiều ngang, chỉ được hỗ trợ bởi chiều dọc LinearLayout, tôi đã thay đổi android: orient = "vertical" thành "vertical".

  AngeloS cũng tuyên bố trong bài đăng đầu tiên của mình rằng anh ấy không chắc liệu các android:layout_weight="0.1"tham số LinearLayoutxung quanh ListViewcó bất kỳ tác dụng nào không; Tôi chỉ thử và nó thực sự làm! Nếu không, nút lại bị đẩy ra khỏi màn hình.

Tôi đã gặp vấn đề chính xác này và để giải quyết nó, tôi đã tạo hai vùng riêng biệt LinearLayoutsđể chứa ListViewvà Buttontương ứng. Từ đó, tôi đặt cả hai vào một cái khác Linear Layoutvà đặt vùng chứa đó android:orientationthành vertical. Tôi cũng đặt trọng lượng của các LinearLayouttừng là nơi khắc ListViewđến 0.1nhưng tôi không biết nếu có bất kỳ tác dụng. Từ đó, bạn có thể đặt chiều cao của thùng chứa dưới cùng (có nút của bạn) thành bất kỳ chiều cao nào bạn muốn.

CHỈNH SỬA đây là ý tôi:

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

Giải pháp trên sẽ sửa nút ở dưới cùng của màn hình.

Để nút nổi ở cuối danh sách, hãy thay đổi chiều cao của ListView01thành 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>

Tôi đã giải quyết vấn đề này trong mã, chỉ đặt chiều cao của listview nếu nó có nhiều hơn 5 mục trong đó:

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

Lưu ý rằng tôi đã đặt chiều cao tối đa bằng 5,5 lần chiều cao của một mục, vì vậy người dùng sẽ biết chắc chắn rằng có một số thao tác cuộn phải làm! :)

Trong lần chỉnh sửa cuối cùng, bạn cũng phải thêm android:layout_above="@+id/butt1"mã ListView của mình.

Và để cho bạn (và tất cả những người ở đây đã thử một câu trả lời trước đó) rằng bạn thực sự không cần sử dụng nhiều hơn một RelativeLayout, đây là mã đã sửa của bạn :

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

và kết quả , sử dụng một số danh sách ngẫu nhiên:

Sử dụng LinearLayout, đặt chiều cao của ListViewvà Buttonđến wrap_contentvà thêm trọng lượng = 1 vào ListView. Điều này sẽ hoạt động như bạn muốn.
Và có, thiết lập layout_gravitycủa Buttonđểbottom

Đã tìm ra cách để thực hiện việc này mà không cần sử dụng các vùng chứa lồng nhau, lấy cảm hứng từ giải pháp của AngeloS.

Tôi đã sử dụng một LinearLayoutvới hướng thẳng đứng, có một ListViewvà một nút. Tôi đặt android:layout_weight="0.1"cho ListView.

Nó luôn quản lý để đưa nút vào cuối danh sách. Và nút không bị đẩy ra khỏi màn hình khi danh sách phát triển.

<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 là một giải pháp, nếu bạn không muốn nút ở quá gần dưới cùng, bạn có thể thêm lề (đệm một nút sẽ làm hỏng nó vì nó sử dụng nền 9 miếng và nó đặt đệm riêng).

Nó sẽ giống như vậy nếu bạn sử dụng LinearLayout: cách để đạt được những gì bạn muốn là đặt ListViewchiều cao = 0 và cân nặng = 1 và cho chiều cao nút = wrap_content và trọng lượng = 0. (đặt cả hai thành wrap_content, như user639183 đã nói, sẽ không giới hạn ListViewchiều cao của).

Bạn có thể thực hiện công việc này bằng cách sử dụng các vùng chứa lồng nhau. Có thể bạn cần bọc Nút trong một hộp chứa thứ hai (bên trong) để nó chiếm nhiều không gian hơn và chỉ cần căn chỉnh Nút vào đầu của hộp đựng bên trong.

Có thể một cái gì đó như thế này:

Giao diện tương đối

- ListView

-- Giao diện tương đối

---- Cái nút

Sử dụng các tùy chọn căn chỉnh khác nhau trên hai vùng chứa, bạn sẽ có thể làm cho điều này hoạt động.

Đây là cách sạch sẽ nhất để làm điều đó:

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

Nó tương tự như giải pháp của Angelos nhưng bạn không cần tuyến tính bao bọc ListView. Ngoài ra, bạn có thể sử dụng FrameLayout nhẹ hơn so với LinearLayout để kết thúc Nút.

Ý tưởng được phác thảo trong các giải pháp rất tốt bằng cách:

• AngeloS
• Lấp lánh

Cả hai dường như hoạt động hoàn hảo ít nhất là trên v4.4.3.

Tôi vẫn phải dành thời gian viết mã thử nghiệm để kiểm tra và xác nhận từng phương pháp. Dưới đây là mã kiểm tra độc lập, tối thiểu được yêu cầu.

Bố cục dựa trên giải pháp của Sparkle, vì nó chứa ít bố cục lồng nhau hơn. Cũng đã được cập nhật để phản ánh các kiểm tra LINT hiện tại.

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

Hoạt động cung cấp mã bảng soạn sẵn để kiểm tra giải pháp cho chính bạn.

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

Vui lòng thêm hoặc cải thiện vì đây là "wiki cộng đồng".

Cố gắng sử dụng RelativeLayout với nút ở dưới cùng. Đặt chiều cao của bố cục là "wrap_content". Tôi đã không thử nó. Chỉ là ý tưởng

trong LinearLayout, chỉ cần thêm android:layout_weight="1"vào ListView của bạn

Sau đây là những gì đã làm việc cho tôi ...

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


                }

Lưu ý: Params.width = ... Cũng cần được thiết lập ...

Ví dụ trên là khi bạn sử dụng TableRow và ListView bên trong TableRow ...

bọc nội dung trong bố cục tuyến tính

trong Chế độ xem danh sách, hãy thêm: android: layout_weight = "1"

trong Nút đặt chiều cao cố định của bạn

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

Nếu bạn muốn nội dung bên dưới chế độ xem danh sách di chuyển xuống khi các phần tử được thêm vào danh sách, hãy thử giải pháp này:

Thêm phần đệm tích cực vào cuối chế độ xem danh sách và phần đệm phủ định vào đầu "chân trang". Điều này sẽ hoạt động trong bố cục tuyến tính hoặc bố cục tương đối.

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

Vì không có thuộc tính MaxHeight, cách tốt nhất của bạn là đặt chiều cao của ListView thành một giá trị đã đặt hoặc sử dụng wrap_content.

Tôi đã giải quyết vấn đề này bằng cách đặt ListView bên trong ScrollView. Lint không thích nó, nhưng bằng cách thêm minHeight và đặt fillViewport thành true, tôi đã có một kết quả tốt đẹp.

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