Android群英传读书笔记——第四章：ListView使用技巧

 第四章目录

4.1 ListView常用优化技巧 

• 4.1.1 使用ViewHolder模式提高效率
• 4.1.2 设置项目间分割线
• 4.1.3 隐藏ListView的滚动条
• 4.1.4 取消ListView的Item点击效果
• 4.1.5 设置ListView需要显示在第几项
• 4.1.6 动态修改ListView
• 4.1.7 遍历ListView中的所有Item
• 4.1.8 处理空ListView
• 4.1.9 ListView滑动监听

4.2 ListView常用拓展 

• 4.2.1 具有弹性的ListView
• 4.2.2 自动显示、隐藏布局的ListView
• 4.2.3 聊天ListView
• 4.2.4 动态改变ListView布局

第四章读书笔记

4.1 ListView常用优化技巧

4.1.1  使用ViewHolder模式提高效率

ViewHolder模式充分利用了ListView的视图缓存机制，避免了每次在调用getView()的时候都去通过findViewById()实例化控件。据测试，使用ViewHolder将提高50%以上的效率

public class ViewHolderAdapter extends BaseAdapter{

    private List<String> mData;
    private LayoutInflater mInflater;

    public ViewHolderAdapter(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;
    }
    // 主要是getView方法
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        //判断是否有缓存，如果没缓存就new，并且用setTag方法做个标记
        if (convertView == null) {
            holder = new ViewHolder();
            //通过LayoutInflater实例化布局
            convertView = mInflater.inflate(R.layout.viewholder_item, null);
            holder.img = (ImageView) convertView.findViewById(R.id.imageView);
            holder.title = (TextView) convertView.findViewById(R.id.textView);
            // tag顾名思义"标签"，设置一个标签，标签可以是任何玩意儿，哈哈哈
            convertView.setTag(holder);
        // 如果有缓存就直接取
        } else {
            //通过tag找到缓存的布局
            holder = (ViewHolder) convertView.getTag();
        }
        //设置布局中控件要显示的视图
        holder.img.setBackgroundResource(R.mipmap.ic_launcher);
        holder.title.setText(mData.get(position));
        return convertView;
    }

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

4.1.2 设置项目间分割线

// 设置分割线，颜色或者图片资源
android:divider="@android:color/darker_gray"
// 设置分割线高度
android:dividerHeight="10dp"
// 设置分割线为透明，也就是没有分割线
android:divider="@null"

4.1.3 隐藏ListView的滚动条

android:scrollbars="none"

4.1.4 取消ListView的Item点击效果

// 5.X之下版本是改变背景色的效果，5.X之上是波纹效果，设置为透明即可
android:listSelector="@android:color/transparent"

4.1.5 设置ListView需要显示在第几项

// 瞬间的移动
listview.setSelection(N);
// 平滑的移动
listview.smoothScrollBy(distance,duration);
listview.smoothScrollByOffset(offset);
listview.smoothScrollToPosition(index);

// 哎，其实说白了和RecyclerView很相似的，都是那个道理

4.1.6 动态修改ListView

1. 当数据发生变化时，可以使用notifyDataSetChanged()来刷新ListView，
2. 但是必须保证使用这个方法传进Adapter的数据List是同一个List而不能是其他对象

// 修改了传给Adapter的映射List之后，只需调用notifyDataSetChanged()
mData.add("new");
mAdapter.notifyDataSetChanged();

4.1.7 遍历ListView中的所有Item

// 通过getChildAt()来获取第i个子View
for (int i = 0; i < mListview.getChildCount();i++){
     View view = mListview.getChildAt(i);
}

4.1.8 处理空LIstView

布局文件如下：

// 布局文件
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <ImageView
        android:id="@+id/empty_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</FrameLayout>

1. FrameLayout左右控件都在左上角，最后添加的控件会覆盖前面添加的控件
2. 其实这个就相当于一个空数据的占位图，这张图片的宽高都是match_parent
3. 其实换种写法去实现占位图功能，listView为null的时候直接把listView隐藏掉就行了

ListView listView = (ListView)findViewById(R.id.listview);
listview.setEmptyView(findViewById(R.id.tv_null));

4.1.9 ListView滑动监听

4.1.9.1 OnTouchListener

• MotionEvent.ACTION_DOWN：触摸时操作
• MotionEvent.ACTION_MOVE：移动时操作
• MotionEvent.ACTION_UP：离开时操作

mListview.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 false;
    }
});

4.1.9.2 OnScrollListener

1、onScrollStateChanged中的参数：

• OnScrollListener.SCROLL_STATE_IDLE：滑动停止时
• OnScrollListener.SCROLL_STATE_TOUCH_SCROLL：正在滚动
• OnScrollListener.SCROLL_STATE_FLING：手指抛动时

2、onScroll参数：

• firstVisibleItem：当前能看见的第一个Item的ID
• visibleItemCount：当前能看见的Item总数
• totalItemCount：整个ListView的Item总数

mListview.setOnScrollListener(new OnScrollListener() {
    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {
                       switch (scrollState) {
            case OnScrollListener.SCROLL_STATE_IDLE:
                //滚动停止
                break;
            case OnScrollListener.SCROLL_STATE_TOUCH_SCROLL:
                //正在滚动
                break;
            case OnScrollListener.SCROLL_STATE_FLING:
                //手指抛动时
                break;
        }
    }

    @Override
    public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
        //滚动的时候一直在调用
    }
});

