android系统联系人分组特效实现(2)---字母表快速滚动

要实现这种功能,只需要在   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(resourcenull);
        }
        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"}, nullnull"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 "#";
    }
}

 





posted @ 2014-09-07 23:10  冷冷汤圆  阅读(385)  评论(0编辑  收藏  举报