2016-10-14 28 views
0

我知道将两个ListViews放在ScrollView中并不是最佳做法。然而,这是我能想到的最好的解决方案:ScrollView中的两个ListViews

我想要两个列表(第一个包含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> 

+0

您需要两个列表同时滚动并显示在同一屏幕上吗?如果是这样,我会推荐使用[GridView](https://developer.android.com/guide/topics/ui/layout/gridview.html)和2列。如果没有,我会建议使用[ViewPager](https://developer.android.com/training/animation/screen-slide.html)与[TabLayout](https://developer.android.com/reference/android /support/design/widget/TabLayout.html)。这里是一个教程如何做到这一点:https://guides.codepath.com/android/google-play-style-tabs-using-tablayout – klauskpm

+0

不,我只是想让他们在彼此之下,并有两个列表一个可滚动的框架 –

+0

我相信如果您使用水平的“ListView”而不是垂直的ListView,则会更方便。我甚至建议使用[RecyclerView](https://developer.android.com/reference/android/support/v7/widget/RecyclerView.html),可以是水平或垂直。 – MohanadMohie

回答

0

我通过膨胀的观点把它像一个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; 
} 
}