Android群英传笔记——第四章:ListView使用技巧

简介: <div class="markdown_views"><h1 id="android群英传笔记第四章listview使用技巧">Android群英传笔记——第四章:ListView使用技巧</h1><hr><blockquote> <p>最近也是比较迷茫,但是有一点点还是要坚持的,就是学习了,最近离职了,今天也是继续温习第四章ListView,也拖了其实也挺久的了

Android群英传笔记——第四章:ListView使用技巧


最近也是比较迷茫,但是有一点点还是要坚持的,就是学习了,最近离职了,今天也是继续温习第四章ListView,也拖了其实也挺久的了,listview可谓是老牌大将了,很多的应用场景都要使用它,他也是我们用得最多的控件之一了,虽然现在出来了一个RecyclerView,但是ListView的地位一时半会儿还是撼动不了的,这就促使我们更加应该去把他掌握了

一.Listview常用优化技巧

我们一步步来把ListView学习好

1.使用ViewHolder模式提高效率

ViewHolder模式是提高ListView效率的一个很重要的方法,他充分利用了ListView的视图缓存机制,避免每次调用getView()的时候去通过findViewById()实例化控件,有人测试结果效率要高百分之五十,我们只需要在自定义的Adapter里面定义一个内部类ViewHolder即可,代码如下:

    public final class ViewHolder{
        public ImageView img;
        public TextView tv;
    }

然后我们在getView的时候复用就行了,我们来看一下完整的Adapter

package com.lgl.listviewdemo;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

/**
 * 自定义Adapter
 * Created by LGL on 2016/3/10.
 */
public class MyAdapter extends BaseAdapter {

    private List<String> mData;
    private LayoutInflater mInflater;

    //构造方法
    public MyAdapter(Context context, List<String> mData) {
        this.mData = mData;
        mInflater = LayoutInflater.from(context);
    }

    //返回长度
    @Override
    public int getCount() {
        return mData.size();
    }

    @Override
    public Object getItem(int position) {
        return mData.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder = null;
        //判断是否有缓存
        if (convertView == null) {
            viewHolder = new ViewHolder();
            //通过LayoutInflater去实例化布局
            convertView = mInflater.inflate(R.layout.item, null);
            viewHolder.img = (ImageView) convertView.findViewById(R.id.img);
            viewHolder.tv = (TextView) convertView.findViewById(R.id.tv);
            convertView.setTag(viewHolder);
        } else {
            //通过TAG找到缓存的布局
            viewHolder = (ViewHolder) convertView.getTag();
        }
        //设置布局中要显示的东西‘
        viewHolder.tv.setText(mData.get(position));
        return convertView;
    }

    public final class ViewHolder {
        public ImageView img;
        public TextView tv;
    }
}

如果我们要使用的话,我们就可以直接使用adapter了

package com.lgl.listviewdemo;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ListView;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    private ListView listview;
    private MyAdapter myAdapter;
    private List<String> list = new ArrayList<String>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        listview = (ListView) findViewById(R.id.listview);

        for (int i = 0; i < 20; i++) {
            list.add("第" + i + "张");
        }
        myAdapter = new MyAdapter(this, list);
        listview.setAdapter(myAdapter);
    }
}

我们运行一下

这里写图片描述

OK我们继续

2.设置项目间分割栏、

ListView在各个项目之中,可以通过分割线进行区分的,系统也提供了两个属性来设置item间的颜色和高度

android:dividerHeight="10dp"
android:divider="@android:color/holo_blue_bright"

我们来运行一下

这里写图片描述

但是如果你是需要去掉这个分割线的话,其实也好办

 android:divider="@null"

看图

这里写图片描述

3.隐藏listview的滚动条

这个看需求吧,虽然说实话,我是很不喜欢这个滚动条的,但是不可否认他还是需要用来显示进度的,去掉的方法也很简单,加一条属性就可以了

 android:scrollbars="none"

4.取消ListView的item点击效果

这里写图片描述

先来看一下点击的效果,是有一点点灰色的点击效果,我们把他给去掉,加一个点击反馈颜色透明的属性就可以了

 android:listSelector="@android:color/transparent"

