一种列表索引条的构建方法、装置、电子设备及存储介质与流程

本发明属于android端开发，具体涉及一种列表索引条的构建方法、装置、电子设备及存储介质。

背景技术：

1、在常规的android开发中，列表侧边栏快速过滤控件在开发中经常使用，如微信和qq等通讯录的侧边索引条过滤，其中，常规的做法是通过开发列表布局的代码来实现相应的功能，但是由于每个列表索引条的开发代码并不通用，当需求发生变化时(如需要修改索引条样式或内容)，则需要重新进行代码的开发，如此，则会需要耗费大量的开发时间，不仅降低了开发效率，还增加了开发人员的工作量；因此，如何提供一种列表索引条的快速构建方法，以提高开发效率以及降低开发工作量，已成为一个亟待解决的问题。

技术实现思路

1、本发明的目的是提供一种列表索引条的构建方法、装置、电子设备及存储介质，用以解决现有技术中待构建索引条需要根据每个需求来开发对应的代码，从而导致开发效率慢以及开发工作量高的问题。

2、为了实现上述目的，本发明采用以下技术方案：

3、第一方面，提供了一种列表索引条的构建方法，包括：

4、获取待构建索引条的配置文件，其中，所述配置文件包括索引条填充数据、索引条位置数据以及索引条所处侧边栏的位置数据，且所述索引条填充数据包括若干索引字符；

5、基于所述配置文件，确定出所述待构建索引条的高度、宽度以及每个索引字符在所述待构建索引条中的显示高度；

6、依据所述待构建索引条的高度和宽度，绘制出索引条框架；

7、根据所述待构建索引条的宽度、每个索引字符在所述待构建索引条中的显示高度以及所述配置文件中的索引条位置数据和索引条所处侧边栏的位置数据，确定出每个索引字符的中心横坐标以及中心纵坐标；

8、基于每个索引字符的中心横坐标以及中心纵坐标，将各个索引字符填充至所述索引条框架中，以在填充完毕后，完成所述待构建索引条的绘制，得到展示索引条。

9、基于上述公开的内容，本发明通过配置待构建索引条的各个参数，来生成配置文件，以基于配置文件实现待构建索引条的绘制，其中，配置文件包括索引条填充数据(即需要在索引条内填充的索引字符)、索引条位置数据以及索引条所处侧边栏的位置数据；接着，即可基于前述配置文件中的各个数据，来确定出待构建索引条的高度、宽度以及每个索引字符在待构建索引条中的显示高度；而后，在确定出待构建索引条的高度和宽度后，即可绘制出一索引条框架；此时，只需要计算出每个索引字符在索引条框架中的填充位置，即可完成索引字符的填充；具体的，本发明通过前述计算出的待构建索引条的宽度、每个索引字符的显示高度以及配置文件中的索引条位置数据和索引条所处侧边栏的位置数据，来计算出每个索引字符的中心横纵坐标；如此，即可基于每个索引字符的中心横纵坐标，来确定出各个索引字符在索引条框架中的填充位置；最后，在确定的各个填充位置上，进行对应索引字符的填充，即可完成待构建索引条的绘制。

10、通过上述设计，本发明通过配置索引条内各个参数的方式，来生成索引条配置文件，并基于该配置文件进行索引条的绘制；如此，当需求发生变化时，开发人员只需更改配置文件，即可实现不同索引条的绘制，而无需依据变更的需求来重新开发代码，由此，本发明相比于传统的索引条构建方法，不仅大大提高了开发效率，还降低了开发的工作量。

11、在一个可能的设计中，所述索引条位置数据包括：第一间距、第二间距以及第三间距，所述索引条所处侧边栏的位置数据包括侧边栏高度以及侧边栏宽度，其中，所述第一间距用于表征所述待构建索引条的顶部与索引条展示视图顶部之间的间距，所述第二间距用于表征所述待构建索引条的底部与索引条展示视图底部之间的间距，所述第三间距用于表征所述待构建索引条与索引条展示视图右侧边之间的间距；

12、相应的，基于所述配置文件，确定出所述待构建索引条的高度、宽度以及每个索引字符在所述待构建索引条中的显示高度，包括：

13、计算所述侧边栏高度与所述第一间距之间的差值，并使用差值减去所述第二间距，得到所述待构建索引条的高度；

14、获取所述索引条填充数据中每个索引字符的字符宽度，并将最大的字符宽度作为所述待构建索引条的宽度；

