如何創建一個按字母順序排列的滾動條，顯示android中的所有字母？

Question

我的目的是爲了獲得類似的東西：

但唯一的例子我能看到的是列出這樣的：
android - listview fastscroll with alphabet like on iPhone contacts activity

很顯然，我不希望像聯繫人的列表，其在快速滾動時顯示字母。我知道如何做到這一點。

任何指針都會受到歡迎。 （我試過this但沒有成功）

下面，完整的解決方案通過FunkTheMonk的建議（非常感謝）：

定義列表視圖如常。定義一個RelativeLayout，其中包含ListView，右邊是包含所有字母的LinearLayout。爲了更好的解決方案，可以動態生成字母列表以僅顯示列表中的字母。然後在onclick方法中，添加行爲滾動列表：

XML

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" android:layout_height="match_parent"> 

    <ListView android:id="@android:id/list" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginRight="28dip" /> 

    <LinearLayout android:orientation="vertical" 
     android:layout_width="28dip" android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" android:background="@android:color/transparent" > 

     <TextView android:id="@+id/A" android:text="A" android:tag="A" 
      style="@style/alphabetTextView"/> 
     <TextView android:id="@+id/B" android:text="B" android:tag="B" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/C" android:text="C" android:tag="C" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/D" android:text="D" android:tag="D" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/E" android:text="E" android:tag="E" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/F" android:text="F" android:tag="F" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/G" android:text="G" android:tag="G" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/H" android:text="H" android:tag="H" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/I" android:text="I" android:tag="I" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/J" android:text="J" android:tag="J" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/K" android:text="K" android:tag="K" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/L" android:text="L" android:tag="L" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/M" android:text="M" android:tag="M" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/N" android:text="N" android:tag="N" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/O" android:text="O" android:tag="O" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/P" android:text="P" android:tag="P" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/Q" android:text="Q" android:tag="Q" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/R" android:text="R" android:tag="R" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/S" android:text="S" android:tag="S" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/T" android:text="T" android:tag="T" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/U" android:text="U" android:tag="U" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/V" android:text="V" android:tag="V" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/W" android:text="W" android:tag="W" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/X" android:text="X" android:tag="X" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/Y" android:text="Y" android:tag="Y" 
      style="@style/alphabetTextView" /> 
     <TextView android:id="@+id/Z" android:text="Z" android:tag="Z" 
      style="@style/alphabetTextView" /> 

    </LinearLayout> 
</RelativeLayout> 

的Java

@Override 
public void onClick(View v) { 
    String firstLetter = (String) v.getTag(); 
    int index = 0; 
    if (stringList != null) { 
     for (String string : stringList) { 
      if (string.startsWith(firstLetter)) { 
       index = stringList.indexOf(string); 
       break; 
      } 
     } 
    } 
    lv.setSelectionFromTop(index, 0); 
} 

Answer 1

這是一個iPhone的功能，Android使用快速滾動。我建議您使用平臺替代方案，而不是嘗試強制執行通用功能。

如果你必須，你必須自己實現這個。將你的列表視圖放在一個RelativeLayout中，並將A-Z TextView放置在一個垂直LinearLayout中，該垂直LinearLayout設置爲layout_alignParentRight="true"。將TextView的標籤設置爲A-Z，並在所有標籤上設置onClick="quickScroll"。

在活動實施：

public void quickScroll(View v) { 
    String alphabet = (String)v.getTag(); 
    //find the index of the separator row view 
    list.setSelectionFromTop(index, 0); 
} 

這將滾動到所選字母的onClick，但我相信你可以在iPhone上的字母滾動你的手指，它會更新列表？你必須實現一個onTouchListener而不是onClickListener。

Answer 2

您可以嘗試使用IndexScroller，這些只有在觸摸時纔可見，並且在沒有接觸時會自動隱藏。 下面是截圖