程序博客网 > dota和dota2区别 知乎

笔记20 | 学习整理开源APP(BaseAnimation)程序源码“中的通讯录效果

来源：互联网 发布：dota和dota2区别 知乎 编辑：程序博客网 时间：2024/06/07 00:06

1.前言

整理学习”Android动画效果集合开源APP(BaseAnimation)程序源码“中的通讯录效果。

前人栽树：duguang 博客地址:http://blog.csdn.net/duguang77

下载地址：http://download.csdn.net/download/u011112840/6910683

后人乘凉：http://blog.csdn.net/xiangyong_1521/article/details/78273838

2.实现


3.目录

  • 3.1 A-Z的字母索引

  • 3.2 联系人界面ListView的数据填充

  • 3.3 联系人的搜索

3.1 A-Z的字母索引


通过自定义一个View界面，绘制一个A-Z竖向排列的布局，通过触摸事件监听，根据触摸的区域和字母高度的计算出position，再向联系人Listview提供一个方向输出position值！

  • XML

  1.  <TextView
  2.             android:id="@+id/dialog"
  3.             android:layout_width="80.0dip"
  4.             android:layout_height="80.0dip"
  5.             android:layout_gravity="center"
  6.             android:background="@drawable/sorlistview_show_head_toast_bg"
  7.             android:gravity="center"
  8.             android:textColor="#ffffffff"
  9.             android:textSize="30.0dip"
  10.             android:visibility="invisible" />
  12.         <com.example.book_mediarecorder.SideBar
  13.             android:id="@+id/sidrbar"
  14.             android:layout_width="30.0dip"
  15.             android:layout_height="fill_parent"
  16.             android:layout_gravity="right|center" />

  • 自定义view

  1. public class SideBar extends View {
  3.     // 触摸事件
  4.     private OnTouchingLetterChangedListener onTouchingLetterChangedListener;
  5.     // 26个字母
  6.     public static String[] b = { "A", "B", "C", "D", "E", "F", "G", "H", "I",
  7.             "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V",
  8.             "W", "X", "Y", "Z", "#" };
  9.     private int choose = -1;// 选中
  10.     private Paint paint = new Paint();
  12.     private TextView mTextDialog;
  14.     public void setTextView(TextView mTextDialog) {
  15.         this.mTextDialog = mTextDialog;
  16.     }
  19.     public SideBar(Context context, AttributeSet attrs, int defStyle) {
  20.         super(context, attrs, defStyle);
  21.     }
  23.     public SideBar(Context context, AttributeSet attrs) {
  24.         super(context, attrs);
  25.     }
  27.     public SideBar(Context context) {
  28.         super(context);
  29.     }
  31.     /**
  32.      * 重写这个方法
  33.      */
  34.     protected void onDraw(Canvas canvas) {
  35.         super.onDraw(canvas);
  36.         // 获取焦点改变背景颜色.
  37.         int height = getHeight();// 获取对应高度
  38.         int width = getWidth(); // 获取对应宽度
  39.         int singleHeight = height / b.length;// 获取每一个字母的高度
  41.         for (int i = 0; i < b.length; i++) {
  42.             paint.setColor(Color.rgb(33, 65, 98));
  43.             // paint.setColor(Color.WHITE);
  44.             paint.setTypeface(Typeface.DEFAULT_BOLD);
  45.             paint.setAntiAlias(true);
  46.             paint.setTextSize(20);
  47.             // 选中的状态
  48.             if (i == choose) {
  49.                 paint.setColor(Color.parseColor("#3399ff"));
  50.                 paint.setFakeBoldText(true);
  51. //                paint.setTextSize(30);
  52.             }
  53.             // x坐标等于中间-字符串宽度的一半.
  54.             float xPos = width / 2 - paint.measureText(b[i]) / 2;
  55.             float yPos = singleHeight * i + singleHeight;
  56.             canvas.drawText(b[i], xPos, yPos, paint);
  57.             paint.reset();// 重置画笔
  58.         }
  59.     }
  61.     @Override
  62.     public boolean dispatchTouchEvent(MotionEvent event) {
  63.         final int action = event.getAction();
  64.         final float y = event.getY();// 点击y坐标
  65.         final int oldChoose = choose;
  66.         final OnTouchingLetterChangedListener listener = onTouchingLetterChangedListener;
  67.         final int c = (int) (y / getHeight() * b.length);// 点击y坐标所占总高度的比例*b数组的长度就等于点击b中的个数.
  69.         switch (action) {
  70.         case MotionEvent.ACTION_UP: 
  71.             setBackgroundDrawable(new ColorDrawable(0x00000000));
  72.             choose = -1;//
  73.             invalidate();
  74.             if (mTextDialog != null) {
  75.                 mTextDialog.setVisibility(View.INVISIBLE);
  76.             }
  77.             break;
  79.         default:
  80.             //设置右侧字母列表[A,B,C,D,E....]的背景颜色
  81.             setBackgroundResource(R.drawable.sortlistview_sidebar_background);
  82.             if (oldChoose != c) {
  83.                 if (c >= 0 && c < b.length) {
  84.                     if (listener != null) {
  85.                         listener.onTouchingLetterChanged(b[c]);
  86.                     }
  87.                     if (mTextDialog != null) {
  88.                         mTextDialog.setText(b[c]);
  89.                         mTextDialog.setVisibility(View.VISIBLE);
  90.                     }
  91.                     choose = c;
  92.                     invalidate();
  93.                 }
  94.             }
  95.             break;
  96.         }
  97.         return true;
  98.     }
  100.     /**
  101.      * 向外公开的方法
  102.      * 
  103.      * @param onTouchingLetterChangedListener
  104.      */
  105.     public void setOnTouchingLetterChangedListener(
  106.             OnTouchingLetterChangedListener onTouchingLetterChangedListener) {
  107.         this.onTouchingLetterChangedListener = onTouchingLetterChangedListener;
  108.     }
  110.     /**
  111.      * 接口
  112.      * 
  113.      * @author coder
  114.      * 
  115.      */
  116.     public interface OnTouchingLetterChangedListener {
  117.         public void onTouchingLetterChanged(String s);
  118.     }
  120. }

  • MainActivity

  1. dialog = (TextView) findViewById(R.id.dialog); //中间显示的大字母
  2. sideBar.setTextView(dialog);
  3.       //设置右侧触摸监听
  4.                 sideBar = (SideBar) findViewById(R.id.sidrbar);
  6.         sideBar.setOnTouchingLetterChangedListener(new OnTouchingLetterChangedListener() {
  8.             @Override
  9.             public void onTouchingLetterChanged(String s) {
  10.                 //该字母首次出现的位置
  11.                 int position = adapter.getPositionForSection(s.charAt(0));
  12.                 Log.i("md", "position: "+position);
  13.                 if(position != -1){
  14.                     //根据索引更新联系人列表位置
  15.                     sortListView.setSelection(position);
  16.                 }
  17.             }
  18.         });

  • Adapter

  1. /**
  2.      * 根据分类的首字母的Char ascii值获取其第一次出现该首字母的位置
  3.      */
  4.     public int getPositionForSection(int section) {
  5.         for (int i = 0; i < getCount(); i++) {
  6.             String sortStr = list.get(i).getSortLetters();
  7.             char firstChar = sortStr.toUpperCase().charAt(0);
  8.             if (firstChar == section) {
  9.                 return i;
  10.             }
  11.         }
  12.         return -1;
  13.     }

