CN111221528A - 级联数据显示方法 - Google Patents

级联数据显示方法 Download PDF

Info

Publication number
CN111221528A
CN111221528A CN201911374623.4A CN201911374623A CN111221528A CN 111221528 A CN111221528 A CN 111221528A CN 201911374623 A CN201911374623 A CN 201911374623A CN 111221528 A CN111221528 A CN 111221528A
Authority
CN
China
Prior art keywords
node
control
level
subtree
title
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.)
Granted
Application number
CN201911374623.4A
Other languages
English (en)
Other versions
CN111221528B (zh
Inventor
夏梦石
麦锦超
李育梅
谭亮亮
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangdong Kamfu Technology Co ltd
Original Assignee
Guangdong Kamfu Technology Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Guangdong Kamfu Technology Co ltd filed Critical Guangdong Kamfu Technology Co ltd
Priority to CN201911374623.4A priority Critical patent/CN111221528B/zh
Publication of CN111221528A publication Critical patent/CN111221528A/zh
Application granted granted Critical
Publication of CN111221528B publication Critical patent/CN111221528B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Image Generation (AREA)

Abstract

本申请提供了一种级联数据显示方法，本方法获取级联数据的层次结构；根据层次结构确定标题集合，其中，标题集合中每个元素的结构为[节点标识，标题名称，层级标识，层级集合]，层级集合中每个元素的结构为[控件集合，控件关系]；根据标题名称渲染标题集合中所有元素；渲染层级标识为1的层级集合中所有元素。本申请提供的方法，根据层次结构确定标题集合，在基于标题集合进行渲染，提升了渲染效率。

Description

级联数据显示方法
技术领域
本发明涉及人工智能技术领域，尤其涉及一种级联数据显示方法。
背景技术
随着网页技术在政务税务终端领域的不断扩展和推广，迫切需要专门针对触控操作优化页面设计及交互方式。
其中，中间件作为用户使用频率最高，功能性最强的网页组件，其重要性也日益提高。
优秀的中间件设计，不仅可以有效的提升用户体验，让终端功能变得顺畅自然，提升使用效率，还可以极大的提升开发效率，压缩开发周期，有效降低开发成本。
发明内容
为了准确推荐，本申请实施例提出了一种级联数据显示方法。
为了达到上述目的，本发明采用的主要技术方案包括：
一种级联数据显示方法，所述方法包括：
S101，获取级联数据的层次结构；
S102，根据所述层次结构确定标题集合，其中，所述标题集合中每个元素的结构为[节点标识，标题名称，层级标识，层级集合]，所述层级集合中每个元素的结构为[控件集合，控件关系]；
S103，渲染所述标题集合中所有元素的标题名称；
S104，渲染层级标识为1的层级集合中所有元素。
可选地，所述S101中的级联数据的层次结构为树形结构；
所述树形结构中，第1层级的节点为根节点，第2层级的节点为根的子节点，……，第n层级的节点第n-1层级节点的子节点，n为大于2的整数值。
可选地，树形结构中每个节点具有名称，标识和序号，其中，不同节点的标识不同，相同层级的节点的序号不同，且相同层级的序号连续；
所述树形结构中与所述根节点不直接连接的任一节点，其还具有控件类型和控件属性；
所述步骤102具体包括：
标题集合中的元素与第2层级的节点一一对应；
标题集合中任一元素的节点标识为其对应节点的标识；
标题集合中任一元素的标题名称为其对应节点的名称；
标题集合中任一元素的层级标识为其对应节点的序号；
标题集合中任一元素的层级集合为以其对应节点为根节点的子树；
所述子树中节点与层级集合中的元素一一对应；
与子树根节点对应的元素的控件集合为空集，控件关系为子节点的标识；
与子树任一非根节点对应的元素的控件集合由所述任一非根节点的标识，名称，序号，控件类型和控件属性构成；
与子树任一非根节点对应的元素的控件关系由其父节点的标识和子节点的标识构成。
可选地，所述S104具体包括：
S104-1，根据层级标识为1的层级集合中的控件关系，确定以子树第2层级各节点为根的二级子树；
S104-2，确定二级子树的理想长度；
S104-3，根据二级子树的理想长度，确定二级子树的理想高度；
S104-4，根据二级子树的理想高度渲染层级标识为1的层级集合中所有控件。
可选地，所述S104-2具体包括：
对于以子树第2层级第i节点为根的二级子树i，若其中只包括一个节点，则其理想长度Li＝该节点的控件类型所对应的预设长度；
若其中包括ni个叶子节点，n′i个非叶子节点，n′i个非叶子节点，其理想长度
Figure RE-GDA0002400699670000031
其中，Lij为二级子树i中第j个叶子节点的控件类型所对应的预设长度，单位为像素。
可选地，所述S104-3具体包括：
对于以子树第2层级第i节点为根的二级子树i，
若Li≤(x-20)，则二级子树i的理想高度为hi＝75；
若Li>(x-20)，则二级子树i的理想高度为
Figure RE-GDA0002400699670000032
Figure RE-GDA0002400699670000033
其中，x为渲染区域的总宽度，j为二级子树i的非根节点标识，Lij为二级子树i中第j个非根节点的控件类型所对应的预设长度，AVERAGE()为求均值函数，单位为像素。
可选地，渲染区域的左上角的为坐标系原点，则所述S104-4具体包括：
从子树的第2层级至最后一层级依次选择一个层级q，
S104-4-1，根据序号从小到大依次选择一个第q层级的节点iq；
S104-4-2，若选择的节点iq非叶子节点，则根据选择的节点iq的控件集合渲染所述节点iq对应的控件，且，该控件的长度为选择的节点iq的控件类型所对应的预设长度，该控件左上角的像素点坐标为[(iq在树形结构中的层级数 -1)*20,20+iq在树形结构中的同层级的序号小于iq的各节点所对应的二级子树的理想高度值]；
S104-4-3，若选择的节点iq为叶子节点，则根据选择的节点iq的控件集合渲染所述节点iq对应的控件，且，该控件的长度为选择的节点iq的控件类型所对应的预设长度，该控件左上角的像素点坐标为[(iq在树形结构中的层级数-1)*20+σ1,20+iq在树形结构中的同层级的序号小于iq的各节点所对应的二级子树的理想高度值+σ2]；
其中，若节点iq-1为非叶子节点，则σ1＝0，σ2＝0；
若点iq-1为叶子节点，且点iq-1的右上角像素+75+点iq的控件类型所对应的预设长度≤x，则σ1＝点iq-1的右上角像素+75，σ2＝点iq的父节点的左上角像素+75；
若点iq-1为叶子节点，且点iq-1的右上角像素+75+点iq的控件类型所对应的预设长度>x，则σ1＝0，σ2＝点iq-1的左上角像素+80。
可选地，所述S104之后还包括：
若渲染的1的层级中任一元素被触发，则渲染下一层级集合中所有元素。
可选地，若最后一层级集合中所有元素被渲染，且最后一层级中任一元素触发，则关闭所有元素的渲染，发送被触发的所有节点标识；若非最后一层级集合中所有元素被渲染，或者，虽最后一层级集合中所有元素被渲染，但最后一层级中任一元素未被触发时，预设按键被触发，则关闭所有元素的渲染，退出所述方法。
可选地，所述关闭所有元素的渲染后，持续渲染被触发的所有节点信息，并在T秒后关闭所述节点信息的渲染。
本发明的有益效果是：获取级联数据的层次结构；根据层次结构确定标题集合，其中，标题集合中每个元素的结构为[节点标识，标题名称，层级标识，层级集合]，层级集合中每个元素的结构为[控件集合，控件关系]；根据标题名称渲染标题集合中所有元素；渲染层级标识为1的层级集合中所有元素。根据层次结构确定标题集合，在基于标题集合进行渲染，提升了渲染效率。
附图说明
下面将参照附图描述本申请的具体实施例，其中：
图1示出了本申请一实施例提供的一种级联数据显示方法的流程示意图；
图2示出了本申请一个实施例提供的一种树形结构的示意图；
图3示出了本申请一个实施例提供的一种子树的结构示意图；
图4示出了本申请一个实施例提供的另一种子树的结构示意图；
图5示出了本申请一个实施例提供的一种级联数据显示界面的示意图；
图6示出了本申请一个实施例提供的一种节点信息的界面示意图。
具体实施方式
随着网页技术在政务税务终端领域的不断扩展和推广，迫切需要专门针对触控操作优化页面设计及交互方式。
本申请提供一种方法，参见图1，该方法实现过程如下：
S101，获取级联数据的层次结构。
其中，级联数据的层次结构为树形结构。
树形结构中，第1层级的节点为根节点，第2层级的节点为根的子节点，……，第n层级的节点第n-1层级节点的子节点，n为大于2的整数值。
如图2所示，根节点为第1层级的节点，根节点的子节点为标题1，标题 2，因此，标题1，标题2为第2层级的节点。标题1的子节点为标题11和控件21，标题2的子节点为控件22，因此，标题11，控件21，控件22为第3层级的节点。标题11的子节点为控件31和控件32，因此，控件31和控件32为第4层级的节点。
且，控件21，控件22，控件31，控件32为叶子节点。
另外，树形结构中每个节点具有名称，标识和序号，其中，不同节点的标识不同，相同层级的节点的序号不同，且相同层级的序号连续。
树形结构中与根节点不直接连接的任一节点，其还具有控件类型和控件属性。
其中，控件类型为文本框，按钮，复选框，标签等，与现有开发时所涉及的控件相同，本实施例不对控件类型进行限定。
控件属性与控件类型相关，包括控件名称，控件颜色等，与现有开发时所涉及的控件属性相同，本实施例不对控件属性进行限定。不同控件类型的控件属性可以相同也可以不同。
仍以图2所示的树形结构为例，其每个节点都有名称，标识和序号，其中，不同节点的标识不同，第2层级的节点标题1和标题2的序号不同，但连续。第3层级的节点标题11，控件21，控件22的序号不同，但连续。第4层级的节点控件32，控件32的序号不同，但连续。与根节点不直接连接的节点：标题11，控件21，控件22，控件31，控件32除具有名称，标识和序号之外，还具有控件类型和控件属性。
例如，根节点的名称为根节点，标识为ID2，序号为1。
标题1的名称为1，标识为ID21，序号为1。
标题2的名称为标题2，标识为ID22，序号为2。
标题11的名称为C，标识为ID31，序号为1，控件类型为标签，控件属性为visible属性为true等。
控件21的名称为控件21，标识为ID32，序号为2，控件类型为文本框，控件属性为multiline属性为true等。
控件22的名称为控件22，标识为ID33，序号为3，控件类型为按钮，控件属性为checked属性为true等。
控件31的名称为控件31，标识为ID41，序号为1，控件类型为标签，控件属性为visible属性为true，text属性为姓名等。
控件32的名称为控件32，标识为ID42，序号为2，控件类型为文本框，控件属性为multiline属性为false，maxlength属性为8等。
S102，根据层次结构确定标题集合。
其中，标题集合中每个元素的结构为[节点标识，标题名称，层级标识，层级集合]，层级集合中每个元素的结构为[控件集合，控件关系]。
标题集合中的元素与第2层级的节点一一对应。
标题集合中任一元素的节点标识为其对应节点的标识。
标题集合中任一元素的标题名称为其对应节点的名称。
标题集合中任一元素的层级标识为其对应节点的序号。
标题集合中任一元素的层级集合为以其对应节点为根节点的子树。
子树中节点与层级集合中的元素一一对应。
与子树根节点对应的元素的控件集合为空集，控件关系为子节点的标识。
与子树任一非根节点对应的元素的控件集合由任一非根节点的标识，名称，序号，控件类型和控件属性构成。
与子树任一非根节点对应的元素的控件关系由其父节点的标识和子节点的标识构成。
仍以图2所示的例子为例，
标题集合为{标题1，标题2}。
1)标题1的层级集合为图3所示的子树，具体的层级集合中的元素为标题1，标题11，控件21，控件31，控件32，即层级集合为{标题1，标题11，控件21，控件31，控件32}。
层级集合中元素标题1为图3所示的子树的根节点，因此，层级集合中元素标题1的控件集合为空集(如用
Figure RE-GDA0002400699670000071
表示)，控件关系是其子节点控件11和控件21的标识ID31和ID32。
层级集合中元素标题11的控件集合为(ID31，C，1，标签，(visible属性为true等))，控件关系为(ID21，ID41，ID42)。其中，ID21为标题11的父节点标识，ID41，ID42为标题11的子节点标识。
需要说明的是，控件集合中的元素“visible属性为true等”中的“等”仅表示控件属性除visible属性为true之外还有其他属性。
层级集合中元素控件21的控件集合为(ID32，控件21，2，文本框，(multiline 属性为true等))，控件关系为(ID21)。其中，ID21为控件21的父节点标识。
需要说明的是，控件集合中的元素“multiline属性为true等”中的“等”仅表示控件属性除multiline属性为true之外还有其他属性。
层级集合中元素控件31的控件集合为(ID41，控件31，1，标签，(visible 属性为true，text属性为姓名等))，控件关系为(ID31)。其中，ID31为控件31 的父节点标识。
需要说明的是，控件集合中的元素“visible属性为true，text属性为姓名等”中的“等”仅表示控件属性除visible属性为true，text属性为姓名之外还有其他属性。
层级集合中元素控件32的控件集合为(ID42，控件32，2，文本框，(multiline 属性为false，maxlength属性为8等))，控件关系为(ID31)。其中，ID31为控件 33的父节点标识。
需要说明的是，控件集合中的元素“multiline属性为false，maxlength属性为8等”中的“等”仅表示控件属性除multiline属性为false，maxlength属性为8之外还有其他属性。
因此，标题集合中的元素标题1的结构为[ID21，1，1，{
Figure RE-GDA0002400699670000081
[(ID31，C，1，标签，(visible属性为true等))，(ID21，ID41，ID42)]，[(ID32，控件21，2，文本框，(multiline属性为true等))，(ID21)]，[(ID41，控件31， 1，标签，(visible属性为true，text属性为姓名等))，(ID31)]，[(ID42，控件32，2，文本框，(multiline属性为false，maxlength属性为8等))，(ID31)]}]。
2)标题2的层级集合为图4所示的子树，具体的层级集合中的元素为标题1，标题11，控件21，控件31，控件32，即层级集合为{标题2，控件22}。
层级集合中元素标题2为图4所示的子树的根节点，因此，层级集合中元素标题2的控件集合为空集(如用
Figure RE-GDA0002400699670000093
表示)，控件关系是其子节点控件22的标识ID33。
层级集合中控件22的控件集合为(ID33，控件22，3，按钮，(checked属性为true等))，控件关系为(ID22)。其中，ID22为控件22的父节点标识。
需要说明的是，控件集合中的元素“checked属性为true等”中的“等”仅表示控件属性除checked属性为true之外还有其他属性。
因此，标题集合中的元素标题2的结构为[ID22，标题2，2，{
Figure RE-GDA0002400699670000091
[(ID33，控件22，3，按钮，(checked属性为true等))，(ID22)]}]。
S103，渲染所述标题集合中所有元素的标题名称。
渲染标题1和标题2的标题名称。
另外在渲染时，以根据后续集合中元素的渲染情况，对不同的标题名称采用不同的渲染方式。如后续渲染的集合中元素属于集合中的哪个元素，则该元素的标题名称底色加深等。
S104，渲染层级标识为1的层级集合中所有元素。
执行至S104时，会产生一个标题集合{标题1，标题2}。
标题集合中每个元素对应一个如下结构[节点标识，标题名称，层级标识，层级集合]，其中该结构的第三个元素为层级标识。
如：元素标题1对应如下结构：[ID21，1，1，{
Figure RE-GDA0002400699670000092
[(ID31， C，1，标签，(visible属性为true等))，(ID21，ID41，ID42)]，[(ID32，控件21， 2，文本框，(multiline属性为true等))，(ID21)]，[(ID41，控件31，1，标签，(visible属性为true，text属性为姓名等))，(ID31)]，[(ID42，控件32，2，文本框，(multiline属性为false，maxlength属性为8等))，(ID31)]}]，
元素标题2对应如下结构：[ID22，标题2，2，{
Figure RE-GDA0002400699670000101
[(ID33，控件22，3，按钮，(checked属性为true等))，(ID22)]}]。
本步骤即渲染结构的第三个元素为1的那个结构中层级集合的所有元素，即元素标题1对应结构中的：{
Figure RE-GDA0002400699670000102
[(ID31，C，1，标签，(visible 属性为true等))，(ID21，ID41，ID42)]，[(ID32，控件21，2，文本框，(multiline 属性为true等))，(ID21)]，[(ID41，控件31，1，标签，(visible属性为true，text 属性为姓名等))，(ID31)]，[(ID42，控件32，2，文本框，(multiline属性为false， maxlength属性为8等))，(ID31)]}。
本步骤通过如下4个子步骤实现。
S104-1，根据层级标识为1的层级集合中的控件关系，确定以子树第2层级各节点为根的二级子树。
如上述例子，层级标识为1对应的子树为图3所示，其第2层节点为标题 11和控件21。以子树第2层级标题11为根的二级子树由标题11，控件31和控件32构成，其中标题11为根节点，控件31和控件32为叶子节点。以子树第2层级控件21为根的二级子树为控件21。
S104-2，确定二级子树的理想长度。
具体的，对于以子树第2层级第i节点为根的二级子树i，若其中只包括一个节点，则其理想长度Li＝该节点的控件类型所对应的预设长度；若其中包括ni个叶子节点，n′i个非叶子节点，其中包括ni个叶子节点，n′i个非叶子节点，其理想长度
Figure RE-GDA0002400699670000103
其中，Lij为二级子树i中第j个叶子节点的控件类型所对应的预设长度，单位为像素。
其中各控件类型对应的预设长度可以相同，也可以不同，可以为经验值，也可以是大数据分析确定，本实施例不对预设长度的值以及确定方式进行限定。
例如，以子树第2层级标题11为根的二级子树T1，包括多个节点，具体为：2个叶子节点和1个非叶子节点，即nT1＝2，n′T1＝1，其理想长度
Figure RE-GDA0002400699670000111
Figure RE-GDA0002400699670000112
即控件31对应的标签的预设长度+控件32对应的文本框的预设长度+150。
以子树第2层级控件22为根的二级子树T2，只包括1个节点，LT2＝该节点的控件类型所对应的预设长度，即控件22对应的按钮的预设长度。
S104-3，根据二级子树的理想长度，确定二级子树的理想高度。
具体的，对于以子树第2层级第i节点为根的二级子树i，
若Li≤(x-20)，则二级子树i的理想高度为hi＝75。
若Li>(x-20)，则二级子树i的理想高度为
Figure RE-GDA0002400699670000113
Figure RE-GDA0002400699670000114
其中，x为渲染区域的总宽度，j为二级子树i的非根节点标识，Lij为二级子树i中第j个非根节点的控件类型所对应的预设长度，AVERAGE()为求均值函数，单位为像素。
例如，以子树第2层级标题11为根的二级子树T1，若LT1≤(x-20)，则 hT1＝75。若LT1>(x-20)，则
Figure RE-GDA0002400699670000115
Figure RE-GDA0002400699670000116
S104-4，根据二级子树的理想高度渲染层级标识为1的层级集合中所有控件。
以渲染区域的左上角的为坐标系原点为例，本步骤的实现过程为：
从子树的第2层级至最后一层级依次选择一个层级q，
S104-4-1，根据序号从小到大依次选择一个第q层级的节点iq。
S104-4-2，若选择的节点iq非叶子节点，则根据选择的节点iq的控件集合渲染节点iq对应的控件，且，该控件的长度为选择的节点iq的控件类型所对应的预设长度，该控件左上角的像素点坐标为[(iq在树形结构中的层级数-1)* 20,20+iq在树形结构中的同层级的序号小于iq的各节点所对应的二级子树的理想高度值]。
S104-4-3，若选择的节点iq为叶子节点，则根据选择的节点iq的控件集合渲染节点iq对应的控件，且，该控件的长度为选择的节点iq的控件类型所对应的预设长度，该控件左上角的像素点坐标为[(iq在树形结构中的层级数-1)* 20+σ1,20+iq在树形结构中的同层级的序号小于iq的各节点所对应的二级子树的理想高度值+σ2]。
其中，若节点iq-1为非叶子节点，则σ1＝0，σ2＝0。
若点iq-1为叶子节点，且点iq-1的右上角像素+75+点iq的控件类型所对应的预设长度≤x，则σ1＝点iq-1的右上角像素+75，σ2＝点iq的父节点的左上角像素+75。
若点iq-1为叶子节点，且点iq-1的右上角像素+75+点iq的控件类型所对应的预设长度>x，则σ1＝0，σ2＝点iq-1的左上角像素+80。
其中iq-1为iq的前一节点，此处的前一节点为：如果iq所在树中，其左侧存在节点，则左侧仅贴与iq的节点为前一节点。如果iq所在树中，其左侧无节点，即iq为其所在层级的最左侧节点，则iq的前一节点为iq所在层级-1的层级的最右侧节点。如图2所示的结构，如果iq为控件21，则iq的前一节点为标题 11。如果iq为标题11，则iq的前一节点为标题2。
例如，
1)从图3所示的子树的第二层中选择标题11，标题11非叶子节点，则根据标题11的控件集合渲染标题11，且标题11的长度为标签的预设长度。
由于标题11在图2所示的属性结构中的层级数为3，在图2所示的属性结构中无层级数为3但序号小于标题11的序号1的节点，因此，该标题11左上角的像素点坐标为[(3-1)*20,20]＝[40,20]。
主要说明的是，本实施例中坐标单位均为像素。
2)从图3所示的子树的第二层中选择控件21，控件21为叶子节点，则根据控件21的控件集合渲染控件21，且控件21的长度为文本框的预设长度。
由于控件21在图2所示的属性结构中的层级数为3，在图2所示的属性结构中的层级数为3但序号小于控件21的序号2的节点为标题11，标题11在对应二级子树T1的理想高度值为hT1，则该控件21左上角的像素点坐标为 [(3-1)*20+σ1,20+hT1+σ2]。
其中，控件21的前一节点(即iq-1)为标题11，非叶子节点，则σ1＝0，σ2＝0。
因此，控件21左上角的像素点坐标为[40,20+hT1]。
3)从图3所示的子树的第三层中选择控件31，控件31为叶子节点，则根据控件31的控件集合渲染控件31，且控件31的长度为标签的预设长度。
由于控件31在图2所示的属性结构中的层级数为4，在图2所示的属性结构中无层级数为4但序号小于控件31的序号1的节点，因此，该控件31左上角的像素点坐标为[(4-1)*20+σ1,20+σ2]。
其中，控件31的前一节点(即iq-1)为控件21，为叶子节点，则若控件 21的右上角像素+75+标签所对应的预设长度≤x，则σ1＝控件21的右上角像素+75，σ2＝点iq的父节点表题11的左上角像素+75。则若控件21的右上角像素+75+标签所对应的预设长度>x，则σ1＝0，σ2＝控件21的左上角像素+80。
另外，如果渲染的内容超出渲染区域，则可以通过滚动条(横向和/或纵向) 扩展渲染区域。
当点击滚动条时，页面向下滚动X像素。
另外，在执行S104之后，若渲染的1的层级中任一元素被触发，则渲染下一层级集合中所有元素。
若最后一层级集合中所有元素被渲染，且最后一层级中任一元素触发，则关闭所有元素的渲染，发送被触发的所有节点标识。若非最后一层级集合中所有元素被渲染，或者，虽最后一层级集合中所有元素被渲染，但最后一层级中任一元素未被触发时，预设按键被触发，则关闭所有元素的渲染，退出方法。
关闭所有元素的渲染后，持续渲染被触发的所有节点信息，并在T秒后关闭节点信息的渲染。
其中，关闭所有元素的渲染可以为将渲染区域渲染为空白，也可以在渲染区域上添加非透明或部分透明蒙版，或者其他操作，只要是的所有元素用户不可见或不可清晰可见即可。
在具体实现时，当一个数据集合有清晰的层级结构时，通过本实施例通过的方法，取得当前页面的数据，遍历循环并渲染显示出来。当集合超过当前界面显示区域N时，显示滚动条。点击滚动条，页面向下滚动X像素。如图5所示的界面。
本实施例的方法默认先显示第1层级的控件，当用户点击选择之后会自动跳转到下一级层级的控件，当用户选择最后一级控件后，控件会自动关闭，并返回对应数据给后台。当用户没有选择完所有层级的选项并点击取消，将不会返回已选择的数据。
选择完所有选项，控件关闭后，会显示简易消息提示框并显示当前用户的已选择项，简易消息提示框无需用户额外操作，会在M秒之后自动关闭。如图 6所示。
本实施例提供的方法，在接收到定位请求之后，会基于该定位请求确定相关基站，再将相关基站的经纬度坐标转换为地心坐标，最后根据纠偏后的地心坐标以及校准值进行定位，该方法在实现基于地心坐标系的定位的同时，由于加入了校准值，保证了定位的准确性。
需要明确的是，本发明并不局限于上文所描述并在图中示出的特定配置和处理。为了简明起见，这里省略了对已知方法的详细描述。在上述实施例中，描述和示出了若干具体的步骤作为示例。但是，本发明的方法过程并不限于所描述和示出的具体步骤，本领域的技术人员可以在领会本发明的精神后，作出各种改变、修改和添加，或者改变步骤之间的顺序。
还需要说明的是，本发明中提及的示例性实施例，基于一系列的步骤或者装置描述一些方法或系统。但是，本发明不局限于上述步骤的顺序，也就是说，可以按照实施例中提及的顺序执行步骤，也可以不同于实施例中的顺序，或者若干步骤同时执行。
最后应说明的是：以上所述的各实施例仅用于说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述实施例所记载的技术方案进行修改，或者对其中部分或全部技术特征进行等同替换；而这些修改或替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。

