要实现这种功能,只需要在   android系统联系人分组特效实现(1)---分组导航和挤压动画  的基础上再加上一个自定义控件即可完成.
1.新建项目,继续新建一个java类,BladeView,用于作为导航栏
public class BladeView extends View {
    private Handler handler = new Handler();
    public BladeView(Context context, AttributeSet attrs) {
        super(context, attrs);
        TypedArray a=getContext().obtainStyledAttributes(attrs,R.styleable.NewMyElement);
        textSize=a.getDimension(R.styleable.NewMyElement_textSize, 15);
        a.recycle();
    }
    private PopupWindow mPopupWindow;
    private TextView mPopupText;
    float textSize;
    
    public interface OnMyImteClickListener{
        void onItemClick(int s);
    }
    private OnMyImteClickListener mListener;
    
    public void setOnMyItemClickListener(OnMyImteClickListener listener){
        this.mListener=listener;
    }
    
    String b[]={ "#", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K",
            "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X",
            "Y", "Z" };
    int choose=-1;
    Paint paint=new Paint();
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        int height=getHeight();
        int width=getWidth();
        int singleHeight=height/b.length;
        for (int i = 0; i < b.length; i++) {
            paint.setTextSize(textSize);
            paint.setColor(Color.BLACK);
            if(i==choose){
                paint.setColor(Color.BLUE);
            }
            float xPos=width/2-paint.measureText(b[i])/2;
            float yPos=singleHeight*i+singleHeight;
            canvas.drawText(b[i], xPos, yPos, paint);
            paint.reset();
        }
    }
    @Override
    public boolean dispatchTouchEvent(MotionEvent event) {
        float y=event.getY();
        int oldChoose=choose;
        int c=(int)(y/getHeight()*b.length);
        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            if(oldChoose!=c){
                if(c>=0&&c<b.length){
                    choose=c;
                    mListener.onItemClick(c);
                    showPopup(c);
                    invalidate();
                }
            }
            break;
        case MotionEvent.ACTION_MOVE:
            if(oldChoose!=c){
                if(c>=0&&c<b.length){
                    choose=c;
                    mListener.onItemClick(c);
                    showPopup(c);
                    invalidate();
                }
            }
            break;
        case MotionEvent.ACTION_UP:
            choose=-1;
            mListener.onItemClick(-1);
            dismissPopup();
            invalidate();
            break;
        default:
            break;
        }
        return true;
    }
    private void showPopup(int item) {
        if (mPopupWindow == null) {
            handler.removeCallbacks(dismissRunnable);
            mPopupText = new TextView(getContext());
            mPopupText.setBackgroundColor(Color.GRAY);
            mPopupText.setTextColor(Color.CYAN);
            mPopupText.setTextSize(50);
            mPopupText.setGravity(Gravity.CENTER_HORIZONTAL
                    | Gravity.CENTER_VERTICAL);
            mPopupWindow = new PopupWindow(mPopupText, 100, 100);
        }
        String text = "";
        if (item == 0) {
            text = "#";
        } else {
            text = Character.toString((char) ('A' + item - 1));
        }
        mPopupText.setText(text);
        if (mPopupWindow.isShowing()) {
            mPopupWindow.update();
        } else {
            mPopupWindow.showAtLocation(getRootView(),
                    Gravity.CENTER_HORIZONTAL | Gravity.CENTER_VERTICAL, 0, 0);
        }
    }
    private void dismissPopup() {
        handler.postDelayed(dismissRunnable, 800);
    }
    Runnable dismissRunnable = new Runnable() {
        @Override
        public void run() {
            if (mPopupWindow != null) {
                mPopupWindow.dismiss();
            }
        }
    };
}

