ScrollView嵌套ListView,显示不全和位置不是顶部的解决办法

1、前言

当你看到这篇文章的时候,其实你就已经错了,因为ScrollView 中嵌套 List 或 RecyclerView 的做法官方明确禁止。除了开发过程中遇到的各种视觉和交互问题,这种做法对性能也有较大损耗。ListView 等 UI 组件自身有垂直滚动功能,也没有必要在嵌套一层 ScrollView。目前为了较好的 UI 体验,更贴近 Material Design 的设计,推荐使用 NestedScrollView。

在APP开发中会用到listview和某个Linearout一起滑动的情况,有两种实现方式;一是listview嵌套Scrollview,二是给listview加头,这里就都说一下。

2、listview嵌套Scrollview问题一:listview数据只显示一行怎么办 ?

(1)首先写一个listview的页面,用ScrollView进行嵌套,注意ScrollView里面只能有一个布局属性,多个可以用Linearo
 

 
  1. <ScrollView

  2. xmlns:android="http://schemas.android.com/apk/res/android"

  3. android:layout_width="match_parent"

  4. android:layout_height="match_parent">

  5. <LinearLayout

  6. android:layout_width="match_parent"

  7. android:orientation="vertical"

  8. android:focusableInTouchMode="true"

  9. android:focusable="true"

  10. android:layout_height="match_parent">

  11. <com.bigkoo.convenientbanner.ConvenientBanner

  12. xmlns:app="http://schemas.android.com/apk/res-auto"

  13. android:id="@+id/building_advert"

  14. android:layout_width="match_parent"

  15. android:layout_height="200dp"

  16. app:canLoop="true" />

  17. <LinearLayout

  18. android:layout_width="match_parent"

  19. android:background="@color/gray_background"

  20. android:orientation="horizontal"

  21. android:gravity="center_vertical"

  22. android:layout_gravity="center_vertical"

  23. android:layout_height="40dp">

  24. <TextView

  25. android:layout_width="wrap_content"

  26. android:text="当前区域:"

  27. android:layout_marginLeft="15dp"

  28. android:gravity="center_vertical"

  29. android:textColor="@color/gray_font"

  30. android:layout_height="match_parent" />

  31. <TextView

  32. android:layout_width="wrap_content"

  33. android:text="和平区"

  34. android:textColor="@color/gray_font"

  35. android:gravity="center_vertical"

  36. android:layout_height="match_parent" />

  37. <ImageView

  38. android:layout_width="wrap_content"

  39. android:layout_height="wrap_content"

  40. android:layout_gravity="center_vertical"

  41. android:layout_marginLeft="2dp"

  42. android:src="@drawable/dropdown_gray"

  43. />

  44. </LinearLayout>

  45. <ListView

  46. android:id="@+id/main_building_listivew"

  47. android:layout_width="match_parent"

  48. android:layout_height="match_parent"

  49. android:dividerHeight="1dp"

  50. android:listSelector="#00000000" >

  51. </ListView>

  52. </LinearLayout>

  53. </ScrollView>

(2)、页面填写完成后,需要给listview加载数据,加载完成后需要手动计算listview的高度,不然只能显示一行数据

 
  1. /*

  2. * 当ScrollView 与 LiseView 同时滚动计算高度的方法

  3. * 设置listview 的高度

  4. * 参数:listivew的findviewbyid

  5. * */

  6. public static void setListViewHeightBasedOnChildren(ListView listView) {

  7. try{

  8. // 获取ListView对应的Adapter

  9. ListAdapter listAdapter = listView.getAdapter();

  10. if (listAdapter == null) {

  11. return;

  12. }

  13.  
  14. int totalHeight = 0;

  15. for (int i = 0, len = listAdapter.getCount(); i < len; i++) {

  16. // listAdapter.getCount()返回数据项的数目

  17. View listItem = listAdapter.getView(i, null, listView);

  18. // 计算子项View 的宽高

  19. listItem.measure(0, 0);

  20. // 统计所有子项的总高度

  21. totalHeight += listItem.getMeasuredHeight();

  22. }

  23.  
  24. ViewGroup.LayoutParams params = listView.getLayoutParams();

  25. params.height = totalHeight+ (listView.getDividerHeight() * (listAdapter.getCount() - 1));

  26. // listView.getDividerHeight()获取子项间分隔符占用的高度

  27. // params.height最后得到整个ListView完整显示需要的高度

  28. listView.setLayoutParams(params);

  29. }catch (Exception e){

  30. Helper.saveFileLog("setListViewHeightBasedOnChildren___"+e.toString());

  31. }

  32. }

3、问题二:加载数据时,会显示到listview的顶部,而不是整个页面的最顶部

解决办法有如下5中办法:

  1. myScrollView.smoothScrollTo(0,20);

    需在listview数据加载完成后调用

  2. 在代码里去掉listview的焦点

    lv.setFocusable(false);

  3. Listview外套一层LinearLayout

  4. 跟EditText一样,在父元素的属性下面下下面这两行即可

    android:focusableInTouchMode=”true” 
    android:focusable=”true”

  5. 最开始的时候让最上面其中一个控件获得焦点,滚动条自然就到顶部去了,如下:

    txtBaseMsg.setFocusable(true); 
    txtBaseMsg.setFocusableInTouchMode(true); 
    txtBaseMsg.requestFocus();

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值