15、基于所述索引条填充数据，确定出所述索引条填充数据的数据长度；

16、根据所述数据长度和所述待构建索引条的高度，计算得到所述索引条填充数据中每个索引字符在所述待构建索引条中的显示高度。

17、基于上述公开的内容，本发明依据配置的侧边栏高度、索引条与其展示视图顶部之间的间距以及索引条与其展示视图底部之间的间距，来计算出待构建索引条的高度；然后，再将若干索引字符中字符宽度的最大值，作为待构建索引条的宽度；最后，再根据索引条填充数据的长度和待构建索引条的高度，来确定出每个索引字符的显示高度；如此，计算出前述数据后，即可为待构建索引条的绘制提供数据基础。

18、在一个可能的设计中，若干索引字符中的每个索引字符的中心横坐标相同，其中，根据所述待构建索引条的宽度、每个索引字符在所述待构建索引条中的显示高度以及所述配置文件中的索引条位置数据和索引条所处侧边栏的位置数据，确定出每个索引字符的中心横坐标以及中心纵坐标，包括：

19、获取一字符标定值，并基于所述字符标定值以及所述待构建索引条的宽度，计算得到第一中间值；

20、计算所述侧边栏宽度与所述第三间距之间的差值，并使用所述侧边栏宽度与所述第三间距之间的差值减去所述第一中间值，以得到每个索引字符的中心横坐标；

21、对于所述索引条填充数据中的第i个索引字符，计算所述显示高度与j之间的乘积，得到第二中间值，其中，j＝i-1，且i为正整数；

22、求和所述第一间距、所述第二中间值以及所述显示高度，以将求和结果作为所述第i个索引字符的中心纵坐标；

23、将i自加1，直至i等于n时，得到每个索引字符的中心纵坐标，其中，n为所述索引条填充数据中索引字符的总个数。

24、基于上述公开的内容，由于索引字符在索引条框架中都是从上至下进行排列的，因此，各个索引字符的横坐标是相同的，基于此，本发明配置有一字符标定值，然后基于字符标定值与待构建索引条的宽度，来计算出第一中间值；接着，再依次计算侧边栏宽度、第三间距以及第一中间值的差值，计算完毕后，则可得到各个索引字符的中心横坐标；而对于第i个字符索引，其中心纵坐标计算过程如下：首先基于显示高度和第i个索引字符的下标(下标从0开始)，来计算出第二中间值，而后，求和第一间距、第二中间值以及显示高度，即可得到第i个索引字符的中心纵坐标；当然，其余各个索引字符的计算过程原理也是如此，如此不再赘述。

25、在一个可能的设计中，所述配置文件还包括：每个索引字符所关联的索引内容、字符显示样式以及内容显示样式，其中，在得到展示索引条后，所述方法还包括：

26、响应于用户与所述展示索引条的人机交互操作时，获取用户在所述展示索引条上的交互位置坐标，以基于所述交互位置坐标，确定出用户在所述展示索引条上的触点位置；

27、基于所述交互位置坐标、所述待构建索引条的高度以及所述索引条所处侧边栏的位置数据，计算得到所述触点位置相对于展示索引条顶部的高度；

28、根据所述触点位置相对于展示索引条顶部的高度以及每个索引字符在所述待构建索引条中的显示高度，定位得到用户与所述展示索引条进行人机交互操作时，用户点击的索引字符；

29、依据所述字符显示样式，显示所述用户点击的索引字符，并基于所述内容显示样式，进行目标内容的展示，其中，所述目标内容为所述用户点击的索引字符相关联的索引内容。

30、基于上述公开的内容，本发明还配置有触摸回调事件、各个索引字符的显示样式以及各个索引字符相关联的索引内容的显示样式；因此，在用户与绘制的索引条进行人机交互时，可根据不同的操作，来反馈不同的事件，如手指按下、移动或抬起时，均可来触发相应的事件；具体的，则是先定位出用户人机交互时，在展示索引条上的交互位置坐标，然后再根据交互位置坐标确定出用户的触点位置；接着，即可基于交互位置坐标、待构建索引条的高度、每个索引字符的显示高度以及侧边栏的位置数据，来确定出用户在进行人机交互时，所点击的索引字符；最后，即可按照配置的字符显示样式进行该点击索引字符的显示，以及按照内容显示样式，来对该点击索引字符相关联的索引内容进行可视化展示；由此，本发明可自定义用户点击索引条时，每个索引字符的显示方式以及每个索引字符相关联内容的显示方式，如此，提高了索引条构建的扩展性，能够满足不同需求的应用场景，且也无需开发人员重新开发代码，进一步的提高了开发效率。