2.打开activity_main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:my="http://schemas.android.com/apk/res/com.example.mycontact" 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.mycontact.MainActivity" >
    <ListView 
        android:id="@+id/lv_contact"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:scrollbars="none"
        android:fadingEdge="none"
        ></ListView>
    
    <LinearLayout 
        android:id="@+id/title_layout"
        android:layout_width="fill_parent"
        android:layout_height="18dp"
        android:layout_alignParentTop="true"
        android:orientation="vertical"
        android:background="#303030"
        >
        <TextView 
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginLeft="10dp"
            android:textColor="#ffffff"
            android:textSize="13sp"
            />
    </LinearLayout>
    <com.example.mycontact.BladeView 
        android:id="@+id/BladeView"
        android:layout_width="30dp"
        android:layout_height="fill_parent"
        android:layout_alignParentRight="true"
        my:textSize="23sp"
        />
    <RelativeLayout 
        android:id="@+id/section_toast_layout"
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:layout_centerInParent="true"
        android:background="@drawable/section_toast"
        android:visibility="gone"
        >
        <TextView 
            android:id="@+id/section_toast_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:textColor="#ffffff"
            android:textSize="30sp"
            />
    </RelativeLayout>

</RelativeLayout>


3.实现主要功能之前,还需一个实体类
public class Contact {
    private String name;//姓名
    private String sortKey;//排序字母
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public String getSortKey() {
        return sortKey;
    }
    public void setSortKey(String sortKey) {
        this.sortKey = sortKey;
    }
}

4.还需要一个ListView展示所显示的子布局
<?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" >
    <LinearLayout 
        android:id="@+id/sort_key_layout"
        android:layout_width="fill_parent"
        android:layout_height="18dp"
        android:orientation="vertical"
        android:background="#303030"
        >
        <TextView 
            android:id="@+id/sort_key"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginLeft="10dp"
            android:textColor="#ffffff"
            android:textSize="13sp"
            />
    </LinearLayout>
    <LinearLayout 
        android:layout_width="fill_parent"
        android:layout_height="50dp"
        android:orientation="horizontal"
        android:id="@+id/name_layout"
        >
        <ImageView 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:src="@drawable/icon"
            />
        <TextView 
            android:id="@+id/name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:textColor="#ffffff"
            android:textSize="22sp"
            />
    </LinearLayout>
</LinearLayout>

5.展示数据的适配器
public class ContactAdapter extends ArrayAdapter<Contact> {
    //需要渲染的item布局文件
    private int resource;
    //字母表分组工具
    private SectionIndexer mIndexer;
    
    public ContactAdapter(Context context, 
            int textViewResourceId, List<Contact> objects) {
        super(context, textViewResourceId, objects);
        resource=textViewResourceId;
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Contact contact=getItem(position);
        LinearLayout layout=null;
        if(convertView==null){
            layout=(LinearLayout) LayoutInflater.from(getContext()).inflate(resource, null);
        }
        else{
            layout=(LinearLayout) convertView;
        }
        TextView name=(TextView) layout.findViewById(R.id.name);
        LinearLayout sortKeyLayout=(LinearLayout) layout.findViewById(R.id.sort_key_layout);
        TextView sort_key=(TextView) layout.findViewById(R.id.sort_key);
        name.setText(contact.getName());
        int section=mIndexer.getSectionForPosition(position);
        if(position==mIndexer.getPositionForSection(section)){
            sortKeyLayout.setVisibility(View.VISIBLE);
            sort_key.setText(contact.getSortKey());
        }
        else{
            sortKeyLayout.setVisibility(View.GONE);
        }
        return layout;
    }
    
    //给当前适配器传入一个分组工具
    public void setIndexer(SectionIndexer indexer){
        mIndexer=indexer;
    }
}

