ScrollView中的兩個ListViews

Question

我知道將兩個ListViews放在ScrollView中並不是最佳做法。然而，這是我能想到的最好的解決方案：

我想要兩個列表（第一個包含1-5個項目，最後一個包含最多20個項目）在可滾動的下方查看，每個都有自己的標題。 ListViews不應該自己滾動，他們應該改變高度來包裝他們的內容。可滾動部分將由ScrollView處理。

因爲ListView控件不支持這個本身我使用下面的代碼：

public static void setListViewHeightBasedOnChildren(ListView listView) { 
    ListAdapter listAdapter = listView.getAdapter(); 
    if (listAdapter == null) { 
     // pre-condition 
     return; 
    } 

    int totalHeight = 0; 
    int desiredWidth = MeasureSpec.makeMeasureSpec(listView.getWidth(), MeasureSpec.AT_MOST); 

    for (int i = 0; i < listAdapter.getCount(); i++) { 
     View listItem = listAdapter.getView(i, null, listView); 
     listItem.measure(desiredWidth, MeasureSpec.UNSPECIFIED); 
     totalHeight += listItem.getMeasuredHeight(); 
     Log.d("DEBUG", "TotalHeight:" + totalHeight); 
    } 

    ViewGroup.LayoutParams params = listView.getLayoutParams(); 
    params.height = totalHeight + (listAdapter.getCount() * listView.getDividerHeight()); 
    listView.setLayoutParams(params); 
    listView.requestLayout(); 
} 

然而，這使得列表視圖約10倍大，他們應該是。如果我搜索我遇到的問題，我總是會找到上述解決方案，但對我來說，這似乎並不奏效。

有沒有辦法解決我的代碼或有沒有更好的方法去呢？

XML：

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:tools="http://schemas.android.com/tools" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
tools:context="com.miscoriadev.svvirgoapp.fragments.frag_activiteiten" 
android:paddingBottom="@dimen/activity_vertical_margin" 
android:paddingTop="@dimen/activity_vertical_margin"> 

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

     <TextView 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:id="@+id/tv_acti_komende_activiteiten" 
      android:textSize="32sp" 
      android:text="Komende activiteiten" 
      android:textColor="@color/TextColorDark" 
      android:gravity="center"/> 

     <ListView 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_below="@id/tv_acti_komende_activiteiten" 
      android:id="@+id/lv_komende_activiteiten"> 
     </ListView> 

     <TextView 
      android:paddingTop="@dimen/activity_vertical_margin" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:textSize="32sp" 
      android:text="Afgelopen activiteiten" 
      android:textColor="@color/TextColorDark" 
      android:gravity="center" 
      android:layout_marginLeft="@dimen/activity_horizontal_margin" 
      android:id="@+id/tv_acti_afgelopen_activiteiten" 
      android:layout_below="@id/lv_komende_activiteiten"/> 

     <ListView 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_below="@id/tv_acti_afgelopen_activiteiten" 
      android:id="@+id/lv_afgelopen_activiteiten"> 
     </ListView> 

    </RelativeLayout> 

Answer 1

我通過膨脹的觀點把它像一個ListAdapter的一個ListView會做從LinearLayout中創造我自己的名單UI元素，解決我的問題。

但有點粗糙，您可以輕鬆地重寫此代碼以接受ListAdapter對象作爲項目源。通過重寫setListItems（）方法來獲取ListAdapter對象的getView（）方法的視圖。

package com.miscoriadev.svvirgoapp.util; 

import android.content.Context; 
import android.util.AttributeSet; 
import android.util.Log; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.widget.ImageView; 
import android.widget.LinearLayout; 
import android.widget.TextView; 

import com.miscoriadev.svvirgoapp.MainActivity; 
import com.miscoriadev.svvirgoapp.R; 

import java.util.ArrayList; 

/** 
* Created by milanvandijck on 14/10/2016. 
*/ 

public class UnscrollableListView extends LinearLayout{ 

private Context context; 
private LayoutInflater inflater; 
private MainActivity mainActivity; 

public UnscrollableListView(Context context) { 
    super(context); 
    this.context = context; 
    this.mainActivity = (MainActivity)context; 
    this.setOrientation(LinearLayout.VERTICAL); 

    if(!this.isInEditMode()) { 
     inflater = (LayoutInflater) context.getSystemService(context.LAYOUT_INFLATER_SERVICE); 
    } 
} 

public UnscrollableListView(Context context, AttributeSet attrs) { 
    super(context, attrs); 
    this.context = context; 
    this.mainActivity = (MainActivity)context; 
    this.setOrientation(LinearLayout.VERTICAL); 

    if(!this.isInEditMode()) { 
     inflater = (LayoutInflater) context.getSystemService(context.LAYOUT_INFLATER_SERVICE); 
    } 
} 


public void setListItems(ArrayList<ActivityItem> list){ 

    for (int i = 0; i <= list.size()-1; i++){ 
     UnscrollableListView.viewHolder holder = new UnscrollableListView.viewHolder(); 
     View rowView; 
     final ActivityItem item = list.get(i); 

     Log.d(getClass().getName(), "Adding view: " + item.getTitle()); 

     // Check if there are activities 
     if (item.getTitle().equals("0_0") && item.getLocation().equals("0_0")){ 
      rowView = inflater.inflate(R.layout.activiteiten_listitem_emptylist, null); 
      this.addView(rowView); 
     } 

     rowView = inflater.inflate(R.layout.activiteiten_listitem, null, false); 

     holder.tv_name=(TextView) rowView.findViewById(R.id.eventName); 
     holder.tv_date=(TextView) rowView.findViewById(R.id.eventDate); 
     holder.tv_time=(TextView) rowView.findViewById(R.id.eventTime); 
     holder.tv_Location= (TextView) rowView.findViewById(R.id.eventLocation); 
     holder.img_poster=(ImageView) rowView.findViewById(R.id.eventPoster); 

     holder.tv_name.setText(item.getTitle()); 
     holder.img_poster.setImageBitmap(item.getImage()); 
     holder.tv_date.setText(item.getDateString()); 
     holder.tv_time.setText(item.getTimeString()); 
     holder.tv_Location.setText(item.getLocation()); 

     rowView.setOnClickListener(new OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       // TODO Auto-generated method stub 
       mainActivity.openActivityDetails(item); 
      } 
     }); 

     this.addView(rowView, i); 
    } 

    this.invalidate(); 

} 

public class viewHolder 
{ 
    TextView tv_name; 
    TextView tv_date; 
    TextView tv_time; 
    TextView tv_Location; 
    ImageView img_poster; 
} 
}