Claims (10)

1.一种级联数据显示方法，其特征在于，所述方法包括：
S101，获取级联数据的层次结构；
S102，根据所述层次结构确定标题集合，其中，所述标题集合中每个元素的结构为[节点标识，标题名称，层级标识，层级集合]，所述层级集合中每个元素的结构为[控件集合，控件关系]；
S103，渲染所述标题集合中所有元素的标题名称；
S104，渲染层级标识为1的层级集合中所有元素。
2.根据权利要求1所述的方法，其特征在于，所述S101中的级联数据的层次结构为树形结构；
所述树形结构中，第1层级的节点为根节点，第2层级的节点为根的子节点，……，第n层级的节点第n-1层级节点的子节点，n为大于2的整数值。
3.根据权利要求2所述的方法，其特征在于，树形结构中每个节点具有名称，标识和序号，其中，不同节点的标识不同，相同层级的节点的序号不同，且相同层级的序号连续；
所述树形结构中与所述根节点不直接连接的任一节点，其还具有控件类型和控件属性；
所述步骤102具体包括：
标题集合中的元素与第2层级的节点一一对应；
标题集合中任一元素的节点标识为其对应节点的标识；
标题集合中任一元素的标题名称为其对应节点的名称；
标题集合中任一元素的层级标识为其对应节点的序号；
标题集合中任一元素的层级集合为以其对应节点为根节点的子树；
所述子树中节点与层级集合中的元素一一对应；
与子树根节点对应的元素的控件集合为空集，控件关系为子节点的标识；
与子树任一非根节点对应的元素的控件集合由所述任一非根节点的标识，名称，序号，控件类型和控件属性构成；
与子树任一非根节点对应的元素的控件关系由其父节点的标识和子节点的标识构成。
4.根据权利要求3所述的方法，其特征在于，所述S104具体包括：
S104-1，根据层级标识为1的层级集合中的控件关系，确定以子树第2层级各节点为根的二级子树；
S104-2，确定二级子树的理想长度；
S104-3，根据二级子树的理想长度，确定二级子树的理想高度；
S104-4，根据二级子树的理想高度渲染层级标识为1的层级集合中所有控件。
5.根据权利要求4所述的方法，其特征在于，所述S104-2具体包括：
对于以子树第2层级第i节点为根的二级子树i，若其中只包括一个节点，则其理想长度Li＝该节点的控件类型所对应的预设长度；
若其中包括ni个叶子节点，n′i个非叶子节点，其理想长度
Figure FDA0002340595600000021
Figure FDA0002340595600000022
其中，Lij为二级子树i中第j个叶子节点的控件类型所对应的预设长度，单位为像素。
6.根据权利要求4所述的方法，其特征在于，所述S104-3具体包括：
对于以子树第2层级第i节点为根的二级子树i，
若Li≤(x-20)，则二级子树i的理想高度为hi＝75；
若Li>(x-20)，则二级子树i的理想高度为
Figure FDA0002340595600000023
Figure FDA0002340595600000024
其中，x为渲染区域的总宽度，j为二级子树i的非根节点标识，Lij为二级子树i中第j个非根节点的控件类型所对应的预设长度，AVERAGE()为求均值函数，单位为像素。
7.根据权利要求4所述的方法，其特征在于，渲染区域的左上角的为坐标系原点，则所述S104-4具体包括：
从子树的第2层级至最后一层级依次选择一个层级q，
S104-4-1，根据序号从小到大依次选择一个第q层级的节点iq；
S104-4-2，若选择的节点iq非叶子节点，则根据选择的节点iq的控件集合渲染所述节点iq对应的控件，且，该控件的长度为选择的节点iq的控件类型所对应的预设长度，该控件左上角的像素点坐标为[(iq在树形结构中的层级数-1)*20,20+iq在树形结构中的同层级的序号小于iq的各节点所对应的二级子树的理想高度值]；
S104-4-3，若选择的节点iq为叶子节点，则根据选择的节点iq的控件集合渲染所述节点iq对应的控件，且，该控件的长度为选择的节点iq的控件类型所对应的预设长度，该控件左上角的像素点坐标为[(iq在树形结构中的层级数-1)*20+σ1,20+iq在树形结构中的同层级的序号小于iq的各节点所对应的二级子树的理想高度值+σ2]；
其中，若节点iq-1为非叶子节点，则σ1＝0，σ2＝0；
若点iq-1为叶子节点，且点iq-1的右上角像素+75+点iq的控件类型所对应的预设长度≤x，则σ1＝点iq-1的右上角像素+75，σ2＝点iq的父节点的左上角像素+75；
若点iq-1为叶子节点，且点iq-1的右上角像素+75+点iq的控件类型所对应的预设长度>x，则σ1＝0，σ2＝点iq-1的左上角像素+80。
8.根据权利要求1所述的方法，其特征在于，所述S104之后还包括：
若渲染的1的层级中任一元素被触发，则渲染下一层级集合中所有元素。
9.根据权利要求1所述的方法，其特征在于，若最后一层级集合中所有元素被渲染，且最后一层级中任一元素触发，则关闭所有元素的渲染，发送被触发的所有节点标识；若非最后一层级集合中所有元素被渲染，或者，虽最后一层级集合中所有元素被渲染，但最后一层级中任一元素未被触发时，预设按键被触发，则关闭所有元素的渲染，退出所述方法。
10.根据权利要求9所述的方法，其特征在于，所述关闭所有元素的渲染后，持续渲染被触发的所有节点信息，并在T秒后关闭所述节点信息的渲染。
CN201911374623.4A 2019-12-27 2019-12-27 级联数据显示方法 Active CN111221528B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911374623.4A CN111221528B (zh) 2019-12-27 2019-12-27 级联数据显示方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911374623.4A CN111221528B (zh) 2019-12-27 2019-12-27 级联数据显示方法

