Android仿微信联系人列表字母侧滑控件

 更新时间:2020年10月23日 08:48:38   作者:yuhengye  
这篇文章主要为大家详细介绍了Android仿微信联系人列表字母侧滑控件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

仿微信联系人列表字母侧滑控件, 侧滑控件参考了以下博客:

Android实现ListView的A-Z字母排序和过滤搜索功能

首先分析一下字母侧滑控件应该如何实现,根据侧滑控件的高度和字母的数量来平均计算每个字母应该占据的高度。

在View的onDraw()方法下绘制每一个字母

protected void onDraw(Canvas canvas) {
 super.onDraw(canvas);
 int height = getHeight();// 获取对应高度
 int width = getWidth(); // 获取对应宽度
 int singleHeight = height / getData().size();// 获取每一个字母的高度

 for (int i = 0; i < getData().size(); i++) {
  mPaint.setColor(getLetterColor());//绘制字母的颜色
  mPaint.setTypeface(Typeface.DEFAULT);
  mPaint.setAntiAlias(true);
  mPaint.setTextSize(singleHeight);
  // 如果是选中的状态
  if (i == mPosition) {
  mPaint.setColor(getLetterPressedColor());
  mPaint.setFakeBoldText(true);
  }
  // x坐标等于总体宽度中间的位置减去字符串宽度的一半.
  float xPos = width / 2 - mPaint.measureText(getData().get(i)) / 2;
  float yPos = singleHeight * i + singleHeight;
  canvas.drawText(getData().get(i), xPos, yPos, mPaint);
  mPaint.reset();// 重置画笔
 }

 }

然后再看一下触控事件的拦截处理

 @Override
 public boolean dispatchTouchEvent(MotionEvent event) {
 final int action = event.getAction();
 final float y = event.getY();// 点击y坐标
 final int lastPosition = mPosition;//记录上一次选中字母的位置
 final int position = (int) (y / getHeight() * getData().size());// 点击y坐标所占总高度的比例*b数组的长度就等于点击b中的个数.

 switch (action) {
  //当手指离开
  case MotionEvent.ACTION_UP:
  //设置侧滑控件的背景色
  setBackgroundColor(getBackgroundNormalColor());
  mPosition = -1;
  invalidate();

  if (getOnTouchLetterListener() != null) {
  //回调事件,告知当前手指已经离开当前区域
   getOnTouchLetterListener().onTouchOutside();
  }

  break;

  default:
  //更改当字母为选中状态时控件的背景色
  setBackgroundColor(getBackgroundPressedColor());
  //如果选中字母的位置不等于上一次选中的位置
  if (lastPosition != position) {
   if (position >= 0 && position < getData().size()) {
   if (getOnTouchLetterListener() != null) {
   //回调事件,返回当前选中的字母
    getOnTouchLetterListener().onTouchLetter(getData().get(position));
   }
   mPosition = position;
   invalidate();
   }
  }

  break;
 }
 return true;
 }

 public interface OnTouchLetterListener {

 /**
  * 当接触到某个key的时候会调用;
  * @param s
  */
 void onTouchLetter(String s);

 /**
  * 当离开控件可触摸区域时会调用;
  */
 void onTouchOutside();
 }

侧滑控件完成后, 再分析一下分组界面是怎么实现的,不同分组由不同的字母作为标题,用ListView就可以实现,ListView里使用的Adapter里面有一个方法getItemViewType()方法用于区分返回多种类型的View,这里我们就两种, 一个是标题,一个是联系人信息;顶部里那些新的朋友、群聊等可以用ListView的addHeaderView()实现。但是用最SDK自带的BaseAdapter实现分组的话也不方便,实际上我们可以进一步包装;

首先看一下最基本的Adapter封装:

public abstract class SimpleAdapter<T> extends BaseAdapter {

 protected Context mContext;
 protected List<T> mData;

 public SimpleAdapter(){}

 public SimpleAdapter(Context context, List<T> data){
 init(context, data);
 }