这里;你也可以直接填#00000000

5.设置ListView需要显示在第几项

ListView默认是从上到下的,我们可以认为的去设置他要显示的item

listview.setSelection(15);

这个就有点类似于平滑的效果了

listview.smoothScrollBy(1,15);
listview.smoothScrollByOffset(15);
listview.smoothScrollToPosition(15);

6.动态修改ListView

这个就很常用了,我们在某一个场景的时候需要对listview增加数据,我们应该怎么样做尼?我们在xml里新增加一个button

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

    <Button
        android:id="@+id/add_data"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="添加数据" />
</LinearLayout>

然后我们的点击事件就可以这样写了

 @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.add_data:
                list.add("我是新增加的数据");
                //通知刷新
                myAdapter.notifyDataSetChanged();
                break;
        }
    }

来看看效果吧

这里写图片描述

7.遍历所有的item

ListView作为一个ViewGroup,他提供了很多操纵子View的方法,最常用的就是getChilaAt()来获取View了

for (int j = 0; j < listview.getChildCount();j++){
            View v = listview.getChildAt(12);
        }

8.处理空ListView

有时候我们获取一条数据的时候,他需要显示列表,有的可能是空,这样的话,我们就得处理一下了,我们在布局中新加一个textview

 <TextView
        android:id="@+id/tv_null"
        android:text="没有数据"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

只要在代码中设置如果是空数据的话就加载这个布局就可以

 listview.setEmptyView(findViewById(R.id.tv_null));

这样的话,如果ListView为空数据的时候就会设置这句话了

9.ListView滑动监听

ListView的滑动监听可是ListView的很重要的一个技巧,很多应用场景需要重写ListView的其实都要在滑动监听上下很大的功夫,通过判断滑动事件来处理不同的逻辑这是很有必要的,开发者通常还需要GestureDetector手势识别,VelocityTracker滑动速度检测来辅助监听,这里介绍两种监听方法,一种是OnTouchListener,另一中是OnScrollListener

-1. OnTouchListener

OnTouchListener是View的监听事件,包括ACTION_DOWN,UP,MOVE等,通过坐标的改变老发生不同的逻辑

listview.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {
                switch (motionEvent.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        //触摸时操作
                        break;
                    case MotionEvent.ACTION_MOVE:
                        //移动时操作
                        break;
                    case MotionEvent.ACTION_UP:
                        //离开时操作
                        break;
                }
                return true;
            }
        });

-2 OnScrollListener

OnScrollListener是AbsListView的监听事件,他封装了很多ListView的相关信息,所以用起来很灵活

 listview.setOnScrollListener(new AbsListView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(AbsListView absListView, int i) {
                               switch (i) {
                    case AbsListView.OnScrollListener.SCROLL_STATE_IDLE:
                        //滚动停止
                        break;
                    case AbsListView.OnScrollListener.SCROLL_STATE_TOUCH_SCROLL:
                        //正在滚动
                        break;
                    case AbsListView.OnScrollListener.SCROLL_STATE_FLING:
                        //手指抛动时,即手指用力滑动的时候
                        break;
                }
            }

            @Override
            public void onScroll(AbsListView absListView, int i, int i1, int i2) {
                    //滚动的时候一直在调用
            }
        });

OnScrollListener中有两个回调方法onScrollStateChanged()和onScroll,我们先来看看onScrollStateChanged吧,这个方法的参数i来决定其回调的次数,有三种模式

  • OnScrollListener.SCROLL_STATE_IDLE://滚动停止
  • OnScrollListener.SCROLL_STATE_TOUCH_SCROLL://正在滚动
  • OnScrollListener.SCROLL_STATE_FLING://手指抛动时,即手指用力滑动的时候

