java - 嵌套的 ListViews 没有扩展到全高

Question

我一直在尝试在 SO 和 Google 上搜索一段时间，但不太正确。我有一个 ListView 和一个与之关联的自定义适配器。在这个 ListView 的布局中，我有另一个 ListView(也有自己的自定义适配器)，其中只有 0 到 4 个项目。

外部/第一个 ListView 中行的高度需要根据内部/嵌套 ListView 中的行数进行扩展和收缩，但这并没有发生。它只会在留给自己的设备时显示一行。

我一直在随机分配各种具有 layout_height:0 和 layout_weight:1 的 LinearLayouts 和 ListViews，同时改变 match_parent 的值vs wrap_content，但无济于事。

我知道这是一个简单的修复，但无法确定布局中的哪个元素需要哪些参数。我也不想以编程方式执行此操作。它应该只需要布局属性的正确组合。

提前致谢。

OUTER ListView 的布局文件

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

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="5dp">

        <TextView
            android:id="@+id/tvDate"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:background="#ffdddd">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:background="#ddffdd"
            >

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

        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#eeeeee">

            <TextView
                android:id="@+id/tvSomeOtherText"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

        </LinearLayout>


    </LinearLayout>

</LinearLayout>

INNER/NESTED Listview 的布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="5dp"
    android:background="#ddddff">

    <TextView
        android:id="@+id/tvText1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/tvText2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/tvText3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/tvText4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <TextView
        android:id="@+id/tvText5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

fragment 本身的布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Title" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Get Values"
        android:id="@+id/btnGetValues"
        android:layout_marginTop="24dp"
        android:layout_marginBottom="24dp"
        android:padding="12dp"
        android:textColor="#ffffff"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Response from server"
        android:id="@+id/tvResponse"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

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

</LinearLayout>

Answer 1

您面临的问题比简单调整参数更深层次。检查此主题:How can I put a ListView into a ScrollView without it collapsing? - 它背后有解释。

首先也是最重要的，要在可 ScrollView 内嵌套可 ScrollView (ListView 内的 ListView，RecyclerView 内的 RecyclerView ，ScrollView 中的 ScrollView 等)是 a bad practice .

什么人recommend要做的是动态地向 LinearLayout 添加和删除元素。 它会自动解决您的问题。 IE。 LinearLayout 将始终被“展开”。

---

下面是实现它的方法(我将使用 RecyclerView 而不是 ListView):

(是的，我知道没有设计它看起来很糟糕，使用代码作为示例)

1. 您可以找到此示例的源代码 here ;

2. 在 Activity 中，我正在初始化“外部”RecyclerView(实际上是唯一的):

   XML:

   <android.support.v7.widget.RecyclerView
       xmlns:android="http://schemas.android.com/apk/res/android"
       android:id="@+id/recyclerView"
       android:layout_width="match_parent"
       android:layout_height="match_parent"/>
   

   代码:

   RecyclerView recyclerView = (RecyclerView)findViewById(R.id.recyclerView);
   recyclerView.setLayoutManager(new LinearLayoutManager(this));
   recyclerView.setAdapter(new CustomAdapter());
   

3. 然后我创建一个 CustomAdapter:

   public final class CustomAdapter extends RecyclerView.Adapter {
       @Override
       public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
           return new CustomViewHolder(new CustomView(parent.getContext()));
       }
   
       @Override
       public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
           ((CustomView)holder.itemView).bind(String.format("Position %s", position), position % 4);
       }
   
       @Override
       public int getItemCount() {
           return 42;
       }
   
       class CustomViewHolder extends RecyclerView.ViewHolder {
           public CustomViewHolder(View itemView) {
               super(itemView);
           }
       }
   }
   

4. 下一步，创建 CustomView(这个将包含您内部的 ListView，在我的例子中 - 只是一个 LinearLayout) 用于适配器:

   XML:

   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:orientation="horizontal"
       android:layout_width="match_parent"
       android:layout_height="match_parent">
       <TextView
           android:id="@+id/titleTextView"
           android:layout_weight="1"
           android:background="#F0F000"
           android:layout_width="0dp"
           android:layout_height="wrap_content" />
       <LinearLayout
           android:id="@+id/containerLinearLayout"
           android:layout_weight="1"
           android:layout_width="0dp"
           android:layout_height="wrap_content"
           android:orientation="vertical"/>
   </LinearLayout>
   

   代码:

   public final class CustomView extends FrameLayout {
       public CustomView(Context context) {
           super(context);
           LayoutInflater.from(context).inflate(R.layout.view_item, this);
       }
   
       public void bind(String name, int value) {
           TextView textView = (TextView)getRootView().findViewById(R.id.titleTextView);
           LinearLayout containerLinearLayout = (LinearLayout)getRootView().findViewById(R.id.containerLinearLayout);
   
           textView.setText(name);
           containerLinearLayout.removeAllViews();
   
           for (int i = 0; i < value; i++) {
               containerLinearLayout.addView(new NestedCustomView(getContext()));
           }
       }
   }
   

5. 将条目添加到嵌套 LinearLayout(旧内部 ListView)的最后一步:

   XML:

   <merge xmlns:android="http://schemas.android.com/apk/res/android">
       <TextView
           android:text="I'm a nested View"
           android:background="#aa0a0a"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:layout_marginBottom="8dp"/>
   </merge>
   

   代码:

   public final class NestedCustomView extends FrameLayout {
       public NestedCustomView(Context context) {
           super(context);
           LayoutInflater.from(context).inflate(R.layout.view_nested_item, this);
       }
   } 
   

就是这样。同样，此 HelloWorld 可用 here .

希望对您有所帮助。