CN108089901A - 一种圆盘式菜单的实现方法及装置 - Google Patents
一种圆盘式菜单的实现方法及装置 Download PDFInfo
- Publication number
- CN108089901A CN108089901A CN201711308505.4A CN201711308505A CN108089901A CN 108089901 A CN108089901 A CN 108089901A CN 201711308505 A CN201711308505 A CN 201711308505A CN 108089901 A CN108089901 A CN 108089901A
- Authority
- CN
- China
- Prior art keywords
- menu item
- menu
- disc type
- disc
- item
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种圆盘式菜单的实现方法及装置,该方法,包括:接收用户输入的所述圆盘式菜单的配置信息;根据所述配置信息,确定所述圆盘式菜单的展示结构和显示内容;确定所述圆盘式菜单中的每个菜单项对应的关联数据;根据所述展示结构和所述显示内容,生成所述圆盘式菜单的每个所述菜单项;将每个所述菜单项组合成圆盘形,其中,每个所述菜单项对应所述圆盘形中的一个扇形;利用每个所述菜单项对应的关联数据,对每个所述菜单项进行数据渲染,实现所述圆盘式菜单。本发明提供了一种圆盘式菜单的实现方法及装置,能够提高用户体验。
Description
技术领域
本发明涉及计算机技术领域,特别涉及一种圆盘式菜单的实现方法及装置。
背景技术
图谱分析是当前信息技术中数据分析的重要应用之一,主要被用来分析数据节点之间的关系和相似度。在进行图谱分析的过程中,有很多需要对图谱中的各个节点的操作。现有技术中没有针对各个节点的交互式操作方式。用户需要对各个节点进行操作时比较麻烦,用户体验较差。
发明内容
本发明实施例提供了一种圆盘式菜单的实现方法及装置,能够提高用户体验。
一方面,本发明实施例提供了一种圆盘式菜单的实现方法,包括:
接收用户输入的所述圆盘式菜单的配置信息;
根据所述配置信息,确定所述圆盘式菜单的展示结构和显示内容;
确定所述圆盘式菜单中的每个菜单项对应的关联数据;
根据所述展示结构和所述显示内容,生成所述圆盘式菜单的每个所述菜单项;
将每个所述菜单项组合成圆盘形,其中,每个所述菜单项对应所述圆盘形中的一个扇形;
利用每个所述菜单项对应的关联数据,对每个所述菜单项进行数据渲染,实现所述圆盘式菜单。
进一步地,
所述配置信息中包括:所述圆盘式菜单中的菜单项的数量;
所述根据所述配置信息,确定所述圆盘式菜单的展示结构和显示内容,包括:
根据所述圆盘式菜单中的菜单项的数量,确定每个所述菜单项对应的扇形的圆心角;
根据公式一确定每个所述菜单项的倾斜角度,其中,公式一为:
Ai=90°-Yi,
其中,Ai为第i个菜单项的倾斜角度,Yi为第i个菜单项的圆心角。
进一步地,
该方法进一步包括:
预先设置所述圆盘式菜单的容器;
所述将每个所述菜单项组合成圆盘形,包括:
将每个所述菜单项绝对定位在所述容器中;
确定每个所述菜单项的变换原点;
将每个所述菜单项的变换原点与所述容器的中心重合;
将每个所述菜单项旋转到指定位置,构成圆盘形。
进一步地,
在所述根据所述展示结构和所述显示内容,生成所述圆盘式菜单的每个所述菜单项之前,进一步包括:
将每个所述菜单项对应的扇形的形状设置为相同;
所述确定每个所述菜单项的变换原点,包括:
将每个所述菜单项对应的扇形的顶点作为所述变换原点;
在所述将每个所述菜单项旋转到指定位置,构成圆盘形之前,进一步包括:
将每个所述菜单项对应的扇形重合;
所述将每个所述菜单项旋转到指定位置,构成圆盘形,包括:
将第j个所述菜单项旋转Xj,其中,Xj=j×Yj,Xi为第j个菜单项的旋转角度,Yj为第j个菜单项的圆心角,j为大于等于0的整数,j=0,1,2···。
进一步地,
所述配置信息中包括:每个所述菜单项的名称;
所述根据所述配置信息,确定所述圆盘式菜单的展示结构和显示内容,包括:
将每个所述菜单项的名称作为每个所述菜单项的显示内容。
进一步地,
所述关联数据包括:所述圆盘式菜单对应的位于关联图谱中的节点的节点数据和节点关系数据。
另一方面,本发明实施例提供了一种圆盘式菜单的实现装置,包括:
接收单元,用于接收用户输入的所述圆盘式菜单的配置信息;
结构确定单元,用于根据所述配置信息,确定所述圆盘式菜单的展示结构和显示内容;
数据确定单元,用于确定所述圆盘式菜单中的每个菜单项对应的关联数据;
菜单项生成单元,用于根据所述展示结构和所述显示内容,生成所述圆盘式菜单的每个所述菜单项;
组合单元,用于将每个所述菜单项组合成圆盘形,其中,每个所述菜单项对应所述圆盘形中的一个扇形;
渲染单元,用于利用每个所述菜单项对应的关联数据,对每个所述菜单项进行数据渲染,实现所述圆盘式菜单。
进一步地,
所述配置信息中包括:所述圆盘式菜单中的菜单项的数量;
所述结构确定单元,用于:
根据所述圆盘式菜单中的菜单项的数量,确定每个所述菜单项对应的扇形的圆心角;
根据公式一确定每个所述菜单项的倾斜角度,其中,公式一为:
Ai=90°-Yi,
其中,Ai为第i个菜单项的倾斜角度,Yi为第i个菜单项的圆心角。
进一步地,
该装置进一步包括:
设置单元,用于设置所述圆盘式菜单的容器;
所述组合单元,用于执行:
将每个所述菜单项绝对定位在所述容器中;
确定每个所述菜单项的变换原点;
将每个所述菜单项的变换原点与所述容器的中心重合;
将每个所述菜单项旋转到指定位置,构成圆盘形。
进一步地,
该装置进一步包括:设置单元,用于将每个所述菜单项对应的扇形的形状设置为相同;
所述组合单元,在执行所述确定每个所述菜单项的变换原点时,具体用于将每个所述菜单项对应的扇形的顶点作为所述变换原点;
所述组合单元,在执行所述将每个所述菜单项旋转到指定位置,构成圆盘形之前,进一步用于将每个所述菜单项对应的扇形重合;
所述组合单元,在执行所述将每个所述菜单项旋转到指定位置,构成圆盘形时,具体用于将第j个所述菜单项旋转Xj,其中,Xj=j×Yj,Xi为第j个菜单项的旋转角度,Yj为第j个菜单项的圆心角,j为大于等于0的整数,j=0,1,2···。
进一步地,
所述配置信息中包括:每个所述菜单项的名称;
所述结构确定单元,用于将每个所述菜单项的名称作为每个所述菜单项的显示内容。
进一步地,
所述关联数据包括:所述圆盘式菜单对应的位于关联图谱中的节点的节点数据和节点关系数据。
在本发明实施例中,用户可以根据需要输入配置信息,以生成所需要的圆盘式菜单,通过该圆盘式菜单用户可以进行相应的操作,在进行图谱分析时,用户可以通过生成的圆盘式菜单进行相应的操作,基于该圆盘式菜单的操作比较简单,提高了用户体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一实施例提供的一种圆盘式菜单的实现方法的流程图;
图2是本发明一实施例提供的另一种圆盘式菜单的实现方法的流程图;
图3是本发明一实施例提供的一种圆盘式菜单的实现装置的示意图;
图4是本发明一实施例提供的另一种圆盘式菜单的实现装置的示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例,基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
如图1所示,本发明实施例提供了一种圆盘式菜单的实现方法,该方法可以包括以下步骤:
步骤101:接收用户输入的所述圆盘式菜单的配置信息;
步骤102:根据所述配置信息,确定所述圆盘式菜单的展示结构和显示内容;
步骤103:确定所述圆盘式菜单中的每个菜单项对应的关联数据;
步骤104:根据所述展示结构和所述显示内容,生成所述圆盘式菜单的每个所述菜单项;
步骤105:将每个所述菜单项组合成圆盘形,其中,每个所述菜单项对应所述圆盘形中的一个扇形;
步骤106:利用每个所述菜单项对应的关联数据,对每个所述菜单项进行数据渲染,实现所述圆盘式菜单。
在本发明实施例中,用户可以根据需要输入配置信息,以生成所需要的圆盘式菜单,通过该圆盘式菜单用户可以进行相应的操作,在进行图谱分析时,用户可以通过生成的圆盘式菜单进行相应的操作,基于该圆盘式菜单的操作比较简单,提高了用户体验。
在本发明一实施例中,所述配置信息中包括:所述圆盘式菜单中的菜单项的数量;
所述根据所述配置信息,确定所述圆盘式菜单的展示结构和显示内容,包括:
根据所述圆盘式菜单中的菜单项的数量,确定每个所述菜单项对应的扇形的圆心角;
根据公式一确定每个所述菜单项的倾斜角度,其中,公式一为:
Ai=90°-Yi,
其,Ai为第i个菜单项的倾斜角度,Yi为第i个菜单项的圆心角。
在本发明实施例中,在确定各个菜单项对应的扇形的圆心角时,可以让每个菜单项对应的扇形的圆心角相等,这样,根据菜单项的数量,将360°平分,即可得到每个菜单项对应的扇形的圆心角。另外,还可以通过公式一,设置每个菜单项的倾斜角度,使得每个菜单项具有一定的倾斜,能够更加方便用户使用,使得实现的圆盘式菜单更加美观舒适,使得用户体验更好。
在本发明一实施例中,该方法进一步包括:
预先设置所述圆盘式菜单的容器;
所述将每个所述菜单项组合成圆盘形,包括:
将每个所述菜单项绝对定位在所述容器中;
确定每个所述菜单项的变换原点;
将每个所述菜单项的变换原点与所述容器的中心重合;
将每个所述菜单项旋转到指定位置,构成圆盘形。
在本发明实施例中,圆盘式菜单包括一个容器,各个菜单项定位到该容器中。容器的中心就是圆盘式菜单的圆心,各个菜单项的变换原点可以是各个菜单项对应的扇形的顶点。
在本发明一实施例中,在所述根据所述展示结构和所述显示内容,生成所述圆盘式菜单的每个所述菜单项之前,进一步包括:
将每个所述菜单项对应的扇形的形状设置为相同;
所述确定每个所述菜单项的变换原点,包括:
将每个所述菜单项对应的扇形的顶点作为所述变换原点;
在所述将每个所述菜单项旋转到指定位置,构成圆盘形之前,进一步包括:
将每个所述菜单项对应的扇形重合;
所述将每个所述菜单项旋转到指定位置,构成圆盘形,包括:
将第j个所述菜单项旋转Xj,其中,Xj=j×Yj,Xi为第j个菜单项的旋转角度,Yj为第j个菜单项的圆心角,j为大于等于0的整数,j=0,1,2···。
在本发明实施例中,每个菜单项对应的扇形的形状设置为相同,在确定各个菜单项时,使得各个菜单项符合该要求。在生成每个菜单项时,将每个菜单项对应的扇形重合,方便后续安排各个菜单项的位置。通过将第j个菜单项旋转Xj,能够保证各个菜单项构成圆盘形。
在本发明一实施例中,所述配置信息中包括:每个所述菜单项的名称;
所述根据所述配置信息,确定所述圆盘式菜单的展示结构和显示内容,包括:
将每个所述菜单项的名称作为每个所述菜单项的显示内容。
在本发明实施例中,用户可以根据需求来配置各个菜单项的名称。
在本发明一实施例中,所述关联数据包括:所述圆盘式菜单对应的位于关联图谱中的节点的节点数据和节点关系数据。
在本发明实施例中,实现的圆盘式菜单可以是针对关联图谱中的任一节点的。这样,用户可以通过圆盘式菜单来操作对应的节点。
如图2所示,本发明实施例提供了一种圆盘式菜单的实现方法,该方法可以包括以下步骤:
步骤201:预先设置圆盘式菜单的容器。
步骤202:接收用户输入的圆盘式菜单的配置信息,该配置信息包括:圆盘式菜单中的菜单项的数量,以及每个菜单项的名称。
具体地,可以为用户提供一个配置界面,用户可以通过配置界面来输入配置信息。
步骤203:将每个菜单项对应的扇形的形状设置为相同。
步骤204:根据圆盘式菜单中的菜单项的数量,确定每个菜单项对应的扇形的圆心角。
具体地,可以基于每个菜单项对应的扇形的形状相同的原则,确定每个菜单项对应的扇形的圆心角。Y=360°÷n,n为菜单项的数量。
步骤205:根据公式一确定每个菜单项的倾斜角度,其中,公式一为:
Ai=90°-Yi,
其中,Ai为第i个菜单项的倾斜角度,Yi为第i个菜单项的圆心角。
步骤206:将每个菜单项的名称作为每个菜单项的显示内容。
具体地,用户可以配置各个菜单项的名称。
步骤207:确定圆盘式菜单中的每个菜单项对应的关联数据。
具体地,关联数据包括:圆盘式菜单对应的位于关联图谱中的节点的节点数据和节点关系数据。
步骤208:根据展示结构和显示内容,生成圆盘式菜单的每个菜单项。
具体地,在该步骤中生成单个菜单项,以便于后续组合成圆盘形。
生成每个菜单项确定了显示的形状,以及显示的文字。
步骤209:将每个菜单项绝对定位在容器中。
步骤210:将每个菜单项对应的扇形的顶点作为变换原点。
步骤211:将每个菜单项对应的扇形重合。
步骤212:将每个菜单项的变换原点与容器的中心重合。
在后续的旋转时,每个菜单项的变换原点一直保持与容器的中心重合。
步骤213:将第j个菜单项旋转Xj,其中,Xj=j×Yj,Xi为第j个菜单项的旋转角度,Yj为第j个菜单项的圆心角,j为大于等于0的整数,j=0,1,2···。
具体地,通过该步骤将各个菜单项散开,形成圆盘形。
步骤214:利用每个菜单项对应的关联数据,对每个菜单项进行数据渲染,实现圆盘式菜单。
具体地,关联数据可以位于动态本体中。可以利用动态本体中的节点数据、节点关系数据和配置中的renderer回调函数对配置项中的模板进行数据渲染,使用户可以对图谱数据间的关系进行探索式的分析。
在本发明实施例中,该圆盘式菜单可以基于sigma.js组件来实现。该圆盘式菜单可以作为Sigma组件的一个插件,能够通过Sigma组件调用。该圆盘式菜单可以通过Sigma组件中的canvas来渲染。该圆盘式菜单可以根据Sigma扩展插件的原则,使用JavaScript技术来实现。
圆盘式菜单的前端展现可以通过CSS3来实现。
该圆盘式菜单可以为关联图谱探索式分析提供了很好的技术支撑与友好的界面交互。
通过本发明实施例可以实现两层的圆盘式菜单。本发明实施例可以对单层和第二层圆盘式菜单的结构进行渲染处理。
本发明实施例可以在tooltips插件开发的基础上,利用HTML5和CSS3新特性、JavaScript技术来实现圆盘式菜单。
本发明实施例可以针对关联图谱的每个节点实现对应的圆盘式菜单,通过这些圆盘式菜单可以结合Sigma实例对节点及其相关性进行探索式分析。
本发明实施例中用户通过设置模板来设定圆盘式菜单的结构及显示的内容。
本发明实施例改变关联图谱的节点操作方式,实现的圆盘式菜单可以与节点数据和节点关系数据对接,提供友好易用的前端探索式交互分析,减少用户使用过程中的认知负担。
本发明实施例改进了传统上下文菜单的展现形式,通过圆盘式菜单可以对sigmatooltips插件提供了新的改进性扩展,为图谱分析提供了新的简单易用的交互式探索分析,以提高分析效率,减少用户的使用负担。
在本发明实施例中,圆盘式菜单可以基于sigma组件进行图形的绘制,也就是,可以通过sigma组件实现展示给用户的外部结构,具体地,可以通过canvas方式进行渲染。
在本发明实施例中,可以利用sigma插件的扩展机制来实现该圆盘式菜单。具体地,该圆盘式菜单可以作为sigma的一个插件,实现对该插件进行注册调用。
在本发明实施例中,可以通过模板配置定义菜单结构与数据的动态渲染,主要利用arttemplate模板渲染技术,配置项的回调renderer进行菜单项的数据动态渲染,使用户能友好地进行探索式分析。
如图3、图4所示,本发明实施例提供了一种圆盘式菜单的实现装置。装置实施例可以通过软件实现,也可以通过硬件或者软硬件结合的方式实现。从硬件层面而言,如图3所示,为本发明实施例提供的一种圆盘式菜单的实现装置所在设备的一种硬件结构图,除了图3所示的处理器、内存、网络接口、以及非易失性存储器之外,实施例中装置所在的设备通常还可以包括其他硬件,如负责处理报文的转发芯片等等。以软件实现为例,如图4所示,作为一个逻辑意义上的装置,是通过其所在设备的CPU将非易失性存储器中对应的计算机程序指令读取到内存中运行形成的。本实施例提供的一种圆盘式菜单的实现装置,包括:
接收单元401,用于接收用户输入的所述圆盘式菜单的配置信息;
结构确定单元402,用于根据所述配置信息,确定所述圆盘式菜单的展示结构和显示内容;
数据确定单元403,用于确定所述圆盘式菜单中的每个菜单项对应的关联数据;
菜单项生成单元404,用于根据所述展示结构和所述显示内容,生成所述圆盘式菜单的每个所述菜单项;
组合单元405,用于将每个所述菜单项组合成圆盘形,其中,每个所述菜单项对应所述圆盘形中的一个扇形;
渲染单元406,用于利用每个所述菜单项对应的关联数据,对每个所述菜单项进行数据渲染,实现所述圆盘式菜单。
在本发明一实施例中,所述配置信息中包括:所述圆盘式菜单中的菜单项的数量;
所述结构确定单元,用于:
根据所述圆盘式菜单中的菜单项的数量,确定每个所述菜单项对应的扇形的圆心角;
根据公式一确定每个所述菜单项的倾斜角度,其中,公式一为:
Ai=90°-Yi,
其中,Ai为第i个菜单项的倾斜角度,Yi为第i个菜单项的圆心角。
在本发明一实施例中,该装置进一步包括:
设置单元,用于设置所述圆盘式菜单的容器;
所述组合单元,用于执行:
将每个所述菜单项绝对定位在所述容器中;
确定每个所述菜单项的变换原点;
将每个所述菜单项的变换原点与所述容器的中心重合;
将每个所述菜单项旋转到指定位置,构成圆盘形。
在本发明一实施例中,该装置进一步包括:设置单元,用于将每个所述菜单项对应的扇形的形状设置为相同;
所述组合单元,在执行所述确定每个所述菜单项的变换原点时,具体用于将每个所述菜单项对应的扇形的顶点作为所述变换原点;
所述组合单元,在执行所述将每个所述菜单项旋转到指定位置,构成圆盘形之前,进一步用于将每个所述菜单项对应的扇形重合;
所述组合单元,在执行所述将每个所述菜单项旋转到指定位置,构成圆盘形时,具体用于将第j个所述菜单项旋转Xj,其中,Xj=j×Yj,Xi为第j个菜单项的旋转角度,Yj为第j个菜单项的圆心角,j为大于等于0的整数,j=0,1,2···。
在本发明一实施例中,所述配置信息中包括:每个所述菜单项的名称;
所述结构确定单元,用于将每个所述菜单项的名称作为每个所述菜单项的显示内容。
在本发明一实施例中,所述关联数据包括:所述圆盘式菜单对应的位于关联图谱中的节点的节点数据和节点关系数据。
该装置可以是sigma组件的一种插件。
上述装置内的各单元之间的信息交互、执行过程等内容,由于与本发明方法实施例基于同一构思,具体内容可参见本发明方法实施例中的叙述,此处不再赘述。
本发明实施例提供了一种可读介质,包括执行指令,当存储控制器的处理器执行所述执行指令时,所述存储控制器执行本发明实施例提供的任意一种圆盘式菜单的实现方法。
本发明实施例提供了一种存储控制器,包括:处理器、存储器和总线;
所述存储器用于存储执行指令,所述处理器与所述存储器通过所述总线连接,当所述存储控制器运行时,所述处理器执行所述存储器存储的执行指令,以使所述存储控制器执行本发明实施例提供的任意一种圆盘式菜单的实现方法。
本发明各个实施例至少具有如下有益效果:
1、在本发明实施例中,用户可以根据需要输入配置信息,以生成所需要的圆盘式菜单,通过该圆盘式菜单用户可以进行相应的操作,在进行图谱分析时,用户可以通过生成的圆盘式菜单进行相应的操作,基于该圆盘式菜单的操作比较简单,提高了用户体验。
2、本发明实施例改变关联图谱的节点操作方式,实现的圆盘式菜单可以与节点数据和节点关系数据对接,提供友好易用的前端探索式交互分析,减少用户使用过程中的认知负担。
3、本发明实施例改进了传统上下文菜单的展现形式,通过圆盘式菜单可以对sigma tooltips插件提供了新的改进性扩展,为图谱分析提供了新的简单易用的交互式探索分析,以提高分析效率,减少用户的使用负担。
需要说明的是,在本文中,诸如第一和第二之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个〃····〃”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同因素。
本领域普通技术人员可以理解:实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成,前述的程序可以存储在计算机可读取的存储介质中,该程序在执行时,执行包括上述方法实施例的步骤;而前述的存储介质包括:ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质中。
最后需要说明的是:以上所述仅为本发明的较佳实施例,仅用于说明本发明的技术方案,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所做的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (10)
1.一种圆盘式菜单的实现方法,其特征在于,包括:
接收用户输入的所述圆盘式菜单的配置信息;
根据所述配置信息,确定所述圆盘式菜单的展示结构和显示内容;
确定所述圆盘式菜单中的每个菜单项对应的关联数据;
根据所述展示结构和所述显示内容,生成所述圆盘式菜单的每个所述菜单项;
将每个所述菜单项组合成圆盘形,其中,每个所述菜单项对应所述圆盘形中的一个扇形;
利用每个所述菜单项对应的关联数据,对每个所述菜单项进行数据渲染,实现所述圆盘式菜单。
2.根据权利要求1所述的方法,其特征在于,
所述配置信息中包括:所述圆盘式菜单中的菜单项的数量;
所述根据所述配置信息,确定所述圆盘式菜单的展示结构和显示内容,包括:
根据所述圆盘式菜单中的菜单项的数量,确定每个所述菜单项对应的扇形的圆心角;
根据公式一确定每个所述菜单项的倾斜角度,其中,公式一为:
Ai=90°-Yi,
其中,Ai为第i个菜单项的倾斜角度,Yi为第i个菜单项的圆心角。
3.根据权利要求1所述的方法,其特征在于,
进一步包括:
预先设置所述圆盘式菜单的容器;
所述将每个所述菜单项组合成圆盘形,包括:
将每个所述菜单项绝对定位在所述容器中;
确定每个所述菜单项的变换原点;
将每个所述菜单项的变换原点与所述容器的中心重合;
将每个所述菜单项旋转到指定位置,构成圆盘形。
4.根据权利要求3所述的方法,其特征在于,
在所述根据所述展示结构和所述显示内容,生成所述圆盘式菜单的每个所述菜单项之前,进一步包括:
将每个所述菜单项对应的扇形的形状设置为相同;
所述确定每个所述菜单项的变换原点,包括:
将每个所述菜单项对应的扇形的顶点作为所述变换原点;
在所述将每个所述菜单项旋转到指定位置,构成圆盘形之前,进一步包括:
将每个所述菜单项对应的扇形重合;
所述将每个所述菜单项旋转到指定位置,构成圆盘形,包括:
将第j个所述菜单项旋转Xj,其中,Xj=j×Yj,Xi为第j个菜单项的旋转角度,Yj为第j个菜单项的圆心角,j为大于等于0的整数,j=0,1,2···。
5.根据权利要求1-4中任一所述的方法,其特征在于,
所述配置信息中包括:每个所述菜单项的名称;
所述根据所述配置信息,确定所述圆盘式菜单的展示结构和显示内容,包括:
将每个所述菜单项的名称作为每个所述菜单项的显示内容;
和/或,
所述关联数据包括:所述圆盘式菜单对应的位于关联图谱中的节点的节点数据和节点关系数据。
6.一种圆盘式菜单的实现装置,其特征在于,包括:
接收单元,用于接收用户输入的所述圆盘式菜单的配置信息;
结构确定单元,用于根据所述配置信息,确定所述圆盘式菜单的展示结构和显示内容;
数据确定单元,用于确定所述圆盘式菜单中的每个菜单项对应的关联数据;
菜单项生成单元,用于根据所述展示结构和所述显示内容,生成所述圆盘式菜单的每个所述菜单项;
组合单元,用于将每个所述菜单项组合成圆盘形,其中,每个所述菜单项对应所述圆盘形中的一个扇形;
渲染单元,用于利用每个所述菜单项对应的关联数据,对每个所述菜单项进行数据渲染,实现所述圆盘式菜单。
7.根据权利要求6所述的装置,其特征在于,
所述配置信息中包括:所述圆盘式菜单中的菜单项的数量;
所述结构确定单元,用于:
根据所述圆盘式菜单中的菜单项的数量,确定每个所述菜单项对应的扇形的圆心角;
根据公式一确定每个所述菜单项的倾斜角度,其中,公式一为:
Ai=90°-Yi,
其中,Ai为第i个菜单项的倾斜角度,Yi为第i个菜单项的圆心角。
8.根据权利要求6所述的装置,其特征在于,
进一步包括:
设置单元,用于设置所述圆盘式菜单的容器;
所述组合单元,用于执行:
将每个所述菜单项绝对定位在所述容器中;
确定每个所述菜单项的变换原点;
将每个所述菜单项的变换原点与所述容器的中心重合;
将每个所述菜单项旋转到指定位置,构成圆盘形。
9.根据权利要求8所述的装置,其特征在于,
进一步包括:设置单元,用于将每个所述菜单项对应的扇形的形状设置为相同;
所述组合单元,在执行所述确定每个所述菜单项的变换原点时,具体用于将每个所述菜单项对应的扇形的顶点作为所述变换原点;
所述组合单元,在执行所述将每个所述菜单项旋转到指定位置,构成圆盘形之前,进一步用于将每个所述菜单项对应的扇形重合;
所述组合单元,在执行所述将每个所述菜单项旋转到指定位置,构成圆盘形时,具体用于将第j个所述菜单项旋转Xj,其中,Xj=j×Yj,Xi为第j个菜单项的旋转角度,Yj为第j个菜单项的圆心角,j为大于等于0的整数,j=0,1,2···。
10.根据权利要求6-9中任一所述的装置,其特征在于,
所述配置信息中包括:每个所述菜单项的名称;
所述结构确定单元,用于将每个所述菜单项的名称作为每个所述菜单项的显示内容;
和/或,
所述关联数据包括:所述圆盘式菜单对应的位于关联图谱中的节点的节点数据和节点关系数据。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711308505.4A CN108089901A (zh) | 2017-12-11 | 2017-12-11 | 一种圆盘式菜单的实现方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711308505.4A CN108089901A (zh) | 2017-12-11 | 2017-12-11 | 一种圆盘式菜单的实现方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN108089901A true CN108089901A (zh) | 2018-05-29 |
Family
ID=62173812
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201711308505.4A Pending CN108089901A (zh) | 2017-12-11 | 2017-12-11 | 一种圆盘式菜单的实现方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108089901A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108804196A (zh) * | 2018-06-15 | 2018-11-13 | 深圳超多维科技有限公司 | 多级菜单的制作方法、装置及电子设备 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101676850A (zh) * | 2008-09-16 | 2010-03-24 | 联想(北京)有限公司 | 自定义右键菜单的系统和调用该右键菜单的方法 |
CN102859482A (zh) * | 2010-04-30 | 2013-01-02 | 微软公司 | 用于选择选项的旋转控件用户界面 |
CN103425482A (zh) * | 2012-05-17 | 2013-12-04 | 索尼公司 | 菜单的定制 |
-
2017
- 2017-12-11 CN CN201711308505.4A patent/CN108089901A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101676850A (zh) * | 2008-09-16 | 2010-03-24 | 联想(北京)有限公司 | 自定义右键菜单的系统和调用该右键菜单的方法 |
CN102859482A (zh) * | 2010-04-30 | 2013-01-02 | 微软公司 | 用于选择选项的旋转控件用户界面 |
CN103425482A (zh) * | 2012-05-17 | 2013-12-04 | 索尼公司 | 菜单的定制 |
Non-Patent Citations (1)
Title |
---|
IVAN: "用CSS3变形创建半圆形导航", 《WWW.XUANFENGGE.COM/CREATE-A-SEMICIRCLE-WITH-CSS3-VARIANT-NAVIGATION.HTML》 * |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108804196A (zh) * | 2018-06-15 | 2018-11-13 | 深圳超多维科技有限公司 | 多级菜单的制作方法、装置及电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11494226B2 (en) | Task management interface | |
US10534605B2 (en) | Application system having a gaming engine that enables execution of a declarative language | |
US11010032B2 (en) | Navigating a hierarchical data set | |
Wilson et al. | Beyond hacking: a model based approach to user interface design | |
Wüest et al. | Flexisketch: A mobile sketching tool for software modeling | |
Thomas et al. | Graphical input interaction technique (GIIT) | |
CN104991640B (zh) | 交互界面上的实物编程系统和方法 | |
CN102253962A (zh) | 分层导航的轨道表示 | |
CN107436762A (zh) | 一种寄存器代码文件生成方法、装置和电子设备 | |
US10599324B2 (en) | Hand gesture API using finite state machine and gesture language discrete values | |
US20150067640A1 (en) | Input suggestions for free-form text entry | |
US10310618B2 (en) | Gestures visual builder tool | |
CN109739855A (zh) | 实现数据表拼接及自动训练机器学习模型的方法和系统 | |
CN109471626A (zh) | 页面逻辑结构、页面生成方法、页面数据处理方法及装置 | |
CN109766196A (zh) | 一种任务调度方法、装置及设备 | |
CN110673844A (zh) | 一种图像处理软件开发方法及系统 | |
WO2015044662A1 (en) | Methods and software for creating workflows | |
Duke | Reasoning about gestural interaction | |
CN106462409A (zh) | 定制的准备就绪部件化的应用定义 | |
Kerren et al. | A Novel Radial Visualization Approach for Undirected Hypergraphs. | |
CN108089901A (zh) | 一种圆盘式菜单的实现方法及装置 | |
US20240005446A1 (en) | Methods, systems, and non-transitory storage media for graphics memory allocation | |
CN107423291A (zh) | 一种数据翻译方法以及客户端设备 | |
CN109857378A (zh) | 一种Web系统开发框架的构建方法及装置 | |
Glinert et al. | Exploring the general-purpose visual alternative |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180529 |