3、利用onScroll方法的参数可以判断滚动到最后一行：

if(firstVisibleItem + visibleItemCount == totalItemCount && totalItemCount>0){
     //滚动到最后一行
}

4、判断上滑和下滑：

if(firstVisibleItem > LastVisibleItemPosition){
    //上滑
}else if(firstVisibleItem < LastVisibleItemPosition){
    //下滑
}
// 记录上次第一个可视的Item的ID，并与当前的可视的第一个Item进行比较，就知道是上滑还是下滑
LastVisibleItemPosition = firstVisibleItem;

// 说白了这个和之前写的那个RecyclerView将点击的项滚动的中间很相似了

5、ListView也给我们提供封装好的方法获得当前可视的Item位置等信息：

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

4.2 ListView常用扩展

4.2.1 具有弹性的LIstView

这个弹性意思就是滚动到底端或者顶端会继续往下或者往上滑动一段距离

书中的代码是这样的：

public class TanXingListView extends ListView {
    // 这里应该赋个初值
    private int mMaxOverDistance = 20;

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

4.2.2 自动显示、隐藏布局的ListView

这个跟ScrollView滑动改变头部颜色很相似，记得将theme设置为NoActionBar，下面看代码：

public class ShowAndHideListViewActivity extends AppCompatActivity {
    // 最少滑动多少的距离就会触发隐藏效果
    private int mTouchSlop;
    // 动画效果
    private ObjectAnimator mAnimator;
    private Toolbar mToolBar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_show_and_hide_list_view);
        //添加头部
        mToolBar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(mToolBar);
        //填充布局
        ListView mListView = (ListView) findViewById(R.id.lv);
        String[] str = new String[]{"1", "2", "3", "4", "5", "6", "7", "8", "9"};
        mListView.setAdapter(new ArrayAdapter<String>(this, R.layout.list_item, R.id.tv, str));
        //添加头布局，防止第一条数据被遮盖
        View header = new View(this);
        header.setLayoutParams(new AbsListView.LayoutParams(AbsListView.LayoutParams.MATCH_PARENT,
                (int) getResources().getDimension(android.support.v7.
                        appcompat.R.dimen.abc_action_bar_default_height_material)));
        mListView.addHeaderView(header);
        //获得TouchSlop
        mTouchSlop = ViewConfiguration.get(this).getScaledTouchSlop();
        //设置监听
        mListView.setOnTouchListener(myTouchListener);
    }

    View.OnTouchListener myTouchListener = new View.OnTouchListener() {

        public boolean mShow;
        public int direction;
        public float mCurrentY;
        public float mFirstY;

        @Override
        public boolean onTouch(View v, MotionEvent event) {
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    mFirstY = event.getY();
                    break;
                case MotionEvent.ACTION_MOVE:
                    // 如果当前Y值大于之前的Y值，就是向下滑
                    mCurrentY = event.getY();
                    if (mCurrentY - mFirstY > mTouchSlop) {
                        direction = 0;//down
                    // 否则就是向上滑
                    } else if (mFirstY - mCurrentY > mTouchSlop) {
                        direction = 1;//up
                    }
                    if (direction == 1) {
                        if (mShow) {
                            toolBarAnim(0);//hide
                            mShow = !mShow;
                        }
                    } else if (direction == 0) {
                        if (!mShow) {
                            toolBarAnim(1);//up
                            mShow = !mShow;
                        }
                    }
                    break;
                case MotionEvent.ACTION_UP:

                    break;
            }
            return false;
        }
    };
    // 在这里加了个动画
    private void toolBarAnim(int flag) {
        if (mAnimator != null && mAnimator.isRunning()) {
            mAnimator.cancel();
        }
        if (flag == 0) {
            //up:hide
            mAnimator = ObjectAnimator.ofFloat(mToolBar, "translationY", -mToolBar.getHeight());
        } else {
            //down:show
            mAnimator = ObjectAnimator.ofFloat(mToolBar, "translationY", -mToolBar.getHeight(),0);
        }
        mAnimator.start();
    }

}

4.2.3 聊天ListView

这个说白了就是一个ListView的不同布局的显示，其实还是比较简单的

其他的布局，Activity中添加data数据什么的就不写了，直接上个不同布局的代码

public class ChatListViewAdapter extends BaseAdapter {

    private List<ChatItemListViewBean> mData;
    private LayoutInflater mInflater;

    public ChatListViewAdapter(Context context, List<ChatItemListViewBean> 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;
    }
    // 这里最好用常量表示是什么布局，不要用0,1
    @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) {
        ChatItemListViewBean bean = mData.get(position);
        return bean.getType();
    }

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

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

4.2.4 动态改变ListView布局

其实书中说的这个实现很简单，就是setCurrentPosition()，设置当前位置，然后去刷新ListView，这在项目里已经用烂啦，哈哈

public class DongTaiListViewAdapter extends BaseAdapter {

    private List<String> list;
    private Context mContext;
    private int mCurrentItem=0;

    public DongTaiListViewAdapter(Context context, List<String> list) {
        this.list = list;
        this.mContext = context;
    }

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

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

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

    @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 layout;
    }

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

    public void setCurrentItem(int position) {
        mCurrentItem = position;
    }
}

总结

其实现在常用RecyclerView，ListView用的也少了，不过现在再看这些代码感觉还是很易懂的，有很多地方在项目中也是常用，ListView的一些东西其实还是需要去好好理解和学习的，又看完了一章内容，加油吧！