[发明专利]一种具有环绕效果的菜单容器控件的实现方法及装置

说明书

技术领域

本发明涉及一种智能终端的菜单容器控件的实现方法及其装置，特别涉及一种具有环绕效果的菜单容器控件的实现方法及装置。

背景技术

随着移动互联网终端设备的不断发展，硬件平台及操作系统的不断强大，用户对与终端应用程序的需求，不再仅仅满足于简单的功能实现，丰富生动的人机交互体验及新颖的操作方式将直接影响用户的使用感受。对于移动终端设备上常见的功能菜单界面，如何在有限的屏幕显示区域将多个菜单控件进行呈现，并能够提供良好的人机交互体验，往往能使用户对产品的好感度大大提升。

通常情况下菜单控件集合的布局排列是在布局容器中实现，其主要分为两大类，一种是静态的布局，容器中的各控件位置及显示属性已规定在布局文件或程序代码中，一般情况下子控件的位置是相对固定；另一种是动态的布局，容器中的各控件按一定规律排列，但其位置可以根据交互界面的响应而改变，如用户触摸拖动、上翻下翻等。按照布局的结构形式，又有线性布局、表格布局、标签布局、网格视图、列表视图、画廊视图等。

虽然多种适应不同需求的布局容器，能够满足一般的人机交互界面应用。但现有的布局容器在使用过程中只能以线性的移动方式进行拖动，交互形式过于单一。简单的界面控件形式缺乏新意、操作方式死板，用户的对软件的好感自然不会提升，甚至可能转用其它产品。因此实现一种更为丰富生动的菜单布局形式，且能够准确感知用户操作的控件容器就非常重要。

发明内容

为解决现有技术中存在的技术问题，本发明提供了一种具有环绕效果的菜单容器控件实现方法及装置，可以实现多个菜单控件按照一定规律的环绕轨迹布局，模拟立体的纵深效果将当前选中的控件呈现在屏幕最前端，其它控件由近到远的依次环绕排列。

本发明解决上述技术问题，所采用的技术方案是：提供一种具有环绕效果的菜单容器控件实现方法，包括以下步骤，步骤100，初始布局，即在容器界面内建立直角坐标系，并以闭合曲线的参数方程作为绘制菜单控件环绕轨迹的依据；步骤200，手势识别，即根据一定的时间阀值和触控屏输入信号，判断用户的手势类型，并采集手势的相关参数；步骤300，参数转化，即将上述手势识别采集的参数转化为菜单控件布局所需的参数增量；步骤400，布局计算，即根据上述参数增量和参数方程计算各个菜单控件在环绕轨迹上环绕移动后的位置坐标；步骤500，重新布局，即根据菜单控件沿环绕轨迹移动后的位置坐标，对各个菜单控件重新进行布局。

作为本发明的优选方案，菜单控件在容器界面内的区域范围采用中心点坐标(xo，yo)和菜单控件宽度w、高度h确定，菜单控件在X轴上的范围为[xo-w/2，xo+w/2]，Y轴上的范围为[yo-h/2，yo+h/2]。

作为本发明的优选方案，所述步骤100进一步包括以下步骤，步骤110，在容器界面内建立直角坐标系，其原点位于容器界面的左上角，X轴与Y轴分别为窗体界面的上边缘和左边缘，并将容器界面的可视区域设在第一象限；步骤120，将上述环绕轨迹的坐标方程G(x，y)采用参数方程G(X(θ)，Y(θ))表示，其中x＝a+mcosθ，y＝b+nsinθ，θ为参数且在[0，2π]之间，(a，b)为中心点坐标，m、n分别为中心点至环绕轨迹沿Y轴、X轴方向的长度；步骤130，根据菜单控件的数量N与参数θ的取值范围，对各菜单控件在闭合曲线上进行初始布局。

作为本发明的优选方案，所述步骤130进一步包括以下步骤：步骤131，经过闭合曲线中心点而延伸出的与Y轴平行的平行线，该平行线与闭合曲线相交于两点，取其中y坐标值较大的点C(xc，yc)为控件菜单布局的起点；步骤132，相临两个菜单控件中心点坐标之间参数差值Δθ＝2π/N，根据参数方程X(θ)，得出点C(xc，yc)参数为θc；步骤133，根据θc和Δθ确定下一个菜单控件的初始布局坐标(x1，y1)，其中x1＝X(θc-Δθ)或x1＝X(θc+Δθ)，y1＝Y(θc+Δθ)或y1＝Y(θc-Δθ)，由此各个菜单控件在环绕轨迹上均匀分布。