利用圆环图形界面展示用户选择区间的方法和装置制造方法及图纸

本发明专利技术提供一种利用圆环图形界面展示用户选择区间的方法和装置，能够通过点击、滑动等移动端常见的交互方式去实现一种新型的状态选择的交互方式，提高交互的灵活性和趣味性。该利用圆环图形界面展示用户选择区间的方法包括：从服务器获取圆环模型数据，所述数据包括可操作区间数据和不可操作区间数据；根据圆环模型在用户终端的显示器绘制圆环图形界面，圆环图形界面的用户触摸区包括可操作区域和不可操作区域，分别对应可操作区间数据和不可操作区间数据；接收用户在用户触摸区的触摸事件，并根据触摸事件在用户触摸区绘制用户操作区间；在用户停止触摸后，把用户操作区间对应的用户选择区间数据显示在圆环图形界面的预定区域。

【技术实现步骤摘要】
201610176724

【技术保护点】
一种利用圆环图形界面展示用户选择区间的方法，其特征在于，包括：从服务器获取圆环模型数据，所述数据包括可操作区间数据和不可操作区间数据；根据所述圆环模型在用户终端的显示器绘制圆环图形界面，所述圆环图形界面的用户触摸区包括可操作区域和不可操作区域，分别对应所述可操作区间数据和所述不可操作区间数据；接收用户在所述用户触摸区的触摸事件，并根据所述触摸事件在所述用户触摸区绘制用户操作区间；在用户停止触摸后，把所述用户操作区间对应的用户选择区间数据显示在所述圆环图形界面的预定区域。

【技术特征摘要】
1.一种利用圆环图形界面展示用户选择区间的方法，其特征在于，包括：从服务器获取圆环模型数据，所述数据包括可操作区间数据和不可操作区间数据；根据所述圆环模型在用户终端的显示器绘制圆环图形界面，所述圆环图形界面的用户触摸区包括可操作区域和不可操作区域，分别对应所述可操作区间数据和所述不可操作区间数据；接收用户在所述用户触摸区的触摸事件，并根据所述触摸事件在所述用户触摸区绘制用户操作区间；在用户停止触摸后，把所述用户操作区间对应的用户选择区间数据显示在所述圆环图形界面的预定区域。2.根据权利要求1所述的方法，其特征在于，所述用户选择区间数据经用户确认后提交给所述服务器。3.根据权利要求1所述的方法，其特征在于，所述圆环模型数据的数据集合的元素个数及各个元素的在所述数据集合中所占的比例为固定值。4.根据权利要求1所述的方法，其特征在于，所述圆环模型数据是时段数据格式，在所述绘制之前进行格式转换，把所述时段数据格式转换为弧度数据格式，并将所述时段数据和所述弧度数据分别按序存放在两个浮点型数组内。5.根据权利要求1所述的方法，其特征在于，所述绘制的步骤包括：以所述客户终端的显示器的显示屏幕的物理中心为圆心，以预定的R为外半径并且以预定的r为内半径绘制圆环，其中，R和r为正数，
\tR>r，且R应小于圆心到显示屏幕边缘的距离；将所述圆环显示为可操作区域；从所述弧度数据中获取不可操作区域的数据，并以不同颜色的扇形在所述圆环中绘制不可操作区域。6.根据权利要求1所述的方法，其特征在于，用于显示所述用户选择区间数据的所述预定区域位于所述圆环的中央。7.根据权利要求1所述的方法，其特征在于，所述触摸事件包括点击事件和滑动事件。8.根据权利要求7所述的方法，其特征在于，当所述触摸事件为所述点击事件时，绘制用户操作区间包括：获取用户点击区域内的任一点，并计算当前点的弧度及其所在的弧度区间；将所述弧度区间绘制为所述用户操作区间。9.根据权利要求8所述的方法，其特征在于，计算当前点所在的弧度区间之前，还包括：确认所述当前点位于所述圆环上。10.根据权利要求8所述的方法，其特征在于，将所述弧度区间绘制为所述用户操作区间...

【专利技术属性】
技术研发人员：乔菲，
申请(专利权)人：北京京东尚科信息技术有限公司，北京京东世纪贸易有限公司，
类型：发明
国别省市：北京;11