[Android] SectionIndexer

FastindexbarActivity.apk

SctionIndexer 와 FastScroll 소스 조합

1. FastScroll 주소록 처럼 나타 내기

현재 선택된 리스트의 제일 첫 row의 첫 글자를 보여줌

1 - 1 FastScroll 을 보여 주기 위한 설정

list.setFastScrollEnabled(true);

1 - 2 화면에 보여주는 리스트 정리
 - 첫 글자들만의 리스트 정리

   for(int i = size - 1;i > 0; i-- ) {
    String element = stringArray.get(i);
    alphaIndexer.put(element.substring(0, 1), i);
   }   

- 리스트를 Collections.sort를 이용해서 정렬( Set의 경우 Collections.sort를 사용할 수 없음)
   Set<String> keys = alphaIndexer.keySet();
   Iterator<String> it = keys.iterator();
  
   ArrayList<String> keyList = new ArrayList<String>(); 

   while (it.hasNext()) {
    String key = it.next();
   keyList.add(key);
   }
   Collections.sort(keyList);
  
   sections = new String[keyList.size()]; 

   keyList.toArray(sections);

1 - 3 이동 중에 화면에 보여주는 메소드
- SectionIndexer 의 Override

  public int getPositionForSection(int section) {
   String letter = sections[section];
   return alphaIndexer.get(letter);
  }

2. 인덱스 이용해서 해당 위치로 이동하기

 

인덱스 리스트는 위에서 사용한 FastScroll 리스트(sections)를 사용
list위에 View를 Draw 시킨 형태

2 -1 Draw Code
- 화면 좌측 중앙에 세로 크기의 보여줄 문자 리스트 갯수로 위치 계산

  float widthCenter = getMeasuredWidth()/2; // 가로
  float size = getMeasuredHeight()/(CustomAdapter.sections.length+1); // 세로

  for(int i = 0 ; i < CustomAdapter.sections.length ; i ++){
   canvas.drawText(CustomAdapter.sections[i],widthCenter , (size*3)+(i*size), paint);
  }

2 - 2 TouchEvent 처리( Touch 위치에 해당하는 Section으로 이동)
- getPositionForIndexBar - 전체 리스트에서 첫글자가 동일한 위치를 찾음
- setSelection - 해당 위치로 row 이동

   int size = getMeasuredHeight()/(CustomAdapter.sections.length+1);
   int i = (int)event.getY() - (size*2);
   int idx = i/size;
   
   if(idx >= CustomAdapter.sections.length) {
    idx = CustomAdapter.sections.length-1;
   } else if(idx < 0) {
    idx = 0;
   }
   
   if(event.getAction() == MotionEvent.ACTION_DOWN){
    if(sectionIndexter == null){
     sectionIndexter = (IndexBarForSection) list.getAdapter();
    }
    int position = sectionIndexter.getPositionForIndexBar(CustomAdapter.sections[idx].charAt(0));
    if(position == -1){
     return true;
    }
    list.setSelection(position); // 해당 row로 이동
   }

2- 3 화면 폴링 중에는 리스트를 안 보여주기 위한 설정

- listview 의 setOnScrollListener 를 연결 시킨 후 변경 상태에 따라서 처리

   public void onScrollStateChanged(AbsListView abslistview, int scrollState) {
    // TODO Auto-generated method stub
    if(scrollState == OnScrollListener.SCROLL_STATE_IDLE ) {
     // 스크롤 정지 상태
     mIndexBar.setVisibility(View.VISIBLE);
    } else if(scrollState == OnScrollListener.SCROLL_STATE_FLING) {
     // 스크롤 폴링 중
     mIndexBar.setVisibility(View.GONE);
    } else if(scrollState == OnScrollListener.SCROLL_STATE_TOUCH_SCROLL) {
     // 스크롤 터치 중
     mIndexBar.setVisibility(View.GONE);
    }
   }

2 - 4 리스트 변경 중 헤더 변경

- 리스트 변경 중에 제일 처은 row의 값을 가져와서 보여줌

   public void onScroll(AbsListView abslistview, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
    // TODO Auto-generated method stub
    tv.setText(stringList.get(firstVisibleItem).substring(0, 1).toUpperCase());
   }

※ 제일 위 section 때문에 인덱스바가 제대로 안보여서 위치를 변경한 상태
한글과 조합되는 경우 인덱스바 길이가 변경되서 인덱스바 위치를 수정해야 함


참조 : http://www.anddev.org/tutalphabetic_fastscroll_listview_-_similar_to_contacts-t10123.html