3.2 通讯录界面ListView的数据填充

加载联系人的方法容易理解，排序“加载”处理

  • XML

  1.  <ListView
  2.             android:id="@+id/country_lvcountry"
  3.             android:layout_width="fill_parent"
  4.             android:layout_height="fill_parent"
  5.             android:layout_gravity="center"
  6.             android:divider="@null" />

  • 主要活动

  1. sortListView = (ListView) findViewById(R.id.country_lvcountry);
  2.         sortListView.setOnItemClickListener(new OnItemClickListener() { 
  4.             @Override
  5.             public void onItemClick(AdapterView<?> parent, View view,
  6.                     int position, long id) {
  7.                 //这里要利用adapter.getItem(position)来获取当前position所对应的对象
  8.                 Toast.makeText(getApplication(), ((SortModel)adapter.getItem(position)).getName(), Toast.LENGTH_SHORT).show();
  9.             }
  10.         });
  11.         SourceDateList = filledData(getResources().getStringArray(R.array.date));
  12.         // 根据a-z进行排序源数据
  13.         Collections.sort(SourceDateList, pinyinComparator);//使用给定的比较器对给定的列表进行排序,相等的元素不会被重新排序。
  14.         adapter = new SortAdapter(this, SourceDateList);
  15.         sortListView.setAdapter(adapter);

  • PinyinComparator

  1. public class PinyinComparator implements Comparator<SortModel> {
  3.     public int compare(SortModel o1, SortModel o2) {
  4.         if (o1.getSortLetters().equals("@")
  5.                 || o2.getSortLetters().equals("#")) {
  6.             return -1;
  7.         } else if (o1.getSortLetters().equals("#")
  8.                 || o2.getSortLetters().equals("@")) {
  9.             return 1;
  10.         } else {
  11.             return o1.getSortLetters().compareTo(o2.getSortLetters());
  12.         }
  13.     }
  15. }

  • SortModel

  1. public class SortModel {
  3.     private String name;   //显示的数据
  4.     private String sortLetters;  //显示数据拼音的首字母
  6.     public String getName() {
  7.         return name;
  8.     }
  9.     public void setName(String name) {
  10.         this.name = name;
  11.     }
  12.     public String getSortLetters() {
  13.         return sortLetters;
  14.     }
  15.     public void setSortLetters(String sortLetters) {
  16.         this.sortLetters = sortLetters;
  17.     }
  18. }

  • SortAdapter

  1. public class SortAdapter extends BaseAdapter implements SectionIndexer{
  2.     private List<SortModel> list = null;
  3.     private Context mContext;
  5.     public SortAdapter(Context mContext, List<SortModel> list) {
  6.         this.mContext = mContext;
  7.         this.list = list;
  8.     }
  10.     /**
  11.      * 当ListView数据发生变化时,调用此方法来更新ListView
  12.      * @param list
  13.      */
  14.     public void updateListView(List<SortModel> list){
  15.         this.list = list;
  16.         notifyDataSetChanged();
  17.     }
  19.     public int getCount() {
  20.         return this.list.size();
  21.     }
  23.     public Object getItem(int position) {
  24.         return list.get(position);
  25.     }
  27.     public long getItemId(int position) {
  28.         return position;
  29.     }
  31.     public View getView(final int position, View view, ViewGroup arg2) {
  32.         ViewHolder viewHolder = null;
  33.         final SortModel mContent = list.get(position);
  34.         if (view == null) {
  35.             viewHolder = new ViewHolder();
  36.             view = LayoutInflater.from(mContext).inflate(R.layout.item_sort_listview, null);
  37.             viewHolder.tvTitle = (TextView) view.findViewById(R.id.title);
  38.             viewHolder.tvLetter = (TextView) view.findViewById(R.id.catalog);
  39.             view.setTag(viewHolder);
  40.         } else {
  41.             viewHolder = (ViewHolder) view.getTag();
  42.         }
  43.         //根据position获取分类的首字母的Char ascii值
  44.         int section = getSectionForPosition(position);
  45.         //如果当前位置等于该分类首字母的Char的位置 ，则认为是第一次出现
  46.         if(position == getPositionForSection(section)){
  47.             viewHolder.tvLetter.setVisibility(View.VISIBLE);
  48.             viewHolder.tvLetter.setText(mContent.getSortLetters());
  49.         }else{
  50.             viewHolder.tvLetter.setVisibility(View.GONE); //首字母隐藏
  51.         }   
  52.         viewHolder.tvTitle.setText(this.list.get(position).getName());
  53.         return view;
  54.     }
  56.     final static class ViewHolder {
  57.         TextView tvLetter;
  58.         TextView tvTitle;
  59.     }
  61.     /**
  62.      * 根据ListView的当前位置获取分类的首字母的Char ascii值
  63.      */
  64.     public int getSectionForPosition(int position) {
  65.         return list.get(position).getSortLetters().charAt(0);
  66.     }
  68.     /**
  69.      * 根据分类的首字母的Char ascii值获取其第一次出现该首字母的位置
  70.      */
  71.     public int getPositionForSection(int section) {
  72.         for (int i = 0; i < getCount(); i++) {
  73.             String sortStr = list.get(i).getSortLetters();
  74.             char firstChar = sortStr.toUpperCase().charAt(0);
  75.             if (firstChar == section) {
  76.                 return i;
  77.             }
  78.         }
  79.         return -1;
  80.     }
  82.     /**
  83.      * 提取英文的首字母，非英文字母用#代替。
  84.      * 
  85.      * @param str
  86.      * @return
  87.      */
  88.     private String getAlpha(String str) {
  89.         String  sortStr = str.trim().substring(0, 1).toUpperCase();
  90.         // 正则表达式，判断首字母是否是英文字母
  91.         if (sortStr.matches("[A-Z]")) {
  92.             return sortStr;
  93.         } else {
  94.             return "#";
  95.         }
  96.     }
  98.     @Override
  99.     public Object[] getSections() {
  100.         return null;
  101.     }
  102. }

