CN103941954B - 展示界面的方法和装置、用户界面交互的方法和装置 - Google Patents

展示界面的方法和装置、用户界面交互的方法和装置 Download PDF

Info

Publication number
CN103941954B
CN103941954B CN201310017466.8A CN201310017466A CN103941954B CN 103941954 B CN103941954 B CN 103941954B CN 201310017466 A CN201310017466 A CN 201310017466A CN 103941954 B CN103941954 B CN 103941954B
Authority
CN
China
Prior art keywords
interface
sub
function
polyhedral structure
triggered
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
Application number
CN201310017466.8A
Other languages
English (en)
Other versions
CN103941954A (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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201310017466.8A priority Critical patent/CN103941954B/zh
Priority to PCT/CN2014/070288 priority patent/WO2014110993A1/en
Priority to US14/260,683 priority patent/US10606447B2/en
Publication of CN103941954A publication Critical patent/CN103941954A/zh
Priority to HK14113119.3A priority patent/HK1199525A1/zh
Application granted granted Critical
Publication of CN103941954B publication Critical patent/CN103941954B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/02—Marketing; Price estimation or determination; Fundraising
    • G06Q30/0207—Discounts or incentives, e.g. coupons or rebates
    • G06Q30/0234—Rebates after completed purchase
    • 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
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Accounting & Taxation (AREA)
  • Development Economics (AREA)
  • Finance (AREA)
  • Strategic Management (AREA)
  • Human Computer Interaction (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Game Theory and Decision Science (AREA)
  • Economics (AREA)
  • Marketing (AREA)
  • General Business, Economics & Management (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种展示界面的方法和装置、用户界面交互的方法和装置，属于通信技术领域。所述展示界面的方法包括：按照功能确定待展示的主界面和各级子界面的逻辑关系；根据所述逻辑关系构建多面体结构，其中，所述多面体结构中的每一个面都对应一个界面，且当一个界面具有子界面时，所述界面与每一个子界面均相邻；展示所述多面体结构中的主界面，检测到某一个子界面的功能被触发后，在所述多面体结构中按照相邻顺序确定出所述某一个子界面至所述主界面中的各个子界面，展示确定出的各个子界面。所述展示界面的装置包括：构建模块和展示模块。本发明达到了多个界面关联展示的效果，降低了界面操作的复杂度，增强了易用性。

Description

展示界面的方法和装置、用户界面交互的方法和装置
技术领域
本发明涉及通信技术领域，特别涉及一种展示界面的方法和装置、用户界面交互的方法和装置。
背景技术
一个完整的产品往往有多个功能，而满足不同的功能需求需要相应的功能界面。目前，常见的做法是将所有功能界面聚合在一个固定的框架内，默认界面即首页上展示主功能，其它功能界面通过功能菜单切换单一展示。
但是，上述方案对于并行任务和多个场景同时触发的情况无法在一个界面中实现，用户需要来回切换功能菜单才能完成，操作繁琐，使用不方便。
发明内容
为了降低界面操作的复杂度，本发明提供了一种展示界面的方法和装置、用户界面交互的方法和装置。所述技术方案如下：
一方面，本发明提供了一种展示界面的方法，包括：
按照功能确定待展示的主界面和各级子界面的逻辑关系；
根据所述逻辑关系构建多面体结构，其中，所述多面体结构中的每一个面都对应一个界面，且当一个界面具有子界面时，所述界面与每一个子界面均相邻；
展示所述多面体结构中的主界面；
检测到某一个子界面的功能被触发后，在所述多面体结构中按照相邻顺序确定出所述某一个子界面至所述主界面中的各个子界面，展示确定出的各个子界面。
再一方面，本发明还提供了一种用户界面交互的方法，包括：
在展示出的多面体结构中的主界面上发起展示某一个子界面的请求；
在根据所述主界面与各个子界面的逻辑关系，确定出所述某一个子界面至所述主界面中的各个子界面且展示确定出的各个子界面上发起展示某一个子界面A的子界面B的请求；
根据所述多面体结构中界面的相邻顺序，在所述子界面A的旁边展示所述子界面B；
所述多面体结构根据以下方式构建：
按照功能确定待展示的主界面和各级子界面的逻辑关系；
根据所述逻辑关系构建多面体结构，其中，所述多面体结构中的每一个面都对应一个界面，且当一个界面具有子界面时，所述界面与每一个子界面均相邻。
另一方面，本发明还提供了一种展示界面的装置，包括：
构建模块，用于按照功能确定待展示的主界面和各级子界面的逻辑关系，根据所述逻辑关系构建多面体结构，其中，所述多面体结构中的每一个面都对应一个界面，且当一个界面具有子界面时，所述界面与每一个子界面均相邻；
展示模块，用于展示所述多面体结构中的主界面，检测到某一个子界面的功能被触发后，在所述多面体结构中按照相邻顺序确定出所述某一个子界面至所述主界面中的各个子界面，展示确定出的各个子界面。
又一方面，本发明还提供了一种用户界面交互的装置，包括：
请求模块，用于在展示出的多面体结构中的主界面上发起展示某一个子界面的请求；在根据所述主界面与各个子界面的逻辑关系，确定出所述某一个子界面至所述主界面中的各个子界面且展示确定出的各个子界面上发起展示某一个子界面A的子界面B的请求；
展示模块，用于根据所述多面体结构中界面的相邻顺序，在所述子界面A的旁边展示所述子界面B；
其中，所述多面体结构根据以下方式构建：
按照功能确定待展示的主界面和各级子界面的逻辑关系；
根据所述逻辑关系构建多面体结构，其中，所述多面体结构中的每一个面都对应一个界面，且当一个界面具有子界面时，所述界面与每一个子界面均相邻。
本发明提供的技术方案带来的有益效果是：按照功能确定待展示的主界面和各级子界面的逻辑关系，根据所述逻辑关系构建多面体结构，展示所述多面体结构中的主界面，检测到某一个子界面的功能被触发后，在所述多面体结构中按照相邻顺序确定出所述某一个子界面至所述主界面中的各个子界面，展示确定出的各个子界面，达到了多个界面关联展示的效果，体现了各个界面之间的逻辑关联性，更加直观，能够满足多任务多场景的需求，对于并行任务的场景无需频繁切换功能菜单，极大地降低了界面操作的复杂度，提升了界面展示的效果和界面利用率，增强了易用性。
附图说明
为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本发明实施例1提供的展示界面的方法流程图；
图2是本发明实施例2提供的用户界面交互的方法流程图；
图3是本发明实施例3提供的展示界面的方法流程图；
图4是本发明实施例3提供的界面逻辑关系示意图之一；
图5是本发明实施例3提供的界面逻辑关系示意图之二；
图6是根据图5所示的逻辑关系构建的立方体结构示意图；
图7是图6所示的立方体结构的一种展开示意图；
图8是本发明实施例3提供的十二面体结构示意图；
图9是图8所示的十二面体结构的一种展开示意图；
图10是本发明实施例3提供的动画展示界面的示意图；
图11是本发明实施例4提供的展示界面的装置结构图；
图12是本发明实施例5提供的用户界面交互的装置结构图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。
实施例1
参见图1，本实施例提供了一种展示界面的方法，包括以下步骤：
101：按照功能确定待展示的主界面和各级子界面的逻辑关系；
102：根据所述逻辑关系构建多面体结构，其中，所述多面体结构中的每一个面都对应一个界面，且当一个界面具有子界面时，所述界面与每一个子界面均相邻；
103：展示所述多面体结构中的主界面，检测到某一个子界面的功能被触发后，在所述多面体结构中按照相邻顺序确定出所述某一个子界面至所述主界面中的各个子界面，展示确定出的各个子界面。
在一种实施方式下，展示确定出的各个子界面，包括：
从与所述主界面相邻的第一个子界面开始，按照相邻顺序逐级动画展示出确定出的各个子界面。
在另一种实施方式下，所述方法还包括：
在末级子界面的周围展示关闭热区，当某一个子界面的关闭热区被触发时，动画关闭所述子界面。
本实施例中，所述关闭热区是指用于触发关闭功能的触发区，当用户触发该关闭热区时，执行关闭界面的操作。所述关闭热区的形式有多种，包括但不限于按钮等等。
在另一种实施方式下，所述方法还包括：
在已展示的各个子界面中，检测到某一个子界面A的子界面B的功能被触发后，根据所述多面体结构中界面的相邻顺序，在所述子界面A的旁边展示所述子界面B。
在又一种实施方式下，检测到某一级子界面的功能被触发，包括以下至少一种：
在所述主界面上检测到某一级子界面的功能被触发；
在托盘区上检测到某一级子界面的功能被触发；
在右键菜单中检测到某一级子界面的功能被触发；
在消息框中检测到某一级子界面的功能被触发。
本实施例中，所述多面体结构包括正六面体以上的多面体。
本实施例提供的上述方法，按照功能确定待展示的主界面和各级子界面的逻辑关系，根据所述逻辑关系构建多面体结构，展示所述多面体结构中的主界面，检测到某一个子界面的功能被触发后，在所述多面体结构中按照相邻顺序确定出所述某一个子界面至所述主界面中的各个子界面，展示确定出的各个子界面，达到了多个界面关联展示的效果，体现了各个界面之间的逻辑关联性，更加直观，能够满足多任务多场景的需求，对于并行任务的场景无需频繁切换功能菜单，极大地降低了界面操作的复杂度，提升了界面展示的效果和界面利用率，增强了易用性。
实施例2
参见图2，本实施例提供了一种用户界面交互的方法，包括：
201：在展示出的多面体结构中的主界面上发起展示某一个子界面的请求；
202：在根据所述主界面与各个子界面的逻辑关系，确定出所述某一个子界面至所述主界面中的各个子界面且展示确定出的各个子界面上发起展示某一个子界面A的子界面B的请求；
203：根据所述多面体结构中界面的相邻顺序，在所述子界面A的旁边展示所述子界面B；
其中，所述多面体结构根据以下方式构建：
按照功能确定待展示的主界面和各级子界面的逻辑关系；
根据所述逻辑关系构建多面体结构，其中，所述多面体结构中的每一个面都对应一个界面，且当一个界面具有子界面时，所述界面与每一个子界面均相邻。
在一种实施方式下，所述方法还包括：
从与所述主界面相邻的第一个子界面开始，按照相邻顺序逐级动画展示出确定出的各个子界面。
在另一种实施方式下，所述方法还包括：
触发末级子界面的周围展示关闭热区；
动画关闭所述子界面。
在又一种实施方式下，所述发起展示某一个子界面的请求或发起展示某一个子界面A的子界面B的请求，包括以下至少一种：
在所述主界面上触发某一级子界面的功能的请求；
在托盘区上触发某一级子界面的功能的请求；
在右键菜单中触发某一级子界面的功能的请求；
在消息框中触发某一级子界面的功能的请求。
本实施例中，所述多面体结构包括正六面体以上的多面体。
本实施例提供的上述方法，在展示出的多面体结构中的主界面上发起展示某一个子界面的请求；在根据所述主界面与各个子界面的逻辑关系，确定出所述某一个子界面至所述主界面中的各个子界面且展示确定出的各个子界面上发起展示某一个子界面A的子界面B的请求；根据所述多面体结构中界面的相邻顺序，在所述子界面A的旁边展示所述子界面B，达到了多个界面关联展示的效果，体现了各个界面之间的逻辑关联性，更加直观，能够满足多任务多场景的需求，对于并行任务的场景无需频繁切换功能菜单，极大地降低了界面操作的复杂度，提升了界面展示的效果和界面利用率，增强了易用性。
实施例3
参见图3，本实施例提供了一种展示界面的方法，包括以下步骤：
301：按照功能确定待展示的主界面和各级子界面的逻辑关系；
本实施例中，主界面和各级子界面按照功能可以分层级划分。例如，参见图4，第一层级界面是界面a，为主界面，该主界面a下面划分5个第二层级界面，包括：界面b1、界面b2、界面b3、界面b4和界面b5，其中界面b1下面又划分了3个第三层级界面，包括：界面c1、界面c2和界面c3。进一步地，以此类推，可以划分至第N层级界面，界面n1、界面n2和界面n3等等。
302：根据已确定的逻辑关系构建多面体结构，其中，所述多面体结构中的每一个面都对应一个界面，且当一个界面具有子界面时，所述界面与每一个子界面均相邻；
以图4中的逻辑关系为例，根据界面a、界面b1、界面b2、界面b3、界面b4、界面b5、界面c1、界面c2和界面c3，可以得到一个九面体。其中，界面a分别与界面b1、界面b2、界面b3、界面b4、界面b5这5个子界面相邻；界面b1分别与界面c1、界面c2和界面c3这3个子界面相邻。
本实施例中，多面体具体可为六面体，七面体，八面体，九面体，十面体，十一面体，十二面体以及更多面体。
303：展示所述多面体结构中的主界面；
304：检测到某一个子界面的功能被触发后，在所述多面体结构中按照相邻顺序确定出所述某一个子界面至所述主界面中的各个子界面；
本实施例中，检测到某一级子界面的功能被触发，包括以下至少一种：
在所述主界面上检测到某一级子界面的功能被触发；
在托盘区上检测到某一级子界面的功能被触发；
在右键菜单中检测到某一级子界面的功能被触发；
在消息框中检测到某一级子界面的功能被触发。
通常情况下，主界面上都会留有子界面的功能入口，通过该功能入口可以触发相应的子界面，这种方式更直接，更容易操作。
当然，本发明也提供了其它可能的实现方式。一种方式下，所述托盘区是指系统的任务栏通知区域，通常，在托盘区内显示系统当前运行的应用程序，网络连接情况，音量控制图标，时间日期，用户自定义的图标等等情况，对于笔记本电脑、平板电脑等还可以显示电池使用情况等。在托盘区上检测某一级子界面的功能是否被触发，具体的方式不限，如可以检测子界面图标上是否发生点击事件，或者是否发生mouse over事件等等。另一种方式下，可以检测右键菜单（tray菜单）中是否有界面功能被触发。再一种方式下，还可以在消息框中检测是否有界面功能被触发，所述消息框是指tips，通常显示在屏幕的右下角，以提示一些及时的消息给用户。
305：从与所述主界面相邻的第一个子界面开始，按照相邻顺序逐级动画展示出已确定的各个子界面；
其中，所述相邻顺序是指在所述多面体结构中各个面之间的相邻顺序。所述动画展示的方式不限，如正在打开的子界面可以由远至近、由小变大、由虚变实等效果来展示，正在打开的子界面与已经打开的界面之间，可以展示为多面体的两个相邻面被翻开至一个平面上平铺展示的效果等等，本发明对此不做具体限定。
在本实施例的一个应用场景中，所述多面体结构为立方体。参见图5，以三级共六个界面为例进行具体说明。其中，第一级为主界面A，包括4个第二级子界面：界面B、界面C、界面D和界面E，界面E又包括1个第三级子界面：界面F。根据上述逻辑关系构建多面体结构，可以得到一个立方体结构，如图6所示。图6中左方为立方体的结构图，顶面为界面A，四个侧面为界面B、界面C、界面D和界面E，底面为界面F。图6中右方为该立方体展开后的平面示意图，其中，界面A与其4个子界面即界面B、界面C、界面D和界面E相邻，界面E与其1个子界面即界面F相邻。
本实施例中，从与所述主界面相邻的第一个子界面开始，按照相邻顺序逐级动画展示出已确定的各个子界面，能够达到子界面与主界面同时展示的效果，突出了多个界面的关联性，展示更加直观。例如，参见图7，当图6所示的立方体结构中的子界面E的功能被触发后，将主界面A与子界面E一同展示出来，当图6所示的立方体结构中的子界面F的功能被触发后，将主界面A与子界面E和子界面F一同展示出来，达到多个界面同时展示的效果。
在本实施例的另一个应用场景中，所述多面体结构为十二面体。参见图8，以十二个界面为例进行具体说明。其中，第一级为主界面A，第二级子界面包括：界面B、界面C、界面D、界面E和界面F，这五个界面均为界面A的子界面；第三级子界面包括5个子界面，其中，界面G为界面B的子界面，界面H为界面C的子界面，界面I为界面D的子界面，界面J为界面E的子界面，界面K为界面F的子界面；第四级子界面有一个即界面L，且界面L为界面K的子界面。根据上述逻辑关系构建多面体结构，可以得到一个十二面体结构，如图8所示，顶面为主界面A，底面为第四级子界面L，侧面为其余各个子界面。
参见图9，为图8中的十二面体展开后的一种平面示意图。其中，当图8所示的十二面体结构中的子界面J的功能被触发后，将子界面J至主界面A的各个界面一同展示出来，其中包括：一级界面：主界面A，二级界面：主界面A的子界面E，三级界面：子界面E的子界面J，一共展示了三个界面，达到了多个界面同时展示的效果。
306：在末级子界面的周围展示关闭热区，当某一个子界面的关闭热区被触发时，动画关闭所述子界面。
本实施例中，所述关闭热区的位置可以根据需要设置，如可以设置在末级子界面的右方、上方或下方等等，本发明对此不做具体限定。所述动画关闭的具体方式也不限，如正在关闭的子界面可以由近至远、由大变小、由实变虚等效果来展示，正在关闭的子界面与正在展示的界面之间，可以展示为多面体的两个相邻面被折合至仅留下正在展示的界面的效果等等，本发明对此不做具体限定。
参见图10，为本实施例动画打开和关闭界面的一个示意图。其中，上方为打开界面的示意图，首先打开一个主界面，当某个子界面的功能被触发后，在该主界面的右方缓缓打开该子界面，以立方体又翻开一个面的效果进行展示，该子界面由小逐渐变大，最终和主界面的大小一致。下方为关闭界面的示意图，已经打开了两个界面，左边为主界面，右边为子界面，在子界面的右方显示有一个半圆形的按钮，当用户点击该按钮时，触发关闭该子界面，该子界面由大逐渐变小，以立方体的一个侧面被折合至后面的效果进行展示，直至该子界面完全消失看不见为止。这种动画打开和关闭界面的方式，更加突出了界面与界面之间的关联性，交互动作也不会显得太突兀，更加符合心智模型，易于被用户接受。
本实施例提供的上述方法，预先按照功能确定待展示的主界面和各级子界面的逻辑关系，根据所述逻辑关系构建多面体结构，当展示界面时，先展示所述多面体结构中的主界面，检测到某一个子界面的功能被触发后，在所述多面体结构中按照相邻顺序确定出所述某一个子界面至所述主界面中的各个子界面，展示确定出的各个子界面，达到了多个界面关联展示的效果，体现了各个界面之间的逻辑关联性，更加直观，能够满足多任务多场景的需求，对于并行任务的场景无需频繁切换功能菜单，极大地降低了界面操作的复杂度，提升了界面展示的效果和界面利用率，增强了易用性。
实施例4
参见图11，本实施例提供了一种展示界面的装置，包括：
构建模块1101，用于按照功能确定待展示的主界面和各级子界面的逻辑关系，根据所述逻辑关系构建多面体结构，其中，所述多面体结构中的每一个面都对应一个界面，且当一个界面具有子界面时，所述界面与每一个子界面均相邻；
展示模块1102，用于展示所述多面体结构中的主界面，检测到某一个子界面的功能被触发后，在所述多面体结构中按照相邻顺序确定出所述某一个子界面至所述主界面中的各个子界面，展示确定出的各个子界面。
其中，展示模块1102用于：
从与所述主界面相邻的第一个子界面开始，按照相邻顺序逐级动画展示出确定出的各个子界面。
其中，所述相邻顺序是指在所述多面体结构中各个面之间的相邻顺序。所述动画展示的方式不限，如正在打开的子界面可以由远至近、由小变大、由虚变实等效果来展示，正在打开的子界面与已经打开的界面之间，可以展示为多面体的两个相邻面被翻开至一个平面上平铺展示的效果等等，本发明对此不做具体限定。
进一步地，展示模块1102还用于：
在末级子界面的周围展示关闭热区，当某一个子界面的关闭热区被触发时，动画关闭所述子界面。
本实施例中，所述关闭热区的位置可以根据需要设置，如可以设置在末级子界面的右方、上方或下方等等，本发明对此不做具体限定。所述动画关闭的具体方式也不限，如正在关闭的子界面可以由近至远、由大变小、由实变虚等效果来展示，正在关闭的子界面与正在展示的界面之间，可以展示为多面体的两个相邻面被折合至仅留下正在展示的界面的效果等等，本发明对此不做具体限定。
本实施例中，展示模块1102还用于：
在已展示的各个子界面中，检测到某一个子界面A的子界面B的功能被触发后，根据所述多面体结构中界面的相邻顺序，在所述子界面A的旁边展示所述子界面B。
本实施例中，所述多面体结构包括正六面体以上的多面体。
本实施例中，展示模块1102包括以下至少一种：
第一检测单元，用于在所述主界面上检测到某一级子界面的功能被触发；
第二检测单元，用于在托盘区上检测到某一级子界面的功能被触发；
第三检测单元，用于在右键菜单中检测到某一级子界面的功能被触发；
第四检测单元，用于在消息框中检测到某一级子界面的功能被触发。
通常情况下，主界面上都会留有子界面的功能入口，通过该功能入口可以触发相应的子界面，这种方式更直接，更容易操作。
当然，本发明也提供了其它可能的实现方式。一种方式下，所述托盘区是指系统的任务栏通知区域，通常，在托盘区内显示系统当前运行的应用程序，网络连接情况，音量控制图标，时间日期，用户自定义的图标等等情况，对于笔记本电脑、平板电脑等还可以显示电池使用情况等。在托盘区上检测某一级子界面的功能是否被触发，具体的方式不限，如可以检测子界面图标上是否发生点击事件，或者是否发生mouse over事件等等。另一种方式下，可以检测右键菜单（tray菜单）中是否有界面功能被触发。再一种方式下，还可以在消息框中检测是否有界面功能被触发，所述消息框是指tips，通常显示在屏幕的右下角，以提示一些及时的消息给用户。
本实施例提供的上述装置可以执行上述任一方法实施例中提供的方法，详细过程见方法实施例中的描述，此处不赘述。
本实施例提供的上述装置，按照功能确定待展示的主界面和各级子界面的逻辑关系，根据所述逻辑关系构建多面体结构，展示所述多面体结构中的主界面，检测到某一个子界面的功能被触发后，在所述多面体结构中按照相邻顺序确定出所述某一个子界面至所述主界面中的各个子界面，展示确定出的各个子界面，达到了多个界面关联展示的效果，体现了各个界面之间的逻辑关联性，更加直观，能够满足多任务多场景的需求，对于并行任务的场景无需频繁切换功能菜单，极大地降低了界面操作的复杂度，提升了界面展示的效果和界面利用率，增强了易用性。
实施例5
参见图12，本实施例提供了一种用户界面交互的装置，包括：
请求模块1201，用于在展示出的多面体结构中的主界面上发起展示某一个子界面的请求；在根据所述主界面与各个子界面的逻辑关系，确定出所述某一个子界面至所述主界面中的各个子界面且展示确定出的各个子界面上发起展示某一个子界面A的子界面B的请求；
展示模块1202，用于根据所述多面体结构中界面的相邻顺序，在所述子界面A的旁边展示所述子界面B；
其中，所述多面体结构根据以下方式构建：
按照功能确定待展示的主界面和各级子界面的逻辑关系；
根据所述逻辑关系构建多面体结构，其中，所述多面体结构中的每一个面都对应一个界面，且当一个界面具有子界面时，所述界面与每一个子界面均相邻。
一种实施方式下，展示模块1202还用于：
从与所述主界面相邻的第一个子界面开始，按照相邻顺序逐级动画展示出确定出的各个子界面。
另一种实施方式下，展示模块1202还用于：
触发末级子界面的周围展示关闭热区；
动画关闭所述子界面。
又一种实施方式下，请求模块1201包括以下至少一种：
第一请求单元，用于在所述主界面上触发某一级子界面的功能的请求；
第二请求单元，用于在托盘区上触发某一级子界面的功能的请求；
第三请求单元，用于在右键菜单中触发某一级子界面的功能的请求；
第四请求单元，用于在消息框中触发某一级子界面的功能的请求。
本实施例中，所述多面体结构包括正六面体以上的多面体。
本实施例提供的上述装置可以执行上述任一方法实施例中提供的方法，详细过程见方法实施例中的描述，此处不赘述。
本实施例提供的上述装置，在展示出的多面体结构中的主界面上发起展示某一个子界面的请求；在根据所述主界面与各个子界面的逻辑关系，确定出所述某一个子界面至所述主界面中的各个子界面且展示确定出的各个子界面上发起展示某一个子界面A的子界面B的请求；根据所述多面体结构中界面的相邻顺序，在所述子界面A的旁边展示所述子界面B，达到了多个界面关联展示的效果，体现了各个界面之间的逻辑关联性，更加直观，能够满足多任务多场景的需求，对于并行任务的场景无需频繁切换功能菜单，极大地降低了界面操作的复杂度，提升了界面展示的效果和界面利用率，增强了易用性。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。
以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (19)

1.一种展示界面的方法，其特征在于，所述方法包括：
按照功能确定待展示的主界面和各级子界面的逻辑关系；
根据所述逻辑关系构建多面体结构，其中，所述多面体结构中的每一个面都对应一个界面，且当一个界面具有子界面时，所述界面与每一个子界面均相邻；
展示所述多面体结构中的主界面；
检测到某一个子界面的功能被触发后，在所述多面体结构中按照相邻顺序确定出所述某一个子界面至所述主界面中的各个子界面，展示确定出的各个子界面，所述各个子界面被翻开至一个平面上平铺展示。
2.根据权利要求1所述的方法，其特征在于，展示确定出的各个子界面，包括：
从与所述主界面相邻的第一个子界面开始，按照相邻顺序逐级动画展示出确定出的各个子界面。
3.根据权利要求1所述的方法，其特征在于，所述方法还包括：
在末级子界面的周围展示关闭热区，当某一个子界面的关闭热区被触发时，动画关闭所述子界面。
4.根据权利要求1所述的方法，其特征在于，所述方法还包括：
在已展示的各个子界面中，检测到某一个子界面A的子界面B的功能被触发后，根据所述多面体结构中界面的相邻顺序，在所述子界面A的旁边展示所述子界面B。
5.根据权利要求1至4中任一项所述的方法，其特征在于，检测到某一级子界面的功能被触发，包括以下至少一种：
在所述主界面上检测到某一级子界面的功能被触发；
在托盘区上检测到某一级子界面的功能被触发；
在右键菜单中检测到某一级子界面的功能被触发；
在消息框中检测到某一级子界面的功能被触发。
6.根据权利要求1至4中任一项所述的方法，其特征在于，所述多面体结构包括正六面体以上的多面体。
7.一种用户界面交互的方法，其特征在于，所述方法包括：
在展示出的多面体结构中的主界面上发起展示某一个子界面的请求；
在根据所述主界面与各个子界面的逻辑关系，确定出所述某一个子界面至所述主界面中的各个子界面且展示确定出的各个子界面上发起展示某一个子界面A的子界面B的请求；
根据所述多面体结构中界面的相邻顺序，在所述子界面A的旁边展示所述子界面B，所述各个子界面被翻开至一个平面上平铺展示；
所述多面体结构根据以下方式构建：
按照功能确定待展示的主界面和各级子界面的逻辑关系；
根据所述逻辑关系构建多面体结构，其中，所述多面体结构中的每一个面都对应一个界面，且当一个界面具有子界面时，所述界面与每一个子界面均相邻。
8.根据权利要求7所述的方法，其特征在于，所述方法还包括：
从与所述主界面相邻的第一个子界面开始，按照相邻顺序逐级动画展示出确定出的各个子界面。
9.根据权利要求7所述的方法，其特征在于，所述方法还包括：
触发末级子界面的周围展示关闭热区；
动画关闭所述子界面。
10.根据权利要求7至9中任一项所述的方法，其特征在于，所述发起展示某一个子界面的请求或发起展示某一个子界面A的子界面B的请求，包括以下至少一种：
在所述主界面上触发某一级子界面的功能的请求；
在托盘区上触发某一级子界面的功能的请求；
在右键菜单中触发某一级子界面的功能的请求；
在消息框中触发某一级子界面的功能的请求。
11.一种展示界面的装置，其特征在于，所述装置包括：
构建模块，用于按照功能确定待展示的主界面和各级子界面的逻辑关系，根据所述逻辑关系构建多面体结构，其中，所述多面体结构中的每一个面都对应一个界面，且当一个界面具有子界面时，所述界面与每一个子界面均相邻；
展示模块，用于展示所述多面体结构中的主界面，检测到某一个子界面的功能被触发后，在所述多面体结构中按照相邻顺序确定出所述某一个子界面至所述主界面中的各个子界面，展示确定出的各个子界面，所述各个子界面被翻开至一个平面上平铺展示。
12.根据权利要求11所述的装置，其特征在于，所述展示模块用于：
从与所述主界面相邻的第一个子界面开始，按照相邻顺序逐级动画展示出确定出的各个子界面。
13.根据权利要求11所述的装置，其特征在于，所述展示模块还用于：
在末级子界面的周围展示关闭热区，当某一个子界面的关闭热区被触发时，动画关闭所述子界面。
14.根据权利要求11所述的装置，其特征在于，所述展示模块还用于：
在已展示的各个子界面中，检测到某一个子界面A的子界面B的功能被触发后，根据所述多面体结构中界面的相邻顺序，在所述子界面A的旁边展示所述子界面B。
15.根据权利要求11至14中任一项所述的装置，其特征在于，所述展示模块包括以下至少一种：
第一检测单元，用于在所述主界面上检测到某一级子界面的功能被触发；
第二检测单元，用于在托盘区上检测到某一级子界面的功能被触发；
第三检测单元，用于在右键菜单中检测到某一级子界面的功能被触发；
第四检测单元，用于在消息框中检测到某一级子界面的功能被触发。
16.一种用户界面交互的装置，其特征在于，所述装置包括：
请求模块，用于在展示出的多面体结构中的主界面上发起展示某一个子界面的请求；在根据所述主界面与各个子界面的逻辑关系，确定出所述某一个子界面至所述主界面中的各个子界面且展示确定出的各个子界面上发起展示某一个子界面A的子界面B的请求；
展示模块，用于根据所述多面体结构中界面的相邻顺序，在所述子界面A的旁边展示所述子界面B，所述各个子界面被翻开至一个平面上平铺展示；
其中，所述多面体结构根据以下方式构建：
按照功能确定待展示的主界面和各级子界面的逻辑关系；
根据所述逻辑关系构建多面体结构，其中，所述多面体结构中的每一个面都对应一个界面，且当一个界面具有子界面时，所述界面与每一个子界面均相邻。
17.根据权利要求16所述的装置，其特征在于，所述展示模块还用于：
从与所述主界面相邻的第一个子界面开始，按照相邻顺序逐级动画展示出确定出的各个子界面。
18.根据权利要求16所述的装置，其特征在于，所述展示模块还用于：
触发末级子界面的周围展示关闭热区；
动画关闭所述子界面。
19.根据权利要求16至18中任一项所述的装置，其特征在于，所述请求模块包括以下至少一种：
第一请求单元，用于在所述主界面上触发某一级子界面的功能的请求；
第二请求单元，用于在托盘区上触发某一级子界面的功能的请求；
第三请求单元，用于在右键菜单中触发某一级子界面的功能的请求；第四请求单元，用于在消息框中触发某一级子界面的功能的请求。
CN201310017466.8A 2013-01-17 2013-01-17 展示界面的方法和装置、用户界面交互的方法和装置 Active CN103941954B (zh)

Priority Applications (4)

Application Number Priority Date Filing Date Title
CN201310017466.8A CN103941954B (zh) 2013-01-17 2013-01-17 展示界面的方法和装置、用户界面交互的方法和装置
PCT/CN2014/070288 WO2014110993A1 (en) 2013-01-17 2014-01-08 Method and apparatus for interface presentation, method and apparatus for user interface interaction, and computer readable storage medium
US14/260,683 US10606447B2 (en) 2013-01-17 2014-04-24 Method and apparatus for interface presentation, method and apparatus for user interface interaction, and computer readable storage medium
HK14113119.3A HK1199525A1 (zh) 2013-01-17 2014-12-31 展示界面的方法和裝置、用戶界面交互的方法和裝置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310017466.8A CN103941954B (zh) 2013-01-17 2013-01-17 展示界面的方法和装置、用户界面交互的方法和装置

Publications (2)

Publication Number Publication Date
CN103941954A CN103941954A (zh) 2014-07-23
CN103941954B true CN103941954B (zh) 2018-06-15

Family

ID=51189641

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201310017466.8A Active CN103941954B (zh) 2013-01-17 2013-01-17 展示界面的方法和装置、用户界面交互的方法和装置

Country Status (4)

Country Link
US (1) US10606447B2 (zh)
CN (1) CN103941954B (zh)
HK (1) HK1199525A1 (zh)
WO (1) WO2014110993A1 (zh)

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10679608B2 (en) * 2016-12-30 2020-06-09 Google Llc Conversation-aware proactive notifications for a voice interface device
CN106874013B (zh) * 2017-03-01 2020-10-23 网易（杭州）网络有限公司 界面显示方法与装置
CN107256149B (zh) * 2017-05-26 2021-03-30 北京小米移动软件有限公司 用户界面的更新方法和装置
CN108922297A (zh) * 2018-07-13 2018-11-30 上海城投污水处理有限公司 Aao-mbr工艺培训方法及其培训系统
CN112052105A (zh) * 2020-09-04 2020-12-08 京东数字科技控股股份有限公司 接口的调用方法、装置、电子设备及计算机可读介质
CN112015846B (zh) * 2020-10-16 2021-01-08 中国气象局气象探测中心 一种基于数据业务平台的气象状态综合评估方法和系统
CN113031846B (zh) * 2021-03-24 2022-04-26 北京字节跳动网络技术有限公司 用于展示任务的描述信息的方法、装置及电子设备

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101957719A (zh) * 2009-07-14 2011-01-26 Lg电子株式会社 移动终端及其显示控制方法
CN101978346A (zh) * 2008-03-04 2011-02-16 辛纳普蒂克斯公司 用于呈现菜单的系统及方法
CN102365615A (zh) * 2009-03-30 2012-02-29 微软公司 无边框用户界面

Family Cites Families (23)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6266098B1 (en) * 1997-10-22 2001-07-24 Matsushita Electric Corporation Of America Function presentation and selection using a rotatable function menu
US6938218B1 (en) * 2000-04-28 2005-08-30 James Nolen Method and apparatus for three dimensional internet and computer file interface
US6925611B2 (en) * 2001-01-31 2005-08-02 Microsoft Corporation Navigational interface for mobile and wearable computers
US7246329B1 (en) * 2001-05-18 2007-07-17 Autodesk, Inc. Multiple menus for use with a graphical user interface
US7007242B2 (en) * 2002-02-20 2006-02-28 Nokia Corporation Graphical user interface for a mobile device
US7240292B2 (en) * 2003-04-17 2007-07-03 Microsoft Corporation Virtual address bar user interface control
EP1654202A1 (en) * 2003-07-30 2006-05-10 Glaverbel Glazing panel
KR100608589B1 (ko) * 2004-07-24 2006-08-03 삼성전자주식회사 3차원 모션 그래픽 사용자 인터페이스 및 이를 제공하는방법 및 장치
US20070136681A1 (en) * 2005-12-08 2007-06-14 Syntax Brillian Corp. On-screen display for configuring a display apparatus using graphic icons
JP2007287135A (ja) * 2006-03-20 2007-11-01 Denso Corp 画像表示制御装置および画像表示制御装置用のプログラム
US7996788B2 (en) * 2006-05-18 2011-08-09 International Apparel Group, Llc System and method for navigating a dynamic collection of information
TWI418200B (zh) * 2007-04-20 2013-12-01 Lg Electronics Inc 行動式終端機與其螢幕顯示方法
KR100973354B1 (ko) * 2008-01-11 2010-07-30 성균관대학교산학협력단 메뉴 유저 인터페이스 제공 장치 및 방법
CN101644985B (zh) * 2008-08-06 2013-05-29 比亚迪股份有限公司 一种终端用户界面的显示方法、系统及设备
US8375329B2 (en) * 2009-09-01 2013-02-12 Maxon Computer Gmbh Method of providing a graphical user interface using a concentric menu
US8943442B1 (en) * 2009-12-21 2015-01-27 Lucasfilm Entertainment Company Ltd. Controlling operations for execution
KR101721539B1 (ko) * 2010-02-11 2017-03-30 삼성전자주식회사 휴대 단말기의 ｕｉ 제공 방법 및 장치
KR101712909B1 (ko) 2010-07-16 2017-03-22 엘지전자 주식회사 터치 스크린 디스플레이를 포함하는 전자 장치, 이를 이용한 인터페이스 방법 및 컴퓨터 판독 가능한 저장매체
KR20120017649A (ko) * 2010-08-19 2012-02-29 삼성전자주식회사 디스플레이장치 및 그 제어방법
US9360991B2 (en) * 2011-04-11 2016-06-07 Microsoft Technology Licensing, Llc Three-dimensional icons for organizing, invoking, and using applications
CN102236720B (zh) * 2011-07-28 2013-09-18 江苏联著实业有限公司 用于互联网终端的多维伸缩式立体菜单导航系统
WO2013067392A1 (en) * 2011-11-02 2013-05-10 Hendricks Investment Holdings, Llc Device navigation icon and system, and method of use thereof
US20150317058A1 (en) * 2014-05-02 2015-11-05 Aitoc, Inc. Computer-implemented methods and systems for organizing information in three-dimensional concept maps

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101978346A (zh) * 2008-03-04 2011-02-16 辛纳普蒂克斯公司 用于呈现菜单的系统及方法
CN102365615A (zh) * 2009-03-30 2012-02-29 微软公司 无边框用户界面
CN101957719A (zh) * 2009-07-14 2011-01-26 Lg电子株式会社 移动终端及其显示控制方法

Also Published As

Publication number Publication date
HK1199525A1 (zh) 2015-07-03
US20140229900A1 (en) 2014-08-14
US10606447B2 (en) 2020-03-31
WO2014110993A1 (en) 2014-07-24
CN103941954A (zh) 2014-07-23

Similar Documents

Publication Publication Date Title
CN103941954B (zh) 展示界面的方法和装置、用户界面交互的方法和装置
CN102122230B (zh) 多手指手势
CN104969163B (zh) 应用界面的展示方法、装置及电子设备
KR102042169B1 (ko) 컨텐츠를 표시하는 사용자 단말 장치 및 그 방법
TWI539359B (zh) 使用增強式視窗狀態來配置顯示區域
KR102176508B1 (ko) 디스플레이 장치 및 그 디스플레이 방법
US20130067392A1 (en) Multi-Input Rearrange
US20130239059A1 (en) Touch screen folder control
CN105144058B (zh) 延迟放置提示
WO2018119584A1 (zh) 柔性显示屏的交互方法及装置
US20140372923A1 (en) High Performance Touch Drag and Drop
EP2631774A1 (en) Navigation On A Portable Electronic Device
JP2016514875A (ja) 切替えリストの相互作用
CN103593138A (zh) 实现单手操作移动终端的方法和移动终端
CN106354418A (zh) 一种基于触摸屏的操控方法和装置
WO2011072497A1 (zh) 窗口管理方法、装置及计算设备
WO2016033957A1 (zh) 界面显示方法及装置
WO2013185658A1 (zh) 在移动终端锁屏状态下进入功能界面的方法及移动终端
CN107807760A (zh) 屏幕显示方法及装置
JP2014519109A (ja) エッジ・ジェスチャー
KR20130029444A (ko) 애니메이션
JP2014515519A (ja) エッジ・ジェスチャー
CN110008011A (zh) 一种任务切换方法及终端设备
CN104238887B (zh) 常用应用程序的图标查找方法和装置
CN107831993A (zh) 播放控制方法、装置、终端以及计算机可读存储介质

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 1199525

Country of ref document: HK

C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
REG Reference to a national code

Ref country code: HK

Ref legal event code: GR

Ref document number: 1199525

Country of ref document: HK