 public void init(Context context, List<T> data){
 this.mContext = context;
 this.mData = data;
 }

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

 @Override
 public T getItem(int position) {
 if(checkPositionIsOutOfRange(position)){
  return null;
 }
 return mData.get(position);
 }

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

 @Override
 public abstract View getView(int position, View convertView, ViewGroup parent);

 public void refresh(List<T> data){
 if(data == null){
  this.mData.clear();
 }else{
  this.mData = data;
 }
 notifyDataSetChanged();
 }

 public boolean checkPositionIsOutOfRange(int position){
 if(0 <= position && position < mData.size()){
  return false;
 }
 return true;
 }

 public Context getContext(){
 return mContext;
 }

 public List<T> getData(){
 return mData;
 }
}

这个SimpleAdapter实现了数据基于List的最基本方法的实现,使得每次继承BaseAdapter不用再实现一些基本的方法,接下来再看一下用于更好实现分组的Adapter的进一步封装:

public abstract class SortAdapter<K extends SortKey, V, VH_G extends ViewHolder, VH_C extends ViewHolder> extends SimpleAdapter<Object> {

 public final static int VIEW_TYPE_GROUP = 0;
 public final static int VIEW_TYPE_CHILD = 1;

 private HashMap<SortKey, Integer> mKeyIndex = new HashMap<>();

 public SortAdapter(Context context, Map<K, List<V>> map) {
 init(context, convertMapToList(map));
 }

 public SortAdapter(Context context, List<Object> list) {
 init(context, list);
 }

 /**
 * 转换分组数据为List,并且更新键值的索引
 * @param map
 * @return
 */
 public List<Object> convertMapToList(Map<K, List<V>> map) {
 List<Object> mData = new ArrayList<>();
 mKeyIndex.clear();
 for (Map.Entry<K, List<V>> entry : map.entrySet()) {
  mData.add(entry.getKey());
  mKeyIndex.put(entry.getKey(), mData.size() - 1);
  for (V v : entry.getValue()) {
  mData.add(v);
  }
 }
 return mData;
 }

 public void refresh(Map<K, List<V>> map) {
 super.refresh(convertMapToList(map));
 }

 @Override
 public void refresh(List<Object> data) {
 super.refresh(data);
 mKeyIndex.clear();
 }

 /**
 * 得到键值的索引值
 * @param k
 * @return
 */
 public int getKeyIndex(K k){
 Integer integer = mKeyIndex.get(k);
 if(integer == null){
  return getKeyIndexFromList(k);
 }
 return integer;
 }

 public int getKeyIndexFromList(K k){
 for(int i = 0; i < getCount(); i++){
  Object obj = getItem(i);
  if(obj != null && obj instanceof SortKey){
  if(obj.equals(k)){
   mKeyIndex.put(k, i);
   return i;
  }
  }
 }
 return -1;
 }

 @Override
 public int getItemViewType(int position) {
 Object obj = getItem(position);

 if (obj instanceof SortKey) {
  return VIEW_TYPE_GROUP;
 }
 return VIEW_TYPE_CHILD;
 }

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

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

 @Override
 public Object getItem(int position) {
 if (0 <= position && position < mData.size()) {
  return mData.get(position);
 }
 return null;
 }

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

 @Override
 public View getView(int position, View convertView, ViewGroup parent) {

 int viewType = getItemViewType(position);

 View view = null;
 Object obj = getItem(position);
 switch (viewType) {
  case VIEW_TYPE_GROUP:
  view = getGroupView((K)obj, position, convertView, parent);
  break;
  case VIEW_TYPE_CHILD:
  view = getChildView((V)obj, position, convertView, parent);
  break;
 }
 return view;
 }

 public View getGroupView(K key, int position, View convertView, ViewGroup parent){
 VH_G vh;
 if(convertView == null){
  convertView = LayoutInflater.from(mContext).inflate(getGroupLayoutId(), null);
  vh = onCreateGroupViewHolder(convertView, parent);
  convertView.setTag(vh);
 }else{
  vh = (VH_G)convertView.getTag();
 }

 onBindGroupViewHolder(vh, key, position);
 return convertView;
 }

