滚动视图内的可扩展列表视图

Question

我的可扩展列表视图后面的内容很少。我无法滚动整个布局。 一个多星期以来，我一直在寻找合适的答案。建议一些答案。

Answer 1

这个解决方案对我有用，当我在导航视图中使用自定义布局时，带有带有可扩展列表视图的 LinearLayout 滚动视图。

<android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:headerLayout="@layout/nav_header">
    <ScrollView
            android:fillViewport="true"
            android:layout_marginTop="130dp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">

                <LinearLayout
                    android:id="@+id/homeLayout"
                    android:clickable="true"
                    android:gravity="center_vertical"
                    android:background="@drawable/layout_click_effect"
                    android:layout_width="match_parent"
                    android:layout_height="45dp">

                    <ImageView
                        android:id="@+id/homeIv"
                        android:layout_width="45dp"
                        android:layout_height="wrap_content"
                        android:src="@mipmap/ic_home_black_24dp" />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Home" />
                </LinearLayout>
                <View
                    android:background="@android:color/darker_gray"
                    android:layout_width="match_parent"
                    android:layout_height="1dp"/>

                <ExpandableListView
                    android:id="@+id/topCatgExpLv"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="start"
                    android:groupIndicator="@null"
                    android:dividerHeight="1dp" />
        </ScrollView>


    </android.support.design.widget.NavigationView>

在你的 onCreate

mListView = (ExpandableListView) findViewById(R.id.activity_expandable_list_view);
    MyExpandableListAdapter adapter = new MyExpandableListAdapter(this,
            mGroups);
    mListView.setAdapter(adapter);
    mListView.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {

        @Override
        public boolean onGroupClick(ExpandableListView parent, View v,
                                    int groupPosition, long id) {
            setListViewHeight(parent, groupPosition);
            return false;
        }
    });

private void setListViewHeight(ExpandableListView listView, int group) {
    ExpandableListAdapter listAdapter = (ExpandableListAdapter) listView.getExpandableListAdapter();
    int totalHeight = 0;
    int desiredWidth = View.MeasureSpec.makeMeasureSpec(listView.getWidth(),
            View.MeasureSpec.EXACTLY);
    for (int i = 0; i < listAdapter.getGroupCount(); i++) {
        View groupItem = listAdapter.getGroupView(i, false, null, listView);
        groupItem.measure(desiredWidth, View.MeasureSpec.UNSPECIFIED);

        totalHeight += groupItem.getMeasuredHeight();

        if (((listView.isGroupExpanded(i)) && (i != group))
                || ((!listView.isGroupExpanded(i)) && (i == group))) {
            for (int j = 0; j < listAdapter.getChildrenCount(i); j++) {
                View listItem = listAdapter.getChildView(i, j, false, null,
                        listView);
                listItem.measure(desiredWidth, View.MeasureSpec.UNSPECIFIED);

                totalHeight += listItem.getMeasuredHeight();

            }
            //Add Divider Height
            totalHeight += listView.getDividerHeight() * (listAdapter.getChildrenCount(i) - 1);
        }
    }
    //Add Divider Height
    totalHeight += listView.getDividerHeight() * (listAdapter.getGroupCount() - 1);

    ViewGroup.LayoutParams params = listView.getLayoutParams();
    int height = totalHeight
            + (listView.getDividerHeight() * (listAdapter.getGroupCount() - 1));
    if (height < 10)
        height = 200;
    params.height = height;
    listView.setLayoutParams(params);
    listView.requestLayout();
}

Answer 2

你可以很简单地做到这一点。 将滚动视图的高度设置为 wrap_content。 将滚动视图中根视图的高度设置为 wrap_content（例如线性布局），并将可扩展列表视图设置为 wrap_content。 之后，为您的可扩展列表视图设置 OnGroupExpandListener 和 OnGroupCollapseListener 并为可扩展列表视图的子项设置高度。 像这样的代码：你的布局：

<ScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/scrollViewDrawer"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:fillViewport="true"
>
<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:background="@color/mainGray"
    >
 <ExpandableListView
    android:id="@+id/expandableListCategory"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
                />
 </LinearLayout>
 </ScrollView>

这是你的片段：（或在你的活动中）

