Extensible listview inside scrollview

Question

I have little information to add with an extensible list. I can not scroll the entire layout. I have been looking for a suitable answer for over a week. Set up multiple answers.

Answer 1

Firstly, I assume that you are not using more than one child layout within the scroll view, since the scroll view can have only one direct child element.

Secondly, you should not use any scrolling component, such as an extensible list, inside the scroll here why the ListView inside ScrollView does not scroll on Android .

Answer 2

This solution worked for me when I used a custom layout in a scrollable navigation view with LinearLayout, which has an extensible list view.

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

In your 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 3

You can do it very simply. set the scroll view height to wrap_content. set the height of the root view inside the scroll view as wrap_content (for example, a linear layout) and set the drop-down list view to wrap_content. after that set OnGroupExpandListener and OnGroupCollapseListener for your extensible list view and set the height for this while the child of the extensible list is displayed. like this code: your layout:

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

and this is your fragment: (or in your activity)

 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 4

I know the question is quite old, but maybe it will be useful for someone. Basically, my answer is some combination of the answers of Amit Tumkur and user 2141833. After a lot of trial and error, the following code works for me:

First, we calculate the initial height of the list of the expandable list, that is, when all this is minimized

  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(); } 

Then, when a group is clicked, set the height of the expanded list view to wrap the 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 is another method:

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

Then in OnGroupExpandListener set the height of the expandable list in the form:

  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(); mExpandableListView.refreshDrawableState(); } }); 

Also the layout was an ExpandableListView inside a LinearLayout inside a ScrollView.

Hope this helps someone. :)

Answer 5

For users looking for an extensible listview in scrollview, use the views instead of the extensible list by following the link below and code-

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

And in a Java class something like this -

 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

Enter the code below adaptteSet

 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

Plese, try once.

1) Add this line to setExpandableListViewHeight (expandableListViewCategories) immediately after configuring the adapter.

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

2) Copy the content below and run it in the setExpandableListViewHeight () method.

 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(); } } 

Note. This will automatically turn off your ExpandableListView, and you will be able to scroll it with a full view.