当用户没有做手指抛动的动作时,这个方法只会调用2次,否则就调用三次,差别就在于手指抛动的这个状态,通常情况下,我们会在这个方法中通过不同的状态来标注一些FLAG,我们来看下onScrill()这个方法

                /**
                 * firstVisibleItem:表示在现时屏幕第一个ListItem(部分显示的ListItem也算)在整个ListView的位置(下标从0开始)
                 * visibleItemCount:表示在现时屏幕可以见到的ListItem(部分显示的ListItem也算)总数
                 * totalItemCount:表示ListView的ListItem总数
                 * listView.getFirstVisiblePosition()表示在现时屏幕第一个ListItem(第一个ListItem部分显示也算)在整个ListView的位置(下标从0开始)
                 * listView.getLastVisiblePosition()表示在现时屏幕最后一个ListItem(最后ListItem要完全显示出来才算)在整个ListView的位置(下标从0开始)
                 */

这里有一点要注意的是,当前能看到的item数也包括没有显示完全的,这样我们就又能Get到一些技巧了

 if(i+i1 == i2 &&i2>0){
     //滚动到最后一行
     }

再比如监听滑动放心

 int i3 = i;
 if(i>i3){
     //上滑
  }else if(i<i3){
     //下滑
  }

通过一个成员变量来记住上一个可视item就知道滑动的方法了,当然,ListView还提供了很多获取位置信息的方法

 //获取可视区域内最后一个item的id
listview.getLastVisiblePosition();
 //获取可视区域内第一个item的id
 listview.getFirstVisiblePosition();

二.ListView常用扩展

虽然ListView应用很广泛,但是毕竟是一个显示的东西,扩展性肯定要的,我们接下来说几种常见的扩展

1.具有弹性的ListView

Android默认滑动到顶部或者底部只会有一个阴影,而在5.X之后改变成了半圆的阴影

这里写图片描述

而在IOS上,列表是具有弹性的,即滚动到顶部或者底部,会再滚动一段距离,这样的设计感觉还是挺友好的,我们也来模仿一下

我们在查看ListView的源码的时候会发现一个控制滑动到边缘的处理方法

@Override
    protected boolean overScrollBy(int deltaX, int deltaY, int scrollX, int scrollY, int scrollRangeX, int scrollRangeY, int maxOverScrollX, int maxOverScrollY, boolean isTouchEvent) {
        return super.overScrollBy(deltaX, deltaY, scrollX, scrollY, scrollRangeX, scrollRangeY, maxOverScrollX, maxOverScrollY, isTouchEvent);
    }

我們可以看到这样一个参数maxOverScrollY,就是他负责控制滑动的个数的,默认是0,我们重写ListView

package com.lgl.listviewdemo;

import android.content.Context;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.widget.ListView;

/**
 * 弹性ListView
 * Created by lgl on 16/3/20.
 */
public class ListViewScroll extends ListView {

    private int mMaxOverdistance ;

    public ListViewScroll(Context context, AttributeSet attrs) {
        super(context, attrs);

        //通过分辨率来调节滑动尺度
        DisplayMetrics metrics = context.getResources().getDisplayMetrics();
        float density = metrics.density;
        mMaxOverdistance = (int)(density*mMaxOverdistance);

    }


    @Override
    protected boolean overScrollBy(int deltaX, int deltaY, int scrollX, int scrollY, int scrollRangeX, int scrollRangeY, int maxOverScrollX, int maxOverScrollY, boolean isTouchEvent) {
        return super.overScrollBy(deltaX, deltaY, scrollX, scrollY, scrollRangeX, scrollRangeY, mMaxOverdistance, maxOverScrollY, isTouchEvent);
    }
}

2.自动显示,隐藏布局的ListView

相信看过Google最新的应用,或者使用了MD风格的应用都知道,列表滑动的时候actionbar可以根据状态显示或者隐藏,

这一段作者写的很乱

这要是讲一下大概,需要使用ToolsBar,然后一个listview

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary" />

不详细记了,在我讲MD风格的时候会详细介绍的

3.聊天ListView

相信大家都看过聊天的ListView吧,这个主要是adapter做手脚,其实设计者早就想到了这种方法,所以在继承BaseAdapter的时候还需要重写两个方法

 @Override
    public int getItemViewType(int position) {
        return super.getItemViewType(position);
    }

    @Override
    public int getViewTypeCount() {
        return super.getViewTypeCount();
    }