public class DrawerFragment extends Fragment implements, OnGroupExpandListener, OnGroupCollapseListener{
ScrollView scrollView;
ExpandableListView expListView;

public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {
view rootView = inflater.inflate(R.layout.fragment_layout, container, false);
scrollView = (ScrollView) rootView.findViewById(R.id.scrollViewDrawer);
expListView = (ExpandableListView) rootView.findViewById(R.id.expandableListCategory);
....
}
@Override
public void onGroupExpand(int groupPosition) {
    LinearLayout.LayoutParams param = (LinearLayout.LayoutParams) expListView.getLayoutParams();
    param.height = (childCount * expListView.getHeight());
    expListView.setLayoutParams(param);
    expListView.refreshDrawableState();
    scrollView.refreshDrawableState();
}

@Override
public void onGroupCollapse(int groupPosition) {
    LinearLayout.LayoutParams param = (LinearLayout.LayoutParams) expListView.getLayoutParams();
    param.height = LinearLayout.LayoutParams.WRAP_CONTENT;
    expListView.setLayoutParams(param);
    expListView.refreshDrawableState();
    scrollView.refreshDrawableState();
}

Answer 3

首先，我想您不会在滚动视图中使用多个子布局，因为滚动视图只能有一个直接子视图。

其次，您不应在滚动视图中使用任何滚动组件，如可扩展列表，这就是为什么ScrollView 中的ListView 不在 Android 上滚动的原因。

Answer 4

我知道这个问题已经很老了，但可能对某人有帮助。 基本上我的答案是 Amit Tumkur 和 user2141833 的答案的组合。 经过大量反复试验，以下代码对我有用：

首先计算可扩展列表视图的初始高度，即当整个事物折叠时

    for (Integer i = 0; i < mAdapter.getGroupCount(); i++) {
        View groupItem = mAdapter.getGroupView(i, false, null, mExpandableListView);
        groupItem.measure(mExpandableListView.getWidth(), View.MeasureSpec.UNSPECIFIED);
        mInitialHeight += groupItem.getMeasuredHeight();
    }

然后当单击该组时，将可扩展列表视图的高度设置为 Wrap Content

    mExpandableListView.setOnGroupClickListener(new ExpandableListView.OnGroupClickListener() {
        @Override
        public boolean onGroupClick(ExpandableListView parent, View v, int groupPosition, long id) {
            //Other Expansion/Collapsing Logic
            setListHeightToWrap();
            return true;
        }
    });

setListHeightToWrap 是一种不同的方法：

private void setListHeightToWrap() {
    LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) mExpandableListView.getLayoutParams();
    params.height = ViewGroup.LayoutParams.WRAP_CONTENT;
    mExpandableListView.setLayoutParams(params);
    mExpandableListView.refreshDrawableState();
    mScrollView.refreshDrawableState();
}

然后在 OnGroupExpandListener 中将可扩展列表视图的高度设置为：

    mExpandableListView.setOnGroupExpandListener(new ExpandableListView.OnGroupExpandListener() {
        @Override
        public void onGroupExpand(int groupPosition) {
            LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) mStitchingWorksListView.getLayoutParams();
            //The Logic here will change as per your requirements and the height of each of the children in the group
            if (mAdapter.getRealChildrenCount(groupPosition) > 6) {
                params.height = 9 * mInitialHeight;
            } else {
                params.height = 6 * mInitialHeight;
            }
            //For Last Group in the list and the number of children were less as compared to other groups
            if (groupPosition == mAdapter.getGroupCount() - 1) {
                params.height = 3 * mInitialHeight;
            }
            mExpandableListView.setLayoutParams(params);
            mExpandableListView.refreshDrawableState();
        }
    });

此外，布局是在 ScrollView 内的 LinearLayout 内的 ExpandableListView。

希望这可以帮助某人。 :)

Answer 5

对于正在寻找可扩展列表视图到滚动视图的用户，请按照以下链接和代码使用视图而不是可扩展列表-

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

    <LinearLayout
        android:id="@+id/linear_listview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" />

</ScrollView>

在 Java Class 中，类似这样的事情-