31、在一个可能的设计中，所述索引条所处侧边栏的位置数据包括侧边栏高度，其中，基于所述交互位置坐标、所述待构建索引条的高度以及所述索引条所处侧边栏的位置数据，计算得到所述触点位置相对于展示索引条顶部的高度，包括：

32、获取一定位值，并基于所述定位值和所述侧边栏高度，计算得到第三中间值，以及基于所述定位值和所述待构建索引条的高度，计算得到第四中间值；

33、计算所述交互位置坐标中的纵坐标与所述第三中间值之间的差值，得到第五中间值；

34、计算所述第五中间值与所述第四中间值的差值，以在计算完毕后，得到所述触点位置相对于所述展示索引条顶部的高度。

35、在一个可能的设计中，根据所述触点位置相对于展示索引条顶部的高度以及每个索引字符在所述待构建索引条中的显示高度，定位得到用户与所述展示索引条进行人机交互操作时，用户点击的索引字符，包括：

36、使用所述触点位置相对于展示索引条顶部的高度，除以所述显示高度，得到第六中间值；

37、判断所述第六中间值是否处于第一阈值与第二阈值之间，其中，所述第一阈值为0，所述第二阈值为所述索引条填充数据中的索引字符的总个数；

38、若是，则对所述第六中间值进行取整运算，得到取整结果；

39、基于所述取整结果，确定出所述用户点击的索引字符。

40、在一个可能的设计中，所述方法还包括：

41、若所述第六中间值小于或等于第一阈值，则将所述索引条填充数据中的第一个索引字符作为所述用户点击的索引字符，若所述第六中间值大于或等于所述第二阈值，则将所述索引条填充数据中的最后一个索引字符作为所述用户点击的索引字符。

42、第二方面，提供了一种列表索引条的构建装置，包括：

43、配置单元，用于获取待构建索引条的配置文件，其中，所述配置文件包括索引条填充数据、索引条位置数据以及索引条所处侧边栏的位置数据，且索引条填充数据包括若干索引字符；

44、参数计算单元，用于基于所述配置文件，确定出所述待构建索引条的高度、宽度以及每个索引字符在所述待构建索引条中的显示高度；

45、绘制单元，用于依据所述待构建索引条的高度和宽度，绘制出索引条框架；

46、参数计算单元，用于根据所述待构建索引条的宽度、每个索引字符在所述待构建索引条中的显示高度以及所述配置文件中的索引条位置数据和索引条所处侧边栏的位置数据，确定出每个索引字符的中心横坐标以及中心纵坐标；

47、绘制单元，用于基于每个索引字符的中心横坐标以及中心纵坐标，将各个索引字符填充至所述索引条框架中，以在填充完毕后，完成所述待构建索引条的绘制，得到展示索引条。

48、第三方面，提供了另一种列表索引条的构建装置，以装置为电子设备为例，包括依次通信相连的存储器、处理器和收发器，其中，所述存储器用于存储计算机程序，所述收发器用于收发消息，所述处理器用于读取所述计算机程序，执行如第一方面或第一方面中任意一种可能设计的所述列表索引条的构建方法。

49、第四方面，提供了一种存储介质，存储介质上存储有指令，当所述指令在计算机上运行时，执行如第一方面或第一方面中任意一种可能设计的所述列表索引条的构建方法。

50、第五方面，提供了一种包含指令的计算机程序产品，当指令在计算机上运行时，使计算机执行如第一方面或第一方面中任意一种可能设计的所述列表索引条的构建方法。

51、有益效果：

52、(1)本发明通过配置索引条内各个参数的方式，来生成索引条配置文件，并基于该配置文件进行索引条的绘制；如此，当需求发生变化时，开发人员只需更改配置文件，即可实现不同索引条的绘制，而无需依据变更的需求来重新开发代码，由此，本发明相比于传统的索引条构建方法，不仅大大提高了开发效率，还降低了开发的工作量。

53、(2)本发明可自定义用户点击索引条时，每个索引字符的显示方式以及每个索引字符相关联内容的显示方式，如此，提高了索引条构建的扩展性，能够满足不同需求的应用场景，且也无需开发人员重新开发代码，进一步的提高了开发效率。