本文原创发布在华为开发者社区。
介绍
本示例是一个联系人列表demo,使用三方库\@ohos/pinyin4js实现中文排序,根据联系人的姓名首字母进行排序;
动态获取所有联系人的首字母,在页面右侧生成字母导航,支持快速定位到某字母行。
效果预览
使用说明
使用了三方库\@ohos/pinyin4js实现中文排序。
实现思路
- 使用三方库\@ohos/pinyin4js实现中文排序
- 动态获取所有联系人的首字母,通过AlphabetIndexer在页面右侧生成字母导航。
- 点击字母导航可以快速定位到该字母行 。
核心代码如下:
// 第一个参数输入姓氏,会返回姓氏的首字母,然后根据字母排序
const firstLetter = pinyin4js.convertToPinyinString(firstChinese, '', pinyin4js.FIRST_LETTER)
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。