6.最关键的MainActivity.java
public class MainActivity extends ActionBarActivity {
    //分组的布局
    private LinearLayout titleLayout;
    //弹出式分组的布局
    private RelativeLayout sectionToastLayout;
    //右侧可滑动字母表
    private BladeView bView;
    //分组上显示的字母
    private TextView title;
    //弹出式分组上的文字
    private TextView sectionToastText;
    //联系人ListView
    private ListView contactListView;
    //联系人列表适配器
    private ContactAdapter adapter;
    //用于对字母表进行分组
    private AlphabetIndexer indexer;
    //存储手机中所有联系人
    private List<Contact> contactsList=new ArrayList<Contact>();
    //定义字母表的排序规则
    private String alphabet="#ABCDEFGHIJKLMNOPQRSTUVWXYZ";
    //记录上一个元素,用于滚动时记录标志
    private int lastFirstVisibleItem=-1;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        adapter=new ContactAdapter(this, R.layout.item,contactsList);
        titleLayout=(LinearLayout) findViewById(R.id.title_layout);
        title=(TextView) findViewById(R.id.title);
        sectionToastLayout=(RelativeLayout) findViewById(R.id.section_toast_layout);
        sectionToastText=(TextView) findViewById(R.id.section_toast_text);
        bView=(BladeView) findViewById(R.id.BladeView);
        contactListView=(ListView) findViewById(R.id.lv_contact);
        Uri uri=ContactsContract.CommonDataKinds.Phone.CONTENT_URI;
        Cursor cursor=getContentResolver().query(uri, new String[]{"display_name","sort_key"}, null, null, "sort_key");
        if(cursor.moveToFirst()){
            do {
                String name=cursor.getString(0);
                String sortKey=getSortKey(cursor.getString(1));
                Contact contact=new Contact();
                contact.setName(name);
                contact.setSortKey(sortKey);
                contactsList.add(contact);
            } while (cursor.moveToNext());
        }
        startManagingCursor(cursor);
        indexer=new AlphabetIndexer(cursor, 1, alphabet);
        adapter.setIndexer(indexer);
        if(contactsList.size()>0){
            setupContactListView();
            setAlphabetListener();
        }
    }
    //为联系人ListView设置滑动监听
    private void setupContactListView(){
        contactListView.setAdapter(adapter);
        contactListView.setOnScrollListener(new OnScrollListener() {
            @Override
            public void onScrollStateChanged(AbsListView arg0, int arg1) {
            }
            @Override
            public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
                int section=indexer.getSectionForPosition(firstVisibleItem);
                int nextSectionPosition=indexer.getPositionForSection(section+1);
                if(firstVisibleItem!=lastFirstVisibleItem){
                    MarginLayoutParams params=(MarginLayoutParams) titleLayout.getLayoutParams();
                    params.topMargin=0;
                    titleLayout.setLayoutParams(params);
                    title.setText(String.valueOf(alphabet.charAt(section)));
                }
                if(nextSectionPosition==firstVisibleItem+1){
                    View childView=view.getChildAt(0);
                    if(childView!=null){
                        int titleHeight=titleLayout.getHeight();
                        int bottom=childView.getBottom();
                        MarginLayoutParams params=(MarginLayoutParams) titleLayout.getLayoutParams();
                        if(bottom<titleHeight){
                            float pushedDistance=bottom-titleHeight;
                            params.topMargin=(int)pushedDistance;
                            titleLayout.setLayoutParams(params);
                        }
                        else{
                            if(params.topMargin!=0){
                                params.topMargin=0;
                                titleLayout.setLayoutParams(params);
                            }
                        }
                    }
                }
                lastFirstVisibleItem=firstVisibleItem;
            }
        });
    }
    
    //设置字母表上的触摸事件
    private void setAlphabetListener(){
        bView.setOnMyItemClickListener(new OnMyImteClickListener() {
            @Override
            public void onItemClick(int s) {
                if(s!=-1){
                    contactListView.setSelection(indexer.getPositionForSection(s));
                }
            }
        });
    }
    
    //获取sort_key的首字母
    private String getSortKey(String sortKeyString){
        String key=sortKeyString.substring(0, 1).toUpperCase();
        if(key.matches("[A-Z]")){
            return key;
        }
        return "#";
    }
}

 