for (int i = 0; i < pProductArrayList.size(); i++) {

            LayoutInflater inflater = null;
            inflater = (LayoutInflater) getApplicationContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            View mLinearView = inflater.inflate(R.layout.row_first, null);

            final TextView mProductName = (TextView) mLinearView.findViewById(R.id.textViewName);
            final RelativeLayout mLinearFirstArrow=(RelativeLayout)mLinearView.findViewById(R.id.linearFirst);
            final ImageView mImageArrowFirst=(ImageView)mLinearView.findViewById(R.id.imageFirstArrow);
            final LinearLayout mLinearScrollSecond=(LinearLayout)mLinearView.findViewById(R.id.linear_scroll);

            if(isFirstViewClick==false){
            mLinearScrollSecond.setVisibility(View.GONE);
            mImageArrowFirst.setBackgroundResource(R.drawable.arw_lt);
            }
            else{
                mLinearScrollSecond.setVisibility(View.VISIBLE);
                mImageArrowFirst.setBackgroundResource(R.drawable.arw_down);
            }

            mLinearFirstArrow.setOnTouchListener(new OnTouchListener() {

                @Override
                public boolean onTouch(View v, MotionEvent event) {

                    if(isFirstViewClick==false){
                        isFirstViewClick=true;
                        mImageArrowFirst.setBackgroundResource(R.drawable.arw_down);
                        mLinearScrollSecond.setVisibility(View.VISIBLE);

                    }else{
                        isFirstViewClick=false;
                        mImageArrowFirst.setBackgroundResource(R.drawable.arw_lt);
                        mLinearScrollSecond.setVisibility(View.GONE);   
                    }
                    return false;
                } 
            });

Answer 6

在adapteSet下面输入代码

enter code hereListAdapter listAdapter = listView.getAdapter();
 int totalHeight = 0;
 for (int i = 0; i < listAdapter.getCount(); i++) {
      View listItem = listAdapter.getView(i, null, listView);
      listItem.measure(0, 0);
      totalHeight += listItem.getMeasuredHeight();
 }

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

Answer 7

请尝试一次。

1）在设置适配器后立即添加此行 setExpandableListViewHeight(expandableListViewCategories) 。

 expandableListCategoriesAdapter = new ExpandableListCategoriesAdapter(getActivity(), listDataHeader, listDataChild); 
 expandableListViewCategories.setAdapter(expandableListCategoriesAdapter);
 expandableListCategoriesAdapter.notifyDataSetChanged();
 setExpandableListViewHeight(expandableListView);

2) 复制波纹管内容并将其粘贴到 setExpandableListViewHeight() 方法中。

private void setExpandableListViewHeight(ExpandableListView listView) {
        try {
            ExpandableListAdapter listAdapter = (ExpandableListAdapter) listView.getExpandableListAdapter();
            int totalHeight = 0;
            for (int i = 0; i < listAdapter.getGroupCount(); i++) {
                View listItem = listAdapter.getGroupView(i, false, null, listView);
                listItem.measure(0, 0);
                totalHeight += listItem.getMeasuredHeight();
            }

            ViewGroup.LayoutParams params = listView.getLayoutParams();
            int height = totalHeight + (listView.getDividerHeight() * (listAdapter.getGroupCount() - 1));
            if (height < 10) height = 200;
            params.height = height;
            listView.setLayoutParams(params);
            listView.requestLayout();
            scrollBody.post(new Runnable() {
                public void run() {           
                    scrollBody.fullScroll(ScrollView.FOCUS_UP);
                }
            });
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

注意：这将自动关闭您的 ExpandableListView，您可以滚动查看完整视图。

Answer 8

在尝试了太多解决方案之后，我结合了两个解决方案，任何它都能正常工作menuHeight很重要。

  expandableListView.setOnGroupExpandListener(new ExpandableListView.OnGroupExpandListener() {
    @Override
    public void onGroupExpand(int groupPosition) {
        LinearLayout.LayoutParams param = (LinearLayout.LayoutParams) 
        expandableListView.getLayoutParams();
        param.height = (2 * menuHeight); //adjust 2 according to you
        expandableListView.setLayoutParams(param);
        expandableListView.refreshDrawableState();
        findViewById(R.id.sv_menu).refreshDrawableState();

    }
});

static int menuHeight =0; // declare globally
public static void setListViewHeightBasedOnChildren(ExpandableListView listView) {
ListAdapter listAdapter = listView.getAdapter();
if (listAdapter == null) return;
int desiredWidth = View.MeasureSpec.makeMeasureSpec(listView.getWidth(),
        View.MeasureSpec.UNSPECIFIED);
int totalHeight = 0;
View view = null;
for (int i = 0; i < listAdapter.getCount(); i++) {
    view = listAdapter.getView(i, view, listView);
    if (i == 0) view.setLayoutParams(new ViewGroup.LayoutParams(desiredWidth, ViewGroup.LayoutParams.WRAP_CONTENT));

    view.measure(desiredWidth, View.MeasureSpec.UNSPECIFIED);
    totalHeight += view.getMeasuredHeight();
}

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

menuHeight = totalHeight;}

Answer 9

从 API Level 21 (Lollipop) 开始，Android SDK 正式支持嵌套滚动容器。 View 和 ViewGroup 类中有很多方法提供了这个功能。 要在 Lollipop 上进行嵌套滚动，您必须通过在其 XML 声明中添加 android:nestedScrollingEnabled="true" 或通过显式调用 setNestedScrollingEnabled(true) 来为子滚动视图启用它。