 public View getChildView(V value, int position, View convertView, ViewGroup parent){
 VH_C vh;
 if(convertView == null){
  convertView = LayoutInflater.from(mContext).inflate(getChildLayoutId(), null);
  vh = onCreateChildViewHolder(convertView, parent);
  convertView.setTag(vh);
 }else{
  vh = (VH_C)convertView.getTag();
 }

 onBindChildViewHolder(vh, value, position);
 return convertView;
 }

 public abstract @LayoutRes int getGroupLayoutId();

 public abstract VH_G onCreateGroupViewHolder(View convertView, ViewGroup parent);

 public abstract void onBindGroupViewHolder(VH_G vh, K key, int position);

 public abstract @LayoutRes int getChildLayoutId();

 public abstract VH_C onCreateChildViewHolder(View convertView, ViewGroup parent);

 public abstract void onBindChildViewHolder(VH_C vh, V value, int position);

 public interface SortKey {
 }

 public static class ViewHolder{

 public View mParent;
 public ViewHolder(View parent){
  mParent = parent;
 }

 public View findViewById(@IdRes int id){
  return mParent.findViewById(id);
 }
 }

本项目Github地址(基于AndroidStudio构建):
https://github.com/yuhengye/LetterSort

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android仿微信单击拍照长按录像功能实例代码

    Android仿微信单击拍照长按录像功能实例代码

    这篇文章主要介绍了Android仿微信单击拍照长按录像功能实例代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-04-04
  • Android自定义View实现圆形环绕效果

    Android自定义View实现圆形环绕效果

    这篇文章主要为大家详细介绍了Android自定义View实现圆形环绕效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-01-01
  • Android中获取设备的各种信息总结

    Android中获取设备的各种信息总结

    相信各位Android的开发者们都知道,现在几乎所有的app都需要获得设备信息,那么下面这篇文章就来详细说说获取设备信息的方法。
    2016-09-09
  • Android 安全加密:Https编程详解

    Android 安全加密:Https编程详解

    本文主要介绍Android安全加密Https编程的知识,这里整理了详细的资料及说明解决方案和验证,有兴趣的小伙伴可以参考下
    2016-09-09
  • Android获取和读取短信验证码的实现方法

    Android获取和读取短信验证码的实现方法

    这篇文章主要介绍了Android获取和读取短信验证码的实现方法,文章内容介绍了如何读取刚收到的短信的相关内容,以及Android获取短信验证码的方法,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • Flutter实现不同缩放动画效果详解

    Flutter实现不同缩放动画效果详解

    这篇文章主要为大家详细介绍了Flutter利用不同组件(ScaleTransition、SizeTransition、AnimatedSize和AnimatedBuilder)实现不同缩放动画效果,感兴趣的可以动手尝试一下
    2022-06-06
  • Android 获取手机信息实例详解

    Android 获取手机信息实例详解

    这篇文章主要介绍了Android 获取手机信息实例详解的相关资料,这里附有实例代码及实现效果图,需要的朋友可以参考下
    2017-01-01
  • ijkplayer打包支持https的so使用详解

    ijkplayer打包支持https的so使用详解

    这篇文章主要为大家介绍了ijkplayer打包支持https的so使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • 详解Android开启OTG功能/USB Host API功能

    详解Android开启OTG功能/USB Host API功能

    这篇文章主要介绍了Android开启OTG功能/USB Host API功能,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-07-07
  • Android shape标签使用方法介绍

    Android shape标签使用方法介绍

    shape算是我们常用的一个标签,他可以生成线条,矩形, 圆形, 圆环,像我们圆角的按钮就可以通过shape来实现,最终Android会把这个带有shape标签的图片解析成一个Drawable对象,这个Drawable对象本质是GradientDrawable
    2022-09-09

最新评论