Publications (2)

Publication Number Publication Date
CN111221528A true CN111221528A (zh) 2020-06-02
CN111221528B CN111221528B (zh) 2023-07-25

Family

ID=70832131

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911374623.4A Active CN111221528B (zh) 2019-12-27 2019-12-27 级联数据显示方法

Country Status (1)

Country Link
CN (1) CN111221528B (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112099787A (zh) * 2020-08-26 2020-12-18 福建天泉教育科技有限公司 一种通过单选框实现级联选择的方法及终端
CN112948719A (zh) * 2021-03-30 2021-06-11 北京环境特性研究所 一种目标特性文本浏览交互方法和装置

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090164946A1 (en) * 2007-12-20 2009-06-25 Canon Kabushiki Kaisha Hierarchical tag based browsing of media collections
US9645707B1 (en) * 2013-12-12 2017-05-09 EMC IP Holding Company LLC Alternative view-based navigation
CN106897361A (zh) * 2017-01-10 2017-06-27 中电科华云信息技术有限公司 基于树状结构的标签页分组管理系统及方法
CN108196920A (zh) * 2016-12-08 2018-06-22 武汉斗鱼网络科技有限公司 一种ui界面的显示处理方法及装置
CN110333864A (zh) * 2019-06-18 2019-10-15 腾讯科技（深圳）有限公司 一种树形数据渲染方法、装置、设备及介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090164946A1 (en) * 2007-12-20 2009-06-25 Canon Kabushiki Kaisha Hierarchical tag based browsing of media collections
US9645707B1 (en) * 2013-12-12 2017-05-09 EMC IP Holding Company LLC Alternative view-based navigation
CN108196920A (zh) * 2016-12-08 2018-06-22 武汉斗鱼网络科技有限公司 一种ui界面的显示处理方法及装置
CN106897361A (zh) * 2017-01-10 2017-06-27 中电科华云信息技术有限公司 基于树状结构的标签页分组管理系统及方法
CN110333864A (zh) * 2019-06-18 2019-10-15 腾讯科技（深圳）有限公司 一种树形数据渲染方法、装置、设备及介质

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112099787A (zh) * 2020-08-26 2020-12-18 福建天泉教育科技有限公司 一种通过单选框实现级联选择的方法及终端
CN112948719A (zh) * 2021-03-30 2021-06-11 北京环境特性研究所 一种目标特性文本浏览交互方法和装置
CN112948719B (zh) * 2021-03-30 2023-12-22 北京环境特性研究所 一种目标特性文本浏览交互方法和装置

Also Published As

Publication number Publication date
CN111221528B (zh) 2023-07-25

Similar Documents

Publication Publication Date Title
US11250089B2 (en) Method for displaying service object and processing map data, client and server
US20210004380A1 (en) Continuously scrollable calendar user interface
US8812988B2 (en) Dynamic icons associated with remote content
US9607078B1 (en) Presenting related communications
US8510268B1 (en) Editable geographic data for maps, and applications thereof
CN102566921B (zh) 应用可选择用户界面中的应用报告
US20140149920A1 (en) Method and electronic device for switching application programs
CN107463366B (zh) 一种基于移动App的界面动态化方法
US8856253B2 (en) Method and system for presenting reposted message
US9430755B2 (en) System and method to enable communication group identification
CN104618813A (zh) 弹幕信息处理方法、客户端及服务平台
CN106155496A (zh) 一种信息展示方法及装置
CN111221528B (zh) 级联数据显示方法
CN107729396B (zh) 数据动态查询方法及装置
CN102004984B (zh) 信息处理设备和信息处理系统
CN101123517A (zh) 一种即时消息显示目录列表的方法
US6789088B1 (en) Multimedia description scheme having weight information and method for displaying multimedia
CN108536360A (zh) 用于移动终端的多级菜单显示方法和装置
CN101719961A (zh) 地区信息查询的实现方法、终端和通信系统
CN112099891A (zh) 弹窗展示方法、装置、电子设备及计算机可读存储介质
CN106991036A (zh) 一种信息输入异常的提示方法和系统
US11281367B2 (en) Slider for content selection in user interface
CN108366275B (zh) 提供视频流的方法和装置
CN110007842A (zh) 网页内容选取方法及装置
CN117010725B (zh) 一种个性化决策方法、系统以及相关装置

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
GR01 Patent grant
GR01 Patent grant