我们这里大致的了解一个思路,我们可以设置一个tag来识别不同的方向,先写两个item,分别是左边的和右边的布局,然后,我们再来写个实体类Bean

Bean

package com.lgl.listviewdemo;

import android.graphics.Bitmap;

/**
 * 实体类
 * Created by lgl on 16/3/20.
 */
public class Bean {

    private int type;
    private String text;
    private Bitmap icon;

    public Bean() {
    }

    public int getType() {
        return type;
    }

    public void setType(int type) {
        this.type = type;
    }

    public String getText() {
        return text;
    }

    public void setText(String text) {
        this.text = text;
    }

    public Bitmap getIcon() {
        return icon;
    }

    public void setIcon(Bitmap icon) {
        this.icon = icon;
    }
}

现在就可以编写我们的Adapter了

SpeakAdapter

package com.lgl.listviewdemo;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

/**
 * Created by lgl on 16/3/20.
 */
public class SpeakAdapter extends BaseAdapter{

    private List<Bean>mData;
    private LayoutInflater mInflater;

    //构造方法
    public SpeakAdapter(Context context,List<Bean>mData){
        this.mData = mData;
        mInflater = LayoutInflater.from(context);
    }

    @Override
    public int getCount() {
        return mData.size();
    }

    @Override
    public Object getItem(int position) {
        return mData.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder;
        if(convertView == null){
            //区分左右
            if(getItemViewType(position) == 0){
                viewHolder = new ViewHolder();
                convertView = mInflater.inflate(R.layout.left_item,null);
                viewHolder.icon = (ImageView) convertView.findViewById(R.id.left_icon);
                viewHolder.text = (TextView) convertView.findViewById(R.id.tv_left);
            }else{
                viewHolder = new ViewHolder();
                convertView = mInflater.inflate(R.layout.right_item,null);
                viewHolder.icon = (ImageView) convertView.findViewById(R.id.right_icon);
                viewHolder.text = (TextView) convertView.findViewById(R.id.tv_right);
            }
            convertView.setTag(viewHolder);
        }else{
            viewHolder = (ViewHolder) convertView.getTag();
        }

        viewHolder.icon.setImageBitmap(mData.get(position).getIcon());
        viewHolder.text.setText(mData.get(position).getText());

        return convertView;
    }

    @Override
    public int getItemViewType(int position) {
        Bean bean = mData.get(position);
        return bean.getType();
    }

    @Override
    public int getViewTypeCount() {
        return 2;
    }

    public final class  ViewHolder{
        public ImageView icon;
        public TextView text;
    }
}

这里大致的思路也就是在getview中区分,现在我们的SpeakListViewActivity中就可以这样写

package com.lgl.listviewdemo;

import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.os.PersistableBundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.ListView;

import java.util.ArrayList;
import java.util.List;

/**
 * 聊天ListView
 * Created by lgl on 16/3/20.
 */
public class SpeakListViewActivity extends AppCompatActivity {

    private ListView mListview;

    @Override
    public void onCreate(Bundle savedInstanceState, PersistableBundle persistentState) {
        super.onCreate(savedInstanceState, persistentState);
        setContentView(R.layout.activity_speak);

        mListview = (ListView) findViewById(R.id.listview);
        Bean bean1 = new Bean();
        bean1.setType(0);
        bean1.setIcon(BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher));
        bean1.setText("我是左边");

        Bean bean2 = new Bean();
        bean2.setType(1);
        bean2.setIcon(BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher));
        bean2.setText("我是右边");

        List<Bean>data = new ArrayList<Bean>();
        data.add(bean1);
        data.add(bean2);

        SpeakAdapter adapter = new SpeakAdapter(this,data);
        mListview.setAdapter(adapter);
    }
}

把数据装载好了就行,这里只是演示

4.动态改变ListView的布局

都是什么鬼,写的不是很详细呀