3.3 联系人的搜索

搜索部分难点是拿出搜索的内容，首先自定义了ClearEditText，给出了一个textchange的监听，然后进行匹配>筛选>排序>加载到联系人列表中。

  • XML

  1. <com.example.book_mediarecorder.ClearEditText
  2.         android:id="@+id/filter_edit"
  3.         android:layout_marginTop="5dip"
  4.         android:layout_width="fill_parent"
  5.         android:layout_height="wrap_content"
  6.         android:background="@drawable/sorlistview_search_bar_edit_selector"
  7.         android:drawableLeft="@drawable/sorlistview_search_bar_icon_normal"
  8.         android:hint="请输入关键字"
  9.         android:singleLine="true"
  10.         android:textSize="15.0dip" />

  • 主要活动

  1. mClearEditText = (ClearEditText) findViewById(R.id.filter_edit);
  2.         //根据输入框输入值的改变来过滤搜索
  3.         mClearEditText.addTextChangedListener(new TextWatcher() {
  5.             @Override
  6.             public void onTextChanged(CharSequence s, int start, int before, int count) {
  7.                 //当输入框里面的值为空，更新为原来的列表，否则为过滤数据列表
  8.                 filterData(s.toString());
  9.             }
  11.             @Override
  12.             public void beforeTextChanged(CharSequence s, int start, int count,
  13.                     int after) {
  14.             }
  16.             @Override
  17.             public void afterTextChanged(Editable s) {
  18.             }
  19.         });
  21.          /**
  22.      * 根据输入框中的值来过滤数据并更新ListView
  23.      * @param filterStr
  24.      */
  25.     private void filterData(String filterStr){
  26.         List<SortModel> filterDateList = new ArrayList<SortModel>();
  28.         if(TextUtils.isEmpty(filterStr)){
  29.             filterDateList = SourceDateList;
  30.         }else{
  31.             filterDateList.clear();
  32.             for(SortModel sortModel : SourceDateList){
  33.                 String name = sortModel.getName();
  34.                 if(name.indexOf(filterStr.toString()) != -1 || characterParser.getSelling(name).startsWith(filterStr.toString())){
  35.                     filterDateList.add(sortModel);
  36.                 }
  37.             }
  38.         }
  39.         // 根据a-z进行排序
  40.         Collections.sort(filterDateList, pinyinComparator);
  41.         adapter.updateListView(filterDateList);
  42.     }

  • 自定义的EditText

  1. public class ClearEditText extends EditText implements  
  2.         OnFocusChangeListener, TextWatcher { 
  3.     /**
  4.      * 删除按钮的引用
  5.      */
  6.     private Drawable mClearDrawable; 
  8.     public ClearEditText(Context context) { 
  9.         this(context, null); 
  10.     } 
  12.     public ClearEditText(Context context, AttributeSet attrs) { 
  13.         //这里构造方法也很重要，不加这个很多属性不能再XML里面定义
  14.         this(context, attrs, android.R.attr.editTextStyle); 
  15.     } 
  17.     public ClearEditText(Context context, AttributeSet attrs, int defStyle) {
  18.         super(context, attrs, defStyle);
  19.         init();
  20.     }
  23.     private void init() { 
  24.         //获取EditText的DrawableRight,假如没有设置我们就使用默认的图片
  25.         mClearDrawable = getCompoundDrawables()[2]; 
  26.         if (mClearDrawable == null) { 
  27.             mClearDrawable = getResources() 
  28.                     .getDrawable(R.drawable.sorlistview_emotionstore_progresscancelbtn); 
  29.         } 
  30.         mClearDrawable.setBounds(0, 0, mClearDrawable.getIntrinsicWidth(), mClearDrawable.getIntrinsicHeight()); 
  31.         setClearIconVisible(false); 
  32.         setOnFocusChangeListener(this); //注册一个回调，以便在该视图的焦点发生改变时调用。
  33.         addTextChangedListener(this); 
  34.     } 
  36.     /**
  37.      * 因为我们不能直接给EditText设置点击事件，所以我们用记住我们按下的位置来模拟点击事件
  38.      * 当我们按下的位置 在  EditText的宽度 - 图标到控件右边的间距 - 图标的宽度  和
  39.      * EditText的宽度 - 图标到控件右边的间距之间我们就算点击了图标，竖直方向没有考虑
  40.      */
  41.     @Override 
  42.     public boolean onTouchEvent(MotionEvent event) { 
  43.         if (getCompoundDrawables()[2] != null) { 
  44.             if (event.getAction() == MotionEvent.ACTION_UP) { 
  45.                 boolean touchable = event.getX() > (getWidth() 
  46.                         - getPaddingRight() - mClearDrawable.getIntrinsicWidth()) 
  47.                         && (event.getX() < ((getWidth() - getPaddingRight())));
  48.                 if (touchable) { 
  49.                     this.setText(""); 
  50.                 } 
  51.             } 
  52.         } 
  53.         return super.onTouchEvent(event); 
  54.     } 
  56.     /**
  57.      * 当ClearEditText焦点发生变化的时候，判断里面字符串长度设置清除图标的显示与隐藏
  58.      */
  59.     @Override 
  60.     public void onFocusChange(View v, boolean hasFocus) { 
  61.         if (hasFocus) { 
  62.             setClearIconVisible(getText().length() > 0); 
  63.         } else { 
  64.             setClearIconVisible(false); 
  65.         } 
  66.     } 
  68.     /**
  69.      * 设置清除图标的显示与隐藏，调用setCompoundDrawables为EditText绘制上去
  70.      * @param visible
  71.      */
  72.     protected void setClearIconVisible(boolean visible) { 
  73.         Drawable right = visible ? mClearDrawable : null; 
  74.         setCompoundDrawables(getCompoundDrawables()[0], 
  75.                 getCompoundDrawables()[1], right, getCompoundDrawables()[3]); 
  76.     } 
  78.     /**
  79.      * 当输入框里面内容发生变化的时候回调的方法
  80.      */
  81.     @Override 
  82.     public void onTextChanged(CharSequence s, int start, int count, 
  83.             int after) { 
  84.         setClearIconVisible(s.length() > 0); 
  85.     } 
  87.     @Override 
  88.     public void beforeTextChanged(CharSequence s, int start, int count, 
  89.             int after) {    
  90.     } 
  92.     @Override 
  93.     public void afterTextChanged(Editable s) { 
  94.     } 
  95. }


