嵌套的 ListViews 没有扩展到全高

Question

我一直在尝试在 SO 和 Google 上搜索一段时间，但不能完全正确。我有一个带有与之关联的 customadapter 的 ListView。在这个 ListView 的布局中，我有另一个 ListView（也有它自己的 customadapter），其中只有 0 到 4 个项目。

外部/第一个列表视图中的行高需要根据内部/嵌套列表视图中的行数来扩展和收缩，但是这不会发生。它只会在留给自己的设备时显示一行。

我一直在随机分配带有layout_height:0 和layout_weight:1 的各种LinearLayouts 和ListViews，同时改变match_parent 与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>

内部/嵌套列表视图的布局文件

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

片段本身的布局文件

<?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? - 它背后有解释。

首先也是最重要的，拥有可滚动视图内的嵌套可滚动视图（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。

希望对你有帮助。