通常情况下,如果要动态的改变点击item的布局来达到Focus的效果,一般有两种方法,一是将两个布局写在一起,通过布局的显示隐藏来达到切换布局的效果,另外一种则是在getView的时候,通过判断来选择不同的加载不同的布局,两种方法都有利弊,关键还是要看看应用场景,所以我们还是得在Adapter下手脚

 private View addFocusView(int i){
        ImageView iv = new ImageView(mContext);
        iv.setImageResource(R.mipmap.ic_launcher);
        return iv;
    }

    private View addNormalView(int i){
        LinearLayout layout = new LinearLayout(mContext);
        layout.setOrientation(LinearLayout.HORIZONTAL);
        ImageView iv = new ImageView(mContext);
        iv.setImageResource(R.mipmap.ic_launcher);
        layout.addView(iv,new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT));
        TextView tv = new TextView(mContext);
        tv.setText(list.get(i));
        layout.addView(tv, new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT));
        layout.setGravity(Gravity.CENTER);
        return layout;
    }

在这两个方法中就可以根据item的不同位置显示不同的信息了,下面我们回到adapter中

@Override
    public View getView(int position, View convertView, ViewGroup parent) {
        LinearLayout layout = new LinearLayout(mContext);
        layout.setOrientation(LinearLayout.VERTICAL);
        if(mCurrentItem == position){
            layout.addView(addFocusView(position));
        }else {
            layout.addView(addNormalView(position));
        }

        return convertView;
    } 

这样就可以自由选择了
那我们现在就来监听他的点击逻辑吧

 listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                myAdapter.setCurrentItem(position);
                myAdapter.notifyDataSetChanged();
            }
        });

OK,搞定,实在的说吧,这一章不止这点内容,不过本书很多都一笔带过了,当然,的确进阶书不需要写很详细,但是…额….我们接着看下一章吧!

笔记下载链接:http://pan.baidu.com/s/1c0U7k2W 密码:9v0g

Demo下载地址:http://download.csdn.net/detail/qq_26787115/9467353

目录
相关文章
|
1月前
|
API Android开发 开发者
Android UI设计: 什么是RecyclerView?为什么它比ListView更好?
Android UI设计: 什么是RecyclerView?为什么它比ListView更好?
19 2
|
2月前
|
XML Java Android开发
Android Studio App入门之列表视图ListView的讲解及实战(附源码 超详细必看)
Android Studio App入门之列表视图ListView的讲解及实战(附源码 超详细必看)
38 0
|
2月前
|
XML Android开发 数据格式
安卓-无敌解决ListView添加标题头无法正常显示的问题(歪门邪道)
安卓-无敌解决ListView添加标题头无法正常显示的问题(歪门邪道)
28 0
|
4月前
|
Java Android开发
[笔记]Android 学习一之转场动画+ViewPager+ListView简单Demo
[笔记]Android 学习一之转场动画+ViewPager+ListView简单Demo
|
8月前
|
Java Android开发 容器
Android实战开发--小慕笔记UI设计(Fragment布局的使用)
Android实战开发--小慕笔记UI设计(Fragment布局的使用)
Android实战开发--小慕笔记UI设计(Fragment布局的使用)
|
9月前
|
XML Java Android开发
Android优化版ListView(附源代码)
本文是博主对Adapter(适配器)的一些理解,为了加深对Adapter的理解以及记录自己的阶段学习而写,同时也适合初学者阅读,参考本条博客的逻辑进行学习。
110 0
|
存储 前端开发 Shell
Android Jetpack Compose——一个简单的笔记APP
此项目功能较为简单,基本就是使用Room数据库实现CRUD,但是此项目实现了一个干净的架构,项目使用MVVM架构进行设计,每一个模块的职责划分清晰,功能明确,没有冗余的代码。其中涉及了Hilt依赖注入,对于数据库的的操作,使用接口实现类进行获取,然后将实现类的CRUD操作封装在一个数据类中,最后通过Hilt自动注入依赖,供外部调用。
537 1
Android Jetpack Compose——一个简单的笔记APP
|
编解码 Java Linux
|
Android开发
安卓中listview点击每一条进入不同界面
安卓中listview点击每一条进入不同界面
93 0
|
编解码 算法 Android开发
Android中的音视频(1)|青训营笔记(二)
关于音视频,我们需要先了解如下的知识
Android中的音视频(1)|青训营笔记(二)

相关产品

  • 云迁移中心