android系统联系人分组特效实现(2)---字母表快速滚动的更多相关文章

  1. android系统联系人分组特效实现(1)---分组导航和挤压动画

    1.打开activity_main.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/andr ...

  2. Android系统联系人全特效实现(下),字母表快速滚动

    在上一篇文章中,我和大家一起实现了类似于Android系统联系人的分组导航和挤压动画功能,不过既然文章名叫做<Android系统联系人全特效实现>,那么没有快速滚动功能显然是称不上&quo ...

  3. Android系统联系人全特效实现(上),分组导航和挤压动画

    记得在我刚接触Android的时候对系统联系人中的特效很感兴趣,它会根据手机中联系人姓氏的首字母进行分组,并在界面的最顶端始终显示一个当前的分组.如下图所示: 最让我感兴趣的是,当后一个分组和前一个分 ...

  4. Android系统源码学习步骤

    Android系统是基于Linux内核来开发的,在分析它在运行时库层的源代码时,我们会经常碰到诸如管道(pipe).套接字(socket)和虚拟文件系统(VFS)等知识. 此外,Android系统还在 ...

  5. Android系统源代码学习步骤

    目前,互联网行业正在朝着移动互联网方向强劲地发展,而移动互联网的发展离不开背后的移动平台的支撑.众所周知,如今在移动平台市场上,苹果的iOS.谷歌的Android和微软的Windows Phone系统 ...

  6. 如何学习Android系统源码(转)

    一. Android系统的源代码非常庞大和复杂,我们不能贸然进入,否则很容易在里面迷入方向,进而失去研究它的信心.我们应该在分析它的源代码之前学习好一些理论知识,下面就介绍一些与Android系统相关 ...

  7. android 获取系统联系人 完全解析

    一.代码 1.ContactsEngine.java import java.util.ArrayList; import java.util.HashMap; import java.util.Li ...

  8. android: 通过内容提供器读取系统联系人

    读取系统联系人 由于我们之前一直使用的都是模拟器,电话簿里面并没有联系人存在,所以现在需要自 己手动添加几个,以便稍后进行读取.打开电话簿程序,界面如图 7.1 所示. 图   7.1 可以看到,目前 ...

  9. Android(java)学习笔记250:ContentProvider使用之获得系统联系人信息02(掌握)

    1.重要: 系统删除一个联系人,默认情况下并不是把这个联系人直接删除掉了,只是做了一个标记,标记为被删除. 2.前面一讲说过了如何获取系统联系人信息(通过ContentProvider),获取联系人信 ...

随机推荐

  1. LSD-SLAM使用方法

    preparation:按照官網步驟完成LSD的安裝. 1.testdata:need images file & cameraCalibration.cfg 2.開啟終端機    -> ...

  2. face verification

    一直没怎么思考过人脸应用上cnn是怎么回事,也曾经想当然过.这两天看些文章,才明白思路. 在人脸verification上,cnn起到的是一个特征提取作用,通过cnn提取得到features,基于这些 ...

  3. Win10上Anaconda环境下python3.6安装和使用pyinstaller

    一.安装步骤 1. 电脑是win10,安装的Python3.6 2. 在Scripts文件夹下执行pip install pyinstaller, 安装成功后下载pyinstaller安装包,解压之后 ...

  4. Linux下常用压缩 解压命令与压缩比率对比

    常用的格式有:tar, tar.gz(tgz), tar.bz2, 不同方式,压缩和解压方式所耗CPU时间和压缩比率也差异也比较大. 1. tar只是打包动作,相当于归档处理,不做压缩:解压也一样,只 ...

  5. Liunx 配置sshd服务

    简介 SSH(Secure Shell)是一种能够提供安全远程登录会话的协议,也是目前远程管理Linux系统最首选的方式,因为传统的ftp或telnet服务是不安全的,它们会把帐号口令和数据资料等数据 ...

  6. java常量池概念【转】

    http://blog.csdn.net/olanlanxiari/article/details/8104505

  7. 10.1.2 Document类型【JavaScript高级程序设计第三版】

    JavaScript 通过Document 类型表示文档.在浏览器中,document 对象是HTMLDocument(继承自Document 类型)的一个实例,表示整个HTML 页面.而且,docu ...

  8. Python学习之高级特性

    切片 在Python基础篇里,我们知道Python的可序列对象可以通过索引号(下标)来引用对象元素,索引号可以由0开始从左向右依次获取,可以从-1开始由右向左获取.这种方法可以帮助我们依次获取我们想要 ...

  9. scrapy笔记2

    cookies的使用: 使用 scrapy.http.cookie.CookieJar 类的extract_cookies方法,CookieJar._cookies就是我们需要的cookies,是一个 ...

  10. 部分和问题 南阳acm1058(递归+dfs)

    部分和问题 时间限制:1000 ms  |  内存限制:65535 KB 难度:2   描述 给定整数a1.a2........an,判断是否可以从中选出若干数,使它们的和恰好为K.   输入 首先, ...