CN112799565B - 一种内容列表展示方法及计算设备 - Google Patents
一种内容列表展示方法及计算设备 Download PDFInfo
- Publication number
- CN112799565B CN112799565B CN202110380308.3A CN202110380308A CN112799565B CN 112799565 B CN112799565 B CN 112799565B CN 202110380308 A CN202110380308 A CN 202110380308A CN 112799565 B CN112799565 B CN 112799565B
- Authority
- CN
- China
- Prior art keywords
- content item
- content
- sub
- root
- detecting
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 65
- 230000004044 response Effects 0.000 claims abstract description 40
- 238000001514 detection method Methods 0.000 claims description 5
- 230000002452 interceptive effect Effects 0.000 abstract description 3
- 238000004891 communication Methods 0.000 description 17
- 238000010586 diagram Methods 0.000 description 7
- 230000008859 change Effects 0.000 description 6
- 230000006870 function Effects 0.000 description 6
- 238000012545 processing Methods 0.000 description 5
- 230000003993 interaction Effects 0.000 description 3
- 230000002093 peripheral effect Effects 0.000 description 3
- 238000012163 sequencing technique Methods 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 238000003780 insertion Methods 0.000 description 2
- 230000037431 insertion Effects 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000007723 transport mechanism Effects 0.000 description 2
- 230000001413 cellular effect Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 230000003247 decreasing effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/30—Information retrieval; Database structures therefor; File system structures therefor of unstructured textual data
- G06F16/31—Indexing; Data structures therefor; Storage structures
- G06F16/316—Indexing structures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/30—Information retrieval; Database structures therefor; File system structures therefor of unstructured textual data
- G06F16/34—Browsing; Visualisation therefor
-
- 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
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
Abstract
本发明公开了一种内容列表展示方法,包括:检测在根内容条目的第一拖拽操作;响应于检测到第一拖拽操作的结束位置是根内容列表中相邻的两个根内容条目之间,将被拖拽的根内容条目移动至相邻的两个根内容条目之间展示;检测在子内容条目的第二拖拽操作;响应于检测到第二拖拽操作的结束位置是子内容列表中相邻的两个子内容条目之间,将被拖拽的子内容条目移动至相邻的两个子内容条目之间展示;响应于检测到第二拖拽操作的结束位置是根内容列表中的其他根内容条目区域,将被拖拽的子内容条目移动至其他根内容条目对应的子内容列表中。本发明还一并公开了相应的计算设备。本发明的内容列表展示方法,交互操作更简单方便。
Description
技术领域
本发明涉及计算机及互联网技术领域,特别涉及一种内容列表展示方法及计算设备。
背景技术
语音记事本是基于统信UOS系统的一款常用工具应用,并能实现在Debian系系统上移植。语音记事本拥有丰富的内置功能,包括文本记事项和语音记事项。语音记事本界面主要分为三部分,分别为左视图、中视图、右视图,其中左视图由TreeView实现,中视图由ListView实现,右视图则由Widget实现。左视图适于显示记事本名称列表,中视图适于显示左视图中当前选中的记事本中的所有笔记列表,右视图适于显示中视图中当前选中的笔记的详细内容。
原语音记事本左视图中记事本列表的排序方式是根据记事本的创建时间进行排序,越早创建的记事本位置越靠下,用户最新建立的记事本永远在列表最上方。记事本中的笔记创建方式有三种,一种是通过快捷键Ctrl+B进行创建,一种是通过点击中视图中的创建笔记按钮进行创建,还有一种是通过右击当前选中的记事本弹出选项菜单,并选择新建笔记进行创建。基于上述笔记的创建方式,导致笔记的添加、移动具有一定的局限性,例如,当用户需要将在A记事本中创建的一条笔记移动至B记事本时,需要先复制笔记中的内容,然后在B记事本中新建一条笔记,再将复制的内容粘贴到B记事本新建的笔记中,最后删除A记事本中的相应笔记。可见,现有的语音笔记本移动笔记的方式过于繁琐,操作上较为麻烦。
原语音记事本中左视图记事本不支持记事本拖拽排序和笔记拖拽插入功能,中视图的笔记也不支持拖拽功能,笔记列表中的笔记是根据最近修改时间由近及远、自上而下进行排序,即最新修改的笔记位置越靠上。这样的默认排序方式具有一定的局限性,在用户需要多次查看某个记事本或笔记时,如果记事本或笔记的排序相对靠下,则每次都需要滚动页面进行查找,为用户造成一定的不便,用户体验感不好。
为此,需要一种内容列表展示方法来解决上述技术方案中存在的问题。
发明内容
为此,本发明提供一种内容列表展示方法,以力图解决或者至少缓解上面存在的问题。
根据本发明的一个方面,提供了一种内容列表展示方法,在计算设备中执行,所述计算设备的屏幕上适于显示应用的用户界面,所述用户界面包括根内容列表,所述根内容列表包括多个根内容条目,每个根内容条目对应一个子内容列表,所述子内容列表包括一个或多个子内容条目,所述方法包括:检测在根内容条目的第一拖拽操作;响应于检测到第一拖拽操作的结束位置是根内容列表中相邻的两个根内容条目之间,将被拖拽的根内容条目移动至所述相邻的两个根内容条目之间并展示;检测在根内容条目对应的子内容列表中的子内容条目的第二拖拽操作;响应于检测到第二拖拽操作的结束位置是所述子内容列表中相邻的两个子内容条目之间,将被拖拽的子内容条目移动至所述相邻的两个子内容条目之间并展示;以及响应于检测到第二拖拽操作的结束位置是根内容列表中的其他根内容条目区域,将被拖拽的子内容条目移动至所述其他根内容条目对应的子内容列表中,以便在所述其他根内容条目对应的子内容列表中展示被拖拽的子内容条目。
可选地,在根据本发明的内容列表展示方法中,每个内容条目分别对应一个索引值,所述方法还包括步骤:响应于检测到内容条目的拖拽操作结束,确定结束位置,并根据结束位置确定该内容条目的目标位置;根据目标位置对相关联的一个或多个内容条目的索引值进行更新,并根据更新后的索引值对内容条目重新进行排序和展示。
可选地,在根据本发明的内容列表展示方法中,根内容条目适于显示其所包括的子内容条目的数目,在将所述子内容条目移动至所述其他根内容条目对应的子内容列表中之后,还包括步骤:将所述子内容条目当前对应的根内容条目显示的子内容条目的数目减少1;将所述其他根内容条目显示的子内容条目的数目增加1。
可选地,在根据本发明的内容列表展示方法中,还包括步骤:响应于检测到在根内容条目的第一拖拽操作,调用设置根内容条目的第一数据接口,以获取所述根内容条目的数据,并基于所述根内容条目的数据绘制生成相应的第一窗体,并拖拽所述第一窗体移动;响应于检测到在子内容条目的第二拖拽操作,调用设置子内容条目的第二数据接口,以获取所述子内容条目的数据,并基于所述子内容条目的数据绘制生成相应的第二窗体,并拖拽所述第二窗体移动。
可选地,在根据本发明的内容列表展示方法中,所述第一窗体包括所述根内容条目的图标、名称、所包括的子内容条目的数目;所述第二窗体包括子内容条目的名称。
可选地,在根据本发明的内容列表展示方法中,当所述根内容列表长度超过屏幕高度时,还包括步骤:响应于检测到所述第一拖拽操作经过所述根内容列表的底部边缘,控制所述根内容列表中的根内容条目向上匀速滚动;响应于检测到所述第一拖拽操作经过所述根内容列表的顶部边缘,控制所述根内容列表中的根内容条目向下匀速滚动。
可选地,在根据本发明的内容列表展示方法中,还包括步骤:响应于检测到在根内容条目的第一拖拽操作,控制所述根内容条目获得焦点;响应于检测到在子内容条目的第二拖拽操作,控制所述子内容条目及其对应的根内容条目获得焦点。
可选地,在根据本发明的内容列表展示方法中,在检测在根内容条目的第一拖拽操作之前,还包括步骤:检测在根内容条目的第一接触操作;响应于检测到的第一接触操作,在所述屏幕上显示与所述根内容条目相对应的子内容列表;检测在子内容条目的第二接触操作;响应于检测到的第二接触操作,在所述屏幕上显示与所述子内容条目相对应的内容。
可选地,在根据本发明的内容列表展示方法中,所述根内容条目为记事本,所述子内容条目为笔记。
根据本发明的一个方面,提供了一种计算设备,包括:至少一个处理器;以及存储器,存储有程序指令,其中,所述程序指令被配置为适于由所述至少一个处理器执行,所述程序指令包括用于执行如上所述的内容列表展示方法的指令。
根据本发明的一个方面,提供了一种存储有程序指令的可读存储介质,当所述程序指令被计算设备读取并执行时,使得所述计算设备执行如上所述方法。
根据本发明的技术方案,提供了一种内容列表展示方法,用户通过拖拽移动内容条目便能实现对内容条目的插入,包括更改内容条目在当前内容列表中的位置、更改根内容条目与子内容条目之间的归属关系,并通过更新相关联内容条目的索引值来对内容条目进行重新排序和展示。这样,本发明实现了对内容条目的拖拽排序和拖拽插入,交互操作更简单方便,更加直观,用户体验更好。
进一步地,本发明在响应用户的拖拽操作时,针对被拖拽的内容条目生成相应的窗体,控制窗体跟随用户的拖拽操作同步移动。这样,使得用户对内容条目的拖拽操作过程更加直观,交互感更强,提升了用户体验。
此外,本发明在用户拖拽移动内容条目时,随着子内容条目与根内容条目之间的归属关系变化实时更新并显示每个根内容条目所包括的子内容条目的数量,便于用户实时查看更新后的信息。
附图说明
为了实现上述以及相关目的,本文结合下面的描述和附图来描述某些说明性方面,这些方面指示了可以实践本文所公开的原理的各种方式,并且所有方面及其等效方面旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述,本公开的上述以及其它目的、特征和优势将变得更加明显。遍及本公开,相同的附图标记通常指代相同的部件或元素。
图1示出了根据本发明一个实施例的计算设备100的示意图;
图2示出了根据本发明一个实施例的内容列表展示方法200的流程图;
图3示出了根据本发明一个实施例中的用户界面示意图;
图4、图5分别示出了根据本发明一个实施例中拖拽根内容列表(记事本)过程中、结束时的界面示意图;以及
图6、图7分别示出了根据本发明一个实施例中在拖拽子内容列表(文本)过程中、结束时的界面示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1是示例计算设备100的示意框图。
如图1所示,在基本的配置102中,计算设备100典型地包括系统存储器106和一个或者多个处理器104。存储器总线108可以用于在处理器104和系统存储器106之间的通信。
取决于期望的配置,处理器104可以是任何类型的处理,包括但不限于:微处理器(UP)、微控制器(UC)、数字信息处理器(DSP)或者它们的任何组合。处理器104可以包括诸如一级高速缓存110和二级高速缓存112之类的一个或者多个级别的高速缓存、处理器核心114和寄存器116。示例的处理器核心114可以包括运算逻辑单元(ALU)、浮点数单元(FPU)、数字信号处理核心(DSP核心)或者它们的任何组合。示例的存储器控制器118可以与处理器104一起使用,或者在一些实现中,存储器控制器118可以是处理器104的一个内部部分。
取决于期望的配置,系统存储器106可以是任意类型的存储器,包括但不限于:易失性存储器(诸如RAM)、非易失性存储器(诸如ROM、闪存等)或者它们的任何组合。系统存储器106可以包括操作系统120、一个或者多个应用122以及程序数据124。在一些实施方式中,应用122可以布置为在操作系统上由一个或多个处理器104利用程序数据124执行指令。
计算设备100还包括储存设备132,储存设备132包括可移除储存器136和不可移除储存器138。
计算设备100还可以包括储存接口总线134。储存接口总线134实现了从储存设备132(例如,可移除储存器136和不可移除储存器138)经由总线/接口控制器130到基本配置102的通信。操作系统120、应用122以及数据124的至少一部分可以存储在可移除储存器136和/或不可移除储存器138上,并且在计算设备100上电或者要执行应用122时,经由储存接口总线134而加载到系统存储器106中,并由一个或者多个处理器104来执行。
计算设备100还可以包括有助于从各种接口设备(例如,输出设备142、外设接口144和通信设备146)到基本配置102经由总线/接口控制器130的通信的接口总线140。示例的输出设备142包括图形处理单元148和音频处理单元150。它们可以被配置为有助于经由一个或者多个A/V端口152与诸如显示器或者扬声器之类的各种外部设备进行通信。示例外设接口144可以包括串行接口控制器154和并行接口控制器156,它们可以被配置为有助于经由一个或者多个I/O端口158和诸如输入设备(例如,键盘、鼠标、笔、语音输入设备、触摸输入设备)或者其他外设(例如打印机、扫描仪等)之类的外部设备进行通信。示例的通信设备146可以包括网络控制器160,其可以被布置为便于经由一个或者多个通信端口164与一个或者多个其他计算设备162通过网络通信链路的通信。
网络通信链路可以是通信介质的一个示例。通信介质通常可以体现为在诸如载波或者其他传输机制之类的调制数据信号中的计算机可读指令、数据结构、程序模块,并且可以包括任何信息递送介质。“调制数据信号”可以是这样的信号,它的数据集中的一个或者多个或者它的改变可以在信号中以编码信息的方式进行。作为非限制性的示例,通信介质可以包括诸如有线网络或者专线网络之类的有线介质,以及诸如声音、射频(RF)、微波、红外(IR)或者其它无线介质在内的各种无线介质。这里使用的术语计算机可读介质可以包括存储介质和通信介质二者。
计算设备100可以实现为包括桌面计算机和笔记本计算机配置的个人计算机。当然,计算设备100也可以实现为小尺寸便携(或者移动)电子设备的一部分,这些电子设备可以是诸如蜂窝电话、数码照相机、个人数字助理(PDA)、个人媒体播放器设备、无线网络浏览设备、个人头戴设备、应用专用设备、或者可以包括上面任何功能的混合设备。甚至可以被实现为服务器,如文件服务器、数据库服务器、应用程序服务器和WEB服务器等。本发明的实施例对此均不做限制。
在根据本发明的实施例中,计算设备100被配置为执行根据本发明的内容列表展示方法200。其中,计算设备100的应用122中包含用于执行本发明的内容列表展示方法200的多条程序指令,这些程序指令可以被计算设备100读取并执行,以便计算设备100执行根据本发明的内容列表展示方法200。
需要说明的是,计算设备100的屏幕上可以显示一个或多个应用的用户界面。在根据本发明的实施例中,其中一个应用的用户界面包括树结构内容列表,树结构内容列表包括根内容列表,根内容列表中包括多个根内容条目(一级内容条目),每个根内容条目对应一个子内容列表,子内容列表中包括一个或多个子内容条目(二级内容条目),每个子内容条目包括相应的内容。
应当指出,本发明不限制使用上述结构的用户界面的应用的具体类型,例如,应用可以实现为记事本应用,还可以实现为即时通信类的应用,并且不限于这两种类型。在一种实施方式中,当应用为记事本应用时,根内容列表可以实现为包括多个记事本条目的记事本列表,子内容列表可以实现为包括多条笔记条目的笔记列表(文本列表)。在又一种实施方式中,当应用为即时通信应用时,根内容列表可以实现为包括多个用户分组信息的用户分组列表,子内容列表可以实现为包括多个用户标识的联系人列表。
还应当指出,在根据本发明的实施例中,仅以二级分类列表结构的用户界面为例,对本发明的内容列表展示方法进行详细说明。但在实际应用中,本发明的内容列表展示方法并不限于二级分类列表的用户界面,所有能实施本发明的内容列表展示方法的用户界面均在本发明的保护范围之内。
图2示出了根据本发明一个实施例的内容列表展示方法200的流程图。
如图2所示,方法200始于步骤S210。在步骤S210中,检测用户在根内容条目的第一拖拽操作。这里,如果检测到用户在根内容条目的第一拖拽操作的结束位置是根内容列表中相邻的两个根内容条目之间,也即是检测到第一拖拽操作停留在相邻的两个根内容条目之间结束时,执行步骤S220。
随后,在步骤S220中,响应于检测到用户在根内容条目的第一拖拽操作的结束位置是根内容列表中相邻的两个根内容条目之间,将被拖拽的根内容条目移动至相邻的两个根内容条目之间,并在该相邻的两个根内容条目之间展示被拖拽的根内容条目。
在一个实施例中,用户可以利用鼠标进行拖动操作,拖拽操作的结束位置是指鼠标指针的最终停留位置。
在步骤S230中,检测在根内容条目对应的子内容列表中的子内容条目的第二拖拽操作。这里,如果检测到用户在子内容条目的第二拖拽操作的结束位置是子内容列表中相邻的两个子内容条目之间,也即是检测到第二拖拽操作停留在相邻的两个子内容条目之间结束时,执行步骤S240;如果检测到用户在子内容条目的第二拖拽操作的结束位置是根内容列表中的其他根内容条目区域,也即是检测到第二拖拽操作停留在根内容列表中的其他根内容条目区域结束时,执行步骤S250。
在步骤S240中,响应于检测到用户在子内容条目的第二拖拽操作的结束位置是子内容列表中相邻的两个子内容条目之间,将被拖拽的子内容条目移动至该相邻的两个子内容条目之间,并在相邻的两个子内容条目之间展示被拖拽的子内容条目。
在步骤S250中,响应于检测到用户在子内容条目的第二拖拽操作的结束位置是根内容列表中的其他根内容条目区域,将被拖拽的子内容条目移动至其他根内容条目对应的子内容列表中,以便在其他根内容条目对应的子内容列表中展示被拖拽的子内容条目。这里,其他根内容条目可以是除子内容条目当前所属的根内容条目之外的任意一个根内容条目。
根据上述对交互方式的描述,可以理解,本发明通过拖拽移动操作便能实现更改内容条目的位置、或更改根内容条目与子内容条目之间的归属关系,并基于新的位置重新展示内容条目,操作上更简单方便,用户体验更好。
根据一个实施例,本发明可以为每个内容条目动态配置相应的索引值,内容列表中的每个内容条目分别对应一个索引值,以便在同一个内容列表中,基于每个内容条目对应的索引值大小对内容条目进行排序,并基于排列顺序来展示内容列表中的多个内容条目。
其中,在检测用户在根内容条目的第一拖拽操作之前,本发明预先确定当前每个内容条目(根内容条目/子内容条目)对应的索引值,基于索引值大小对内容条目进行排序,并按照排列顺序来展示每个内容条目。这里,本发明并非基于内容条目的创建时间对内容条目进行排序。并且,在对内容条目的拖拽操作结束时,根据拖拽操作的结束位置,为被拖拽的内容条目、以及拖拽操作的结束位置相关的各项内容条目重新配置索引值,并根据每个内容条目更新后的索引值对内容条目重新进行排序和展示,以便在内容列表中展示重新排序后的多个内容条目。
具体地,当检测到用户在内容条目的拖拽操作结束时,响应于检测到内容条目的拖拽操作结束,确定结束位置,并根据拖拽结束位置确定该内容条目所要插入的目标位置,根据目标位置为相关联的一个或多个内容条目重新配置索引值,也即是根据目标位置对相关联的一个或多个内容条目的索引值进行更新,并根据每个内容条目更新后的索引值对内容条目重新进行排序,以便在内容列表中展示重新排序后的多个内容条目。这样,实现通过拖拽移动内容条目来更改内容条目的相对位置、或者根内容条目与子内容条目之间的归属关系,并在目标位置展示内容条目。
需要说明的是,相关联的一个或多个内容条目包括被拖拽的内容条目、以及与目标位置相关的一个或多个内容条目。在根据目标位置对相关联的内容条目的索引值进行更新时,如果目标位置位于被拖拽的内容条目当前位置的上方,则将目标位置当前的内容条目与被拖拽内容条目之间的每个内容条目的索引值加1;如果目标位置位于被拖拽的内容条目当前位置的下方,则将目标位置当前的内容条目与被拖拽内容条目之间的每个内容条目的索引值减1。
根据一个实施例,如图3至图7所示,每个根内容条目适于显示的信息包括根内容条目的图标、名称、根内容条目所包括的子内容条目的数目。在步骤S250中,在将被拖拽的子内容条目移动至其他根内容条目对应的子内容列表之后,控制该被拖拽的子内容条目当前(被拖拽之前)对应的根内容条目显示的子内容条目的数目减少1,并且,控制其他根内容条目(即是被拖拽到的目标根内容条目)显示的子内容条目的数目增加1。这样,根内容条目所包括的子内容条目的数目,是随着拖拽操作时子内容条目与根内容条目之间的归属关系变化而实时更新并显示,从而便于用户实时查看更新后的信息。
根据本发明的一个实施例,当检测到用户在根内容条目的第一拖拽操作时,还执行步骤:响应于检测到在根内容条目的第一拖拽操作,控制根内容条目获得焦点。如图4所示,根内容条目“记事本1”为获得焦点状态。这里,获得焦点的状态可以是第一高亮状态,即是以第一高亮状态显示根内容条目。
当检测到用户在子内容条目的第二拖拽操作时,还执行步骤:响应于检测到在子内容条目的第二拖拽操作,控制子内容条目以及该子内容条目对应的根内容条目获得焦点。如图6所示,子内容条目“文本2”及其对应的根内容条目“记事本7”为获得焦点状态。这里,获得焦点的状态可以是第一高亮状态,即是以第一高亮状态显示子内容条目。第一高亮状态例如可以实现为任意一种明亮色彩。但,应当指出,本发明对第一高亮状态的具体实现不做限制。
根据本发明的一个实施例,当检测到用户在根内容条目的第一拖拽操作时,还执行步骤:响应于检测到在根内容条目的第一拖拽操作,调用设置根内容条目的第一数据接口,以获取被拖拽的根内容条目的数据,并基于被拖拽的根内容条目的数据绘制生成相应的第一窗体,如图4示出的界面中的半透明状态的记事本1窗体。进而,随着用户的拖拽操作拖拽第一窗体移动。如图4所示,第一窗体为半透明状态,并且,第一窗体显示的信息与相应的根内容条目显示的信息相同,第一窗体显示的信息包括根内容条目的图标、名称(记事本1)、根内容条目所包括的子内容条目的数目(2)。
当检测到用户在子内容条目的第二拖拽操作时,还执行步骤:响应于检测到在子内容条目的第二拖拽操作,调用设置子内容条目的第二数据接口,以获取被拖拽的子内容条目的数据,并基于该子内容条目的数据绘制生成相应的第二窗体,如图6示出的界面中的半透明状态的文本2窗体。进而,随着用户的拖拽操作拖拽第二窗体移动。如图6所示,第二窗体为半透明状态,第二窗体包括子内容条目的名称(文本2)。
可见,本发明在响应用户的拖拽操作时,控制相应的内容条目高亮显示,并且,针对被拖拽的内容条目生成相应的窗体,控制窗体跟随用户的拖拽操作同步移动。这样,使得用户对内容条目的拖拽操作过程更加直观,交互感更强,提升了用户体验。
根据本发明的一个实施例,当根内容列表长度超过屏幕高度时,在检测用户在根内容条目的第一拖拽操作时,如果检测到第一拖拽操作经过根内容列表的底部边缘,则响应于检测到第二拖拽操作经过根内容列表的底部边缘,控制根内容列表中的每个根内容条目向上匀速滚动,直至显示出根内容列表中最底端的根内容条目时,才停止滚动。另外,如果检测到第一拖拽操作经过根内容列表的顶部边缘,则响应于检测到第一拖拽操作经过根内容列表的顶部边缘,控制根内容列表中的每个根内容条目向下匀速滚动,直至显示出根内容列表中最顶端的根内容条目时,才停止滚动。这样,使得本发明的根内容条目列表中可以创建更多的根内容条目呈现给用户,以便更细致地对内容数据进行分类记录和展示,有利于在一个根内容列表下向用户分类展示更多种类和数量的内容。
根据一个实施例,如图6所示,当检测到用户在子内容条目(文本2)的第二拖拽操作停留在根内容列表中的其他根内容条目区域时(拖拽操作未结束),计算设备响应于检测到的操作,可以控制当前停留的其他根内容条目(记事本3)以第二高亮状态显示,第二高亮状态例如是浅灰色,即是以浅灰色显示所停留的根内容条目。应当指出,本发明对第二高亮状态的具体实现不做限制,第二高亮状态可以实现为任意一种区别于第一高亮状态的显示状态。
根据一个实施例,在检测在根内容条目的第一拖拽操作之前,还检测用户在根内容条目的第一接触操作。当检测到用户在根内容条目的第一接触操作时,响应于检测到的第一接触操作,在屏幕上呈现的用户界面中显示与根内容条目相对应的子内容列表。并且,检测用户在子内容条目的第二接触操作。当检测到用户在子内容条目的第二接触操作时,响应于检测到的第二接触操作,在屏幕上呈现的用户界面中显示与子内容条目相对应的内容。这里,第一、第二接触操作例如是点击操作,但不限于此。
在一种实施方式中,本发明中应用的用户界面包括左右排布的左视图、中视图、右视图,左视图可以基于TreeView控件来实现,中视图可以基于ListView控件来实现,右视图可以基于Widget控件来实现。根内容列表适于显示在用户界面的左视图中。当检测到用户在根内容条目的第一接触操作时,将根内容条目对应的子内容列表显示在用户界面的中视图中。当检测到用户在子内容条目的第二接触操作时,将子内容条目对应的内容显示在用户界面的右视图中。另外,通过设置TreeView和ListView可进行拖拽,并设置TreeView可接受拖拽放下事件,重写拖拽处理事件,能实现用户通过拖拽移动操作来更改内容条目的位置、更改根内容条目与子内容条目之间的归属关系。但,应当指出,本发明不限于上述用户界面的结构和实现方式。
综上,根据本发明的内容列表展示方法,在用户界面中,用户通过拖拽移动内容条目便能实现对内容条目的插入,包括更改内容条目在当前内容列表中的位置、更改根内容条目与子内容条目之间的归属关系,并通过更新相关联内容条目的索引值来对内容条目进行重新排序和展示。这样,本发明实现了对内容条目的拖拽排序和拖拽插入,交互操作更简单方便,更加直观,用户体验更好。
这里描述的各种技术可结合硬件或软件,或者它们的组合一起实现。从而,本发明的方法和设备,或者本发明的方法和设备的某些方面或部分可采取嵌入有形媒介,例如可移动硬盘、U盘、软盘、CD-ROM或者其它任意机器可读的存储介质中的程序代码(即指令)的形式,其中当程序被载入诸如计算机之类的机器,并被所述机器执行时,所述机器变成实践本发明的设备。
在程序代码在可编程计算机上执行的情况下,计算设备一般包括处理器、处理器可读的存储介质(包括易失性和非易失性存储器和/或存储元件),至少一个输入装置,和至少一个输出装置。其中,存储器被配置用于存储程序代码;处理器被配置用于根据该存储器中存储的所述程序代码中的指令,执行本发明的多语言垃圾文本的识别方法。
以示例而非限制的方式,可读介质包括可读存储介质和通信介质。可读存储介质存储诸如计算机可读指令、数据结构、程序模块或其它数据等信息。通信介质一般以诸如载波或其它传输机制等已调制数据信号来体现计算机可读指令、数据结构、程序模块或其它数据,并且包括任何信息传递介质。以上的任一种的组合也包括在可读介质的范围之内。
在此处所提供的说明书中,算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与本发明的示例一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下被实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员应当理解在本文所公开的示例中的设备的模块或单元或组件可以布置在如该实施例中所描述的设备中,或者可替换地可以定位在与该示例中的设备不同的一个或多个设备中。前述示例中的模块可以组合为一个模块或者此外可以分成多个子模块。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
此外,所述实施例中的一些在此被描述成可以由计算机系统的处理器或者由执行所述功能的其它装置实施的方法或方法元素的组合。因此,具有用于实施所述方法或方法元素的必要指令的处理器形成用于实施该方法或方法元素的装置。此外,装置实施例的在此所述的元素是如下装置的例子:该装置用于实施由为了实施该发明的目的的元素所执行的功能。
如在此所使用的那样,除非另行规定,使用序数词“第一”、“第二”、“第三”等等来描述普通对象仅仅表示涉及类似对象的不同实例,并且并不意图暗示这样被描述的对象必须具有时间上、空间上、排序方面或者以任意其它方式的给定顺序。
尽管根据有限数量的实施例描述了本发明,但是受益于上面的描述,本技术领域内的技术人员明白,在由此描述的本发明的范围内,可以设想其它实施例。此外,应当注意,本说明书中使用的语言主要是为了可读性和教导的目的而选择的,而不是为了解释或者限定本发明的主题而选择的。因此,在不偏离所附权利要求书的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。对于本发明的范围,对本发明所做的公开是说明性的,而非限制性的,本发明的范围由所附权利要求书限定。
Claims (9)
1.一种内容列表展示方法,在计算设备中执行,所述计算设备的屏幕上适于显示应用的用户界面,所述用户界面包括根内容列表,所述根内容列表包括多个根内容条目,每个根内容条目对应一个子内容列表,所述子内容列表包括一个或多个子内容条目,其中,所述应用为记事本应用,所述根内容条目为记事本条目,所述子内容条目为笔记条目,所述根内容条目适于显示其所包括的子内容条目的数目,所述方法包括:
检测在根内容条目的第一拖拽操作;
响应于检测到第一拖拽操作的结束位置是根内容列表中相邻的两个根内容条目之间,将被拖拽的根内容条目移动至所述相邻的两个根内容条目之间并展示;
检测在根内容条目对应的子内容列表中的子内容条目的第二拖拽操作;
响应于检测到第二拖拽操作的结束位置是所述子内容列表中相邻的两个子内容条目之间,将被拖拽的子内容条目移动至所述相邻的两个子内容条目之间并展示;以及
响应于检测到第二拖拽操作的结束位置是根内容列表中的其他根内容条目区域,将被拖拽的子内容条目移动至所述其他根内容条目对应的子内容列表中,以便在所述其他根内容条目对应的子内容列表中展示被拖拽的子内容条目,以及,将所述子内容条目当前对应的根内容条目显示的子内容条目的数目减少1,将所述其他根内容条目显示的子内容条目的数目增加1。
2.如权利要求1所述的方法,其中,每个内容条目分别对应一个索引值,所述方法还包括步骤:
响应于检测到内容条目的拖拽操作结束,确定结束位置,并根据结束位置确定该内容条目的目标位置;
根据目标位置对相关联的一个或多个内容条目的索引值进行更新,并根据更新后的索引值对内容条目重新进行排序和展示。
3.如权利要求1所述的方法,其中,还包括步骤:
响应于检测到在根内容条目的第一拖拽操作,调用设置根内容条目的第一数据接口,以获取所述根内容条目的数据,并基于所述根内容条目的数据绘制生成相应的第一窗体,并拖拽所述第一窗体移动;
响应于检测到在子内容条目的第二拖拽操作,调用设置子内容条目的第二数据接口,以获取所述子内容条目的数据,并基于所述子内容条目的数据绘制生成相应的第二窗体,并拖拽所述第二窗体移动。
4.如权利要求3所述的方法,其中,
所述第一窗体包括所述根内容条目的图标、名称、所包括的子内容条目的数目;
所述第二窗体包括子内容条目的名称。
5.如权利要求1-4任一项所述的方法,其中,当所述根内容列表长度超过屏幕高度时,还包括步骤:
响应于检测到所述第一拖拽操作经过所述根内容列表的底部边缘,控制所述根内容列表中的根内容条目向上匀速滚动;
响应于检测到所述第一拖拽操作经过所述根内容列表的顶部边缘,控制所述根内容列表中的根内容条目向下匀速滚动。
6.如权利要求1-4任一项所述的方法,其中,还包括步骤:
响应于检测到在根内容条目的第一拖拽操作,控制所述根内容条目获得焦点;
响应于检测到在子内容条目的第二拖拽操作,控制所述子内容条目及其对应的根内容条目获得焦点。
7.如权利要求1-4任一项所述的方法,其中,在检测在根内容条目的第一拖拽操作之前,还包括步骤:
检测在根内容条目的第一接触操作;
响应于检测到的第一接触操作,在所述屏幕上显示与所述根内容条目相对应的子内容列表;
检测在子内容条目的第二接触操作;
响应于检测到的第二接触操作,在所述屏幕上显示与所述子内容条目相对应的内容。
8.一种计算设备,包括:
至少一个处理器;以及
存储器,存储有程序指令,其中,所述程序指令被配置为适于由所述至少一个处理器执行,所述程序指令包括用于执行如权利要求1-7中任一项所述的方法的指令。
9.一种存储有程序指令的可读存储介质,当所述程序指令被计算设备读取并执行时,使得所述计算设备执行如权利要求1-7中任一项所述方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110699378.5A CN113420144A (zh) | 2021-04-09 | 2021-04-09 | 一种内容列表展示方法及计算设备 |
CN202110380308.3A CN112799565B (zh) | 2021-04-09 | 2021-04-09 | 一种内容列表展示方法及计算设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110380308.3A CN112799565B (zh) | 2021-04-09 | 2021-04-09 | 一种内容列表展示方法及计算设备 |
Related Child Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110699378.5A Division CN113420144A (zh) | 2021-04-09 | 2021-04-09 | 一种内容列表展示方法及计算设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112799565A CN112799565A (zh) | 2021-05-14 |
CN112799565B true CN112799565B (zh) | 2021-07-16 |
Family
ID=75816663
Family Applications (2)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110699378.5A Pending CN113420144A (zh) | 2021-04-09 | 2021-04-09 | 一种内容列表展示方法及计算设备 |
CN202110380308.3A Active CN112799565B (zh) | 2021-04-09 | 2021-04-09 | 一种内容列表展示方法及计算设备 |
Family Applications Before (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110699378.5A Pending CN113420144A (zh) | 2021-04-09 | 2021-04-09 | 一种内容列表展示方法及计算设备 |
Country Status (1)
Country | Link |
---|---|
CN (2) | CN113420144A (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107391002A (zh) * | 2017-07-20 | 2017-11-24 | 上海金大师网络科技有限公司 | 一种透明浮动可拖拽列表生成方法以及系统 |
CN109542300A (zh) * | 2018-11-23 | 2019-03-29 | 北京金山云网络技术有限公司 | 一种更新web目录的方法、装置、电子设备及存储介质 |
CN109885819A (zh) * | 2019-02-19 | 2019-06-14 | 携程旅游信息技术(上海)有限公司 | 数据表格动态调整方法、系统、设备及存储介质 |
CN110347327A (zh) * | 2019-07-12 | 2019-10-18 | 网易(杭州)网络有限公司 | 条目编辑方法及触控终端 |
CN112487220A (zh) * | 2020-11-30 | 2021-03-12 | 广东小天才科技有限公司 | 一种笔记生成方法、智能终端及存储介质 |
Family Cites Families (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8850344B1 (en) * | 2010-09-14 | 2014-09-30 | Symantec Corporation | Drag drop multiple list modification user interaction |
CN104461357A (zh) * | 2014-11-28 | 2015-03-25 | 上海斐讯数据通信技术有限公司 | 一种信息条目处理方法及移动终端 |
CN105487749B (zh) * | 2015-11-23 | 2018-08-07 | 小米科技有限责任公司 | 应用图标的整理方法及装置 |
CN105511736A (zh) * | 2015-12-04 | 2016-04-20 | 中国建设银行股份有限公司 | 调整菜单的方法及系统 |
US20170168686A1 (en) * | 2015-12-15 | 2017-06-15 | Le Holdings (Beijing) Co., Ltd. | Method and electronic device for processing list item operation |
US20180181378A1 (en) * | 2016-02-28 | 2018-06-28 | Alex Bakman | Method, system and apparatus for generating, editing, and deploying native mobile apps |
CN109582187B (zh) * | 2017-09-29 | 2021-05-25 | 腾讯科技(深圳)有限公司 | 文件发送方法、装置、计算机设备和存储介质 |
CN108153569B (zh) * | 2017-12-22 | 2021-06-01 | 北京酷我科技有限公司 | 一种可拖拽排序的ListView控件 |
CN110968553B (zh) * | 2018-09-28 | 2023-07-04 | 北京国双科技有限公司 | 目录树中元素的排序方法及装置 |
-
2021
- 2021-04-09 CN CN202110699378.5A patent/CN113420144A/zh active Pending
- 2021-04-09 CN CN202110380308.3A patent/CN112799565B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107391002A (zh) * | 2017-07-20 | 2017-11-24 | 上海金大师网络科技有限公司 | 一种透明浮动可拖拽列表生成方法以及系统 |
CN109542300A (zh) * | 2018-11-23 | 2019-03-29 | 北京金山云网络技术有限公司 | 一种更新web目录的方法、装置、电子设备及存储介质 |
CN109885819A (zh) * | 2019-02-19 | 2019-06-14 | 携程旅游信息技术(上海)有限公司 | 数据表格动态调整方法、系统、设备及存储介质 |
CN110347327A (zh) * | 2019-07-12 | 2019-10-18 | 网易(杭州)网络有限公司 | 条目编辑方法及触控终端 |
CN112487220A (zh) * | 2020-11-30 | 2021-03-12 | 广东小天才科技有限公司 | 一种笔记生成方法、智能终端及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN112799565A (zh) | 2021-05-14 |
CN113420144A (zh) | 2021-09-21 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9256653B2 (en) | Faceted search results | |
JP6063997B2 (ja) | 識別子のリストのナビゲート用のデバイス、方法及びグラフィカルユーザインタフェース | |
US8698845B2 (en) | Device, method, and graphical user interface with interactive popup views | |
US20150026554A1 (en) | Device, method, and graphical user interface for manipulating tables using multicontact gestures | |
US10788980B2 (en) | Apparatus and method for displaying application | |
US20120047454A1 (en) | Dynamic Soft Input | |
US9626096B2 (en) | Electronic device and display method | |
CN106293436A (zh) | 图表绘制方法 | |
US20160275095A1 (en) | Electronic device, method and storage medium | |
WO2023045927A1 (zh) | 对象移动方法和电子设备 | |
CN113742297A (zh) | 一种文件预览方法、计算设备及存储介质 | |
CN112698758B (zh) | 一种窗口显示方法及计算设备 | |
CN112799565B (zh) | 一种内容列表展示方法及计算设备 | |
WO2022247787A1 (zh) | 应用归类方法、装置及电子设备 | |
US9552132B2 (en) | Application program preview interface and operation method thereof | |
CN112578961B (zh) | 应用标识显示方法及装置 | |
US20120079404A1 (en) | Method for creating and searching a folder in a computer system | |
CN113625931A (zh) | 一种桌面切换方法、计算设备及可读存储介质 | |
CN113311983B (zh) | 一种基于地址栏的交互方法及计算设备 | |
CN113741777A (zh) | 基于拖拽操作打开文件的方法、计算设备及存储介质 | |
CN113254142B (zh) | 一种系统桌面区域的划分方法及计算设备 | |
CN114265533A (zh) | 一种资源访问方法、计算设备和存储介质 | |
CN113590542A (zh) | 一种文件搜索方法、计算设备及存储介质 | |
CN114048173A (zh) | 一种文件折叠方法、计算设备和存储介质 | |
CN113656347A (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 |