附

>笔记19 | 利用MediaRecorder实现录像

>笔记18 | 利用MediaRecorder简单实现录音

>笔记17 | 复习AlertDialog(对话框)示例

>笔记16 | 解析和练习AsyncTask

>笔记15 | 归纳总结Android动态设置TextView的颜色的四种方法

END


阅读全文
0 0
dota和dota2区别 知乎 dota和dota2区别 知乎
原创粉丝点击
热门IT博客
算法图解 pdf 百度云算法图解 pdf 百度云
害怕别人超过自己知乎害怕别人超过自己知乎
如何安装linux虚拟机
淘宝大v认证运营故事
战地2僵尸模组改数据
雨伞 知乎
数据堂怎么样
windows环境开发ios
linux python
叶英捏脸数据
淘宝如何用图片搜同款
韩信点兵的计算机算法
淘宝品牌女装代理
南瑞智芯软件下载
java后台框架源码
laravel sql distinct
淘宝网棉睡衣
耳机一定要煲机吗 知乎
美术网络培训
mysql哪个版本比较好
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 猎头公司哪家好 猎头怎么收费 猎头服务介绍 建筑行业猎头公司 招聘猎头顾问 猎头公司介绍 金猎猎头公司 猎头顾问助理 医药行业猎头公司 世界知名猎头公司 猎头公司是什么意思 邦韦猎头公司 什么叫猎头公司 大瀚猎头公司 猎聘网猎头登陆 海外猎头公司 资深猎头顾问 猎头公司名字 著名的猎头公司 猎头公司面试 房地产行业猎头 高级猎头公司 凯文猎头公司 知名猎头公司名录 房地产行业猎头公司 酒店猎头公司 猎聘网猎头登录 猎头和hr的区别 中华英才猎头 猎户网 猎聘网招聘 猎豹网招聘 猎投 猎聘网登陆 liepin 猎娉网 lietou 猎聘同道app 猎聘网招聘信息可靠吗 猎聘网招聘靠谱吗 蚀骨强婚一一猎占冷妻 轨轨

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里