如何制作一个按字母滚动的列表?

Posted

技术标签:

【中文标题】如何制作一个按字母滚动的列表?【英文标题】:How can I make a list with alphabetical scrolling? 【发布时间】:2017-10-13 11:22:37 【问题描述】:

如何使用 recyclerview 制作最简单的列表并在其中添加字母滚动(如在联系人中)?请向我描述它或给我一个如何做的例子。

P.S:我是 android 开发新手,之前从未使用过 RecyclerView。

【问题讨论】:

您可以在 Google 上找到大量资源来帮助您入门。 androidhive.info/2016/01/android-working-with-recycler-view 你可能找不到你要找的东西,但你要找的东西并不难。在java中查找排序列表,在获得排序列表后查找recyclerview教程。没那么难 【参考方案1】:

打开res/layout中的activity_main.xml文件,复制以下内容。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_
android:layout_
android:orientation="horizontal"
android:paddingLeft="5dp"
tools:context=".MainActivity"
android:baselineAligned="false" >

<ListView
    android:id="@+id/list_fruits"
    android:layout_
    android:layout_
    android:layout_weight="1"
    android:paddingRight="5dp" >
</ListView>

<LinearLayout
    android:id="@+id/side_index"
    android:layout_
    android:layout_
    android:background="#c3c3c3"
    android:gravity="center_horizontal"
    android:orientation="vertical" >
</LinearLayout>

在res/layout中新建side_index_item.xml文件,复制以下内容。

    <?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/side_list_item"
    android:layout_
    android:layout_
    android:gravity="center"
    android:padding="3dp"
    android:textSize="14sp" />

Open res/values/strings.xml and edit to have the content as shown below. A string array is defined to have list of fruits.

    <?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">AndroidListViewIndex</string>
    <string name="action_settings">Settings</string>
    <string name="hello_world">Hello world!</string>

    <string-array name="fruits_array">
        <item>Apples</item>
        <item>Apricots</item>
        <item>Avocado</item>
        <item>Annona</item>
        <item>Banana</item>
        <item>Blueberry</item>
        <item>Blackberry</item>
        <item>Blackapple</item>
        <item>Custard Apple</item>
        <item>Clementine</item>
        <item>Cantalope</item>
        <item>Date</item>
        <item>Elderberry</item>
        <item>Fig</item>
        <item>Grapefruit</item>
        <item>Grape</item>
        <item>Gooseberry</item>
        <item>Guava</item>
        <item>Honeydew melon</item>
        <item>Jackfruit</item>
        <item>Juniper Berry</item>
        <item>Kiwi</item>
        <item>Kumquat</item>
        <item>Lemons</item>
        <item>Limes</item>
        <item>Lychee</item>
        <item>Mango</item>
        <item>Mandarin</item>
        <item>Nectaraine</item>
        <item>Orange</item>
        <item>Olive</item>
        <item>Prunes</item>
        <item>Pears</item>
        <item>Plum</item>
        <item>Pineapple</item>
        <item>Peach</item>
        <item>Papaya</item>
        <item>Pomelo</item>
        <item>Raspberries</item>
        <item>Rambutan</item>
        <item>Strawberries</item>
        <item>Sweety</item>
        <item>Salmonberry</item>
        <item>Tangerines</item>
        <item>Tomato</item>
        <item>Ugli</item>
        <item>Watermelon</item>
        <item>Woodapple</item>
    </string-array>

</resources>

这是主要的活动类。

private void getIndexList(String[] fruits) 
        mapIndex = new LinkedHashMap<String, Integer>();
        for (int i = 0; i < fruits.length; i++) 
            String fruit = fruits[i];
            String index = fruit.substring(0, 1);

            if (mapIndex.get(index) == null)
                mapIndex.put(index, i);
        
    

displayIndex() 在右侧显示字母索引器并设置 TextView 的 OnClickListener。

选择字母索引器中的字母时,会显示 对应的列表项。

为了更了解,我建议你去google一段时间,你会得到很多教程。这是我可以推荐的:http://www.brightec.co.uk/ideas/android-listview-alphabet-scroller

【讨论】:

我找到了使用 android studio 的方法,但实际上正在寻找一种使用 ionic cordova 的方法。

以上是关于如何制作一个按字母滚动的列表?的主要内容,如果未能解决你的问题,请参考以下文章

按字母顺序排列的名称和描述列表

js写一个通讯录

如何过滤列表视图中的内部子元素以及使用 Jquery 在移动应用程序中将字母滚动条添加到列表视图的任何简单方法

如何按字母顺序对项目进行排序?

如何在 SwiftUI 中制作水平列表?

如何制作水平和垂直滚动的二维图片库?