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
 

<ScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:layout_width="match_parent"
        android:orientation="vertical"
        android:focusableInTouchMode="true"
        android:focusable="true"
        android:layout_height="match_parent">
        <com.bigkoo.convenientbanner.ConvenientBanner
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:id="@+id/building_advert"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            app:canLoop="true" />
        <LinearLayout
            android:layout_width="match_parent"
            android:background="@color/gray_background"
            android:orientation="horizontal"
            android:gravity="center_vertical"
            android:layout_gravity="center_vertical"
            android:layout_height="40dp">
            <TextView
                android:layout_width="wrap_content"
                android:text="当前区域:"
                android:layout_marginLeft="15dp"
                android:gravity="center_vertical"
                android:textColor="@color/gray_font"
                android:layout_height="match_parent" />
            <TextView
                android:layout_width="wrap_content"
                android:text="和平区"
                android:textColor="@color/gray_font"
                android:gravity="center_vertical"
                android:layout_height="match_parent" />
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_marginLeft="2dp"
                android:src="@drawable/dropdown_gray"
                />
        </LinearLayout>
        <ListView
            android:id="@+id/main_building_listivew"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:dividerHeight="1dp"
            android:listSelector="#00000000" >
        </ListView>
    </LinearLayout>
</ScrollView>

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

/*
 * 当ScrollView 与 LiseView 同时滚动计算高度的方法
 * 设置listview 的高度
 * 参数:listivew的findviewbyid
 * */
public static void setListViewHeightBasedOnChildren(ListView listView) {
   try{
      // 获取ListView对应的Adapter
      ListAdapter listAdapter = listView.getAdapter();
      if (listAdapter == null) {
         return;
      }

      int totalHeight = 0;
      for (int i = 0, len = listAdapter.getCount(); i < len; i++) {
         // listAdapter.getCount()返回数据项的数目
         View listItem = listAdapter.getView(i, null, listView);
         // 计算子项View 的宽高
         listItem.measure(0, 0);
         // 统计所有子项的总高度
         totalHeight += listItem.getMeasuredHeight();
      }

      ViewGroup.LayoutParams params = listView.getLayoutParams();
      params.height = totalHeight+ (listView.getDividerHeight() * (listAdapter.getCount() - 1));
      // listView.getDividerHeight()获取子项间分隔符占用的高度
      // params.height最后得到整个ListView完整显示需要的高度
      listView.setLayoutParams(params);
   }catch (Exception e){
      Helper.saveFileLog("setListViewHeightBasedOnChildren___"+e.toString());
   }
}

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

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值