CN105393202B - 用于提供组合用户界面组件的便携式的设备和控制其的方法 - Google Patents

用于提供组合用户界面组件的便携式的设备和控制其的方法 Download PDF

Info

Publication number
CN105393202B
CN105393202B CN201480039358.3A CN201480039358A CN105393202B CN 105393202 B CN105393202 B CN 105393202B CN 201480039358 A CN201480039358 A CN 201480039358A CN 105393202 B CN105393202 B CN 105393202B
Authority
CN
China
Prior art keywords
page
component
content
gesture
combination
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
CN201480039358.3A
Other languages
English (en)
Other versions
CN105393202A (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.)
Samsung Electronics Co Ltd
Original Assignee
Samsung Electronics 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 Samsung Electronics Co Ltd filed Critical Samsung Electronics Co Ltd
Publication of CN105393202A publication Critical patent/CN105393202A/zh
Application granted granted Critical
Publication of CN105393202B publication Critical patent/CN105393202B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

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]
    • 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/0483—Interaction with page-structured environments, e.g. book metaphor
    • 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/017—Gesture based interaction, e.g. based on a set of recognized hand gestures
    • 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/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • 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/04817—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 using icons
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

提供了一种控制提供组合用户界面(UI)组件的便携式设备的方法。所述方法包括：在触摸屏上显示页面，在触摸屏上显示包括一个或多个页面指示符的折叠状态的组合UI组件，检测用于将折叠状态的组合UI组件改变为扩展状态的扩展手势，以及当检测到扩展手势时，将折叠状态的组合UI组件改变为扩展状态，并且在触摸屏上显示扩展状态的组合UI组件。

Description

用于提供组合用户界面组件的便携式的设备和控制其的方法
技术领域
本公开涉及便携式设备和控制其的方法。更具体地，本公开涉及提供在便携式设备中的用户界面(UI)。
背景技术
当前，用于便携式设备的技术正被快速地研发。特别地，各种应用被提供给便携式设备。便携式设备通过应用为用户提供有用的服务。
便携式设备可以显示页面，而页面示出了各种项目。页面可以对应于多个页面。多个页面可以被切换，然后显示在便携式设备的屏幕上。与多个页面相对应的图标通常被显示在便携式设备的屏幕上。多个页面可以被切换，然后根据对图标的选择来显示。
发明内容
技术问题
根据相关技术，图标仅仅执行在屏幕上切换和显示多个页面的功能。结果，相关技术存在仅仅提供在屏幕上切换和显示多个页面的功能的问题。另外，因为多个页面仅仅被切换，所以用户不能得知什么内容被包括在每个页面中。
以上信息作为背景信息呈现仅仅是为了帮助对本公开的理解。对于上述任何内容是否可用作关于本公开的现有技术，没有做出任何确定，也没有做出断言。
技术方案
本公开的各方面将解决至少上述问题和/或缺点并且提供至少下述优点。因此，本公开的一方面将提供用于提供其中折叠状态和扩展状态被组合的组合用户界面(UI)组件的便携式设备、和控制该便携式设备的方法。
根据本公开的一方面，提供了控制提供组合UI组件的便携式设备的方法。所述方法包括：在触摸屏上显示页面，在触摸屏上显示包括一个或多个页面指示符的折叠状态的组合UI组件，检测用于将折叠状态的组合UI组件改变为扩展状态的扩展手势，以及当检测到扩展手势时，将折叠状态的组合UI组件改变为扩展状态，并且在触摸屏上显示扩展状态的组合UI组件。
根据本公开的另一方面，提供了提供组合UI组件的便携式设备。所述便携式设备包括：控制器，其被配置为，在触摸屏上显示页面，在触摸屏上显示包括一个或多个页面指示符的折叠状态的组合UI组件，检测用于将折叠状态的组合UI组件改变为扩展状态的扩展手势，以及当检测到扩展手势时，将折叠状态的组合UI组件改变为扩展状态，并且在触摸屏上显示扩展状态的组合UI组件；以及触摸屏，其被配置为显示所述页面。
根据本公开的实施例，存在提供其中折叠状态和扩展状态被组合的组合UI组件的效果。
根据本公开的实施例，存在当检测到扩展手势时，将折叠状态的组合UI组件改变为扩展状态的组合UI组件、并且显示扩展状态的组合UI组件的另一效果。
根据本公开的另一实施例，存在当检测到折叠手势时，将组合UI组件从扩展状态改变为折叠状态的优点。
从以下结合附图来公开本公开的各种实施例的详细描述中，本公开的其它方面、优点、和显著特征对于本领域技术人员而言将变得清楚。
附图说明
从以下结合附图的描述，本发明的某些实施例的以上及其它方面、特征、和优点将更加清楚，其中：
图1是示意地示出了根据本公开的实施例的便携式设备的框图；
图2是根据本公开的实施例的便携式设备的前透视图；
图3是根据本公开的实施例的便携式设备的后透视图；
图4是示出根据本公开的实施例的控制提供组合用户界面(UI)组件的便携式设备的方法的流程图；
图5A和图5B示出了根据本公开的各种实施例的示出组合UI组件的屏幕；
图6A、图6B、图6C、图6D、图6E、图6F、图6G、图6H、图6I和图6J示出了根据本公开的第一示例的示出组合UI组件的屏幕；
图7示出根据相关技术的屏幕；
图8A和图8B示出根据本公开的第二示例的示出组合UI组件的屏幕；
图9A和图9B示出根据本公开的第三示例的示出组合UI组件的屏幕；
图10是示出根据本公开的实施例的控制提供组合UI组件的便携式设备的方法的流程图；
图11A、图11B、和图11C示出了根据本公开的实施例的示出组合UI组件的屏幕；
图12A、图12B、和图12C示出了根据本公开的第四示例的示出组合UI组件的屏幕；
图13A和图13B示出了根据本公开的第五示例的示出组合UI组件的屏幕；
图14A、图14B、图14C、图14D和图14E示出了根据本公开的第六示例的示出组合UI组件的屏幕；
图15A、图15B、图15C和图15D示出了根据本公开的第七示例的示出组合UI组件的屏幕；
图16A、图16B和图16C示出了根据本公开的第八示例的示出组合UI组件的屏幕；
图17A、图17B、图17C和图17D示出了根据本公开的第九示例的示出组合UI组件的屏幕；以及
图18A、图18B、图18C和图18D示出了根据本公开的第十示例的示出组合UI组件的屏幕。
贯穿附图，应该注意到，相似的参考数字被用来描绘相同或相似的元素、特征、和结构。
具体实施方式
以下参考附图的描述被提供来帮助对如权利要求及其等同物所定义的本公开的各种实施例的全面理解。其包括各种具体细节以帮助该理解，但是这些具体细节将被认为仅仅是示范性的。因此，本领域普通技术人员将认识到，可以对这里描述的各种实施例做出各种改变和修改，而不脱离本公开的范围和精神。此外，为了清楚和简洁，对熟知的功能和结构的描述可以被省略。
在以下描述和权利要求中使用的术语和词语不限于文献学含义，而是仅仅被发明人用来使得对本公开的理解清楚和一致。因此，本领域技术人员应该清楚，以下对本公开的各种实施例的描述仅仅是为了例示的目的而提供，而不是为了限制如所附权利要求及其等同物所定义的本公开的目的而提供。
将理解，单数形式的“一”、“该”包括复数的指示物，除非上下文清楚地另外规定。因此，例如，对“组件表面”的引用包括对这样的表面中的一个或多个的引用。
虽然包括序数(诸如，“第一”和“第二”等等)的术语可以用来描述各种组件，但是这样的组件不被上述术语所限制。所述术语仅仅被用于将一个元素与其它元素区分开的目的。例如，第一元素可以被命名为第二元素，并且类似地，第二元素可以被命名为第一元素，而不脱离本公开的范围。如这里所使用的，术语“和/或”包括相关联的列出的项目中的一个或多个的任意和全部组合。
本申请中使用的术语仅仅用于描述特定的各种实施例的目的，而并不意图限制本公开。如这里所使用的，单数形式意图也包括复数形式，除非上下文清楚地另外规定。诸如“包括”和/或“具有”的术语可以被解释为表示某些特性、数字、步骤、操作、构成元素、组件或者它们的组合，但是不可以被解释为排除一个或多个其它特性、数字、步骤、操作、构成元素、组件、或者它们的组合的存在或者添加的可能性。
除非另外定义，否则这里使用的所有术语具有与本领域普通技术人员所通常理解的含义相同的含义。如一般使用的词典中定义的术语的那些术语将被解释为具有等同于相关技术领域中的上下文含义的含义，并且将不被解释为具有理想的或者过于形式化的含义，除非在本说明书中清楚地另外定义。还将理解，诸如通常使用的词典中所定义的那些术语，应该被解释为具有与它们在相关技术的上下文中的含义一致的含义，并且将不会以理想化的或者过于正式的意义来解释，除非这里明确地另外定义。
根据本公开的实施例的装置对应于个人计算机、便携式设备、或者智能TV。然而，虽然在下文中便携式设备将作为示例被描述，但是本公开不限于此。
图1是示意地示出了根据本公开的实施例的便携式设备的框图。
参考图1，装置(例如，便携式设备)100可以通过使用外部设备连接器(诸如，子通信模块130、连接器165、和耳机连接插孔167)连接到外部设备(未示出)。所述“外部设备”可以包括可通过电缆附接到装置100的各种设备，诸如耳机、外部扬声器、通用串行接口(USB)存储器、充电器、支架、扩展坞、数字多媒体广播(DMB)天线、移动支付相关设备、健康管理设备(血糖测试仪等等)、游戏机、车辆导航设备、等等。所述“外部设备”可以包括蓝牙通信设备、短距离通信设备(诸如近场通信(NFC)设备)、Wi-Fi直连通信设备、和可以无线地连接到装置100的无线接入点(AC)。此外，所述“外部设备”可以包括另一设备、移动电话、智能电话、平板个人计算机(PC)、桌上型PC、和服务器。
参考图1，装置100包括显示单元190和显示控制器195。装置100还可以包括控制器110、移动通信模块120、子通信模块130、多媒体模块140、相机模块150、全球定位***(GPS)模块155、输入/输出模块160、传感器模块170、存储单元175、和电力供应器180。子通信模块130包括无线局域网(LAN)模块131和短距离通信模块132中的至少一个，并且多媒体模块140包括广播通信模块141、音频再现模块142、和视频再现模块143中的至少一个。相机模块150包括第一相机151和第二相机152中的至少一个。输入/输出模块160包括按钮161、麦克风162、扬声器163、振动马达164、连接器165、小键盘166、和耳机连接插孔167中的至少一个。在下文中，作为示例，将对其中显示单元190和显示控制器195分别是触摸屏和触摸屏控制器的情况进行描述。
控制器110可以包括CPU 111、存储用于控制装置100的控制程序的只读存储器(ROM)112、和用作用于存储从装置100外部输入的信号或者数据的存储区域或者用于在装置100中执行的操作的存储区域的随机存取存储器(RAM)113。CPU111可以包括单核、双核、三核、或者四核。CPU 111、ROM 112、和RAM 113可以通过内部总线彼此连接。
控制器110可以控制移动通信模块120、子通信模块130、多媒体模块140、相机模块150、GPS模块155、输入/输出模块160、传感器模块170、存储单元175、电力供应器180、触摸屏190、和触摸屏控制器195。
移动通信模块120使得装置100能够根据控制器110的控制、通过使用一个天线或者多个天线(未示出)、通过移动通信与外部设备连接。移动通信模块120向/从移动电话(未示出)、智能电话(未示出)、平板PC、或者具有被输入装置100中的电话号码的另一设备(未示出)发送/接收用于语音呼叫、视频呼叫、短消息服务(SMS)、或者多媒体消息服务(MMS)的无线信号。
子通信模块130可以包括无线LAN模块131和短距离通信模块132中的至少一个。例如，子通信模块130可以仅仅包括无线LAN模块131，仅仅包括短距离通信模块132，或者包括无线LAN模块131和短距离通信模块132两者。
无线LAN模块131可以根据控制器110的控制，在无线接入点(AP)(未示出)被安装的地方连接到互联网。无线LAN模块131支持电气和电子工程师协会(IEEE)的无线LAN标准(IEEE802.11x)。短距离通信模块132可以根据控制器110的控制在装置100和图像形成装置(未示出)之间无线地执行短距离通信。短距离通信方案可以包括蓝牙、红外线数据协会(IrDA)通信、Wi-Fi直连通信、NFC等等。
装置100可以包括移动通信模块120、无线LAN模块131、和短距离通信模块132中的至少一个。例如，装置100可以根据其功能包括移动通信模块120、无线LAN模块131、和短距离通信模块132的组合。
多媒体模块140可以包括广播通信模块141、音频再现模块142、或者视频再现模块143。广播通信模块141可以根据控制器110的控制，通过广播通信天线(未示出)，接收从广播站输出的广播信号(例如，TV广播信号、无线电广播信号、或者数据广播信号)和广播补充信息(例如，电子节目指南：EPG或者电子服务指南：ESG)。音频再现模块142可以再现根据控制器110的控制而存储或者接收的数字音频文件(例如，具有文件扩展mp3、wma、ogg、或者wav的文件)。视频再现模块143可以再现根据控制器110的控制而存储或者接收的数字视频文件(例如，具有文件扩展mpeg、mpg、mp4、avi、mov、或者mkv的文件)。视频再现模块143可以再现数字音频文件。
多媒体模块140可以包括音频再现模块142和视频再现模块143而不包括广播通信模块141。多媒体模块140的音频再现模块142或者视频再现模块143还可以被包括在控制器110中。
相机模块150可以包括第一相机151和第二相机152中的至少一个，第一相机151和第二相机152中的每一个根据控制器110的控制来拍摄静止图像或者视频。第一相机151或者第二相机152可以包括提供拍摄所需的光的辅助光源(例如，闪光灯(未示出))。第一相机151可以布置在装置100的前表面上，而第二相机152可以布置在装置100的后表面上。可替换地，第一相机151和第二相机152可以彼此紧邻，并且拍摄三维静止图像或者三维视频。
GPS模块155可以从地球轨道中的多个GPS卫星(未示出)接收无线电波，并且通过使用从GPS卫星到装置100的到达时间来计算装置100的位置。
输入/输出模块160可以包括多个按钮161、麦克风162、扬声器163、振动马达164、连接器165、和小键盘166中的至少一个。
按钮161可以形成在装置100的外壳的前表面、侧表面、或者后表面上，并且可以包括电源/锁定按钮、音量按钮、菜单按钮、主页按钮、返回按钮、和搜索按钮中的至少一个。
麦克风162根据控制器110的控制而接收语音或者声音以生成电信号。
扬声器163可以根据控制器110的控制，将与移动通信模块120、子通信模块130、多媒体模块140、或者相机模块150的各种信号(例如，无线信号、广播信号、数字音频文件、数字视频文件、照相等等)相对应的声音输出到装置100的外部。扬声器163可以输出与装置100执行的功能相对应的声音(例如，与电话呼叫相对应的按钮音或者铃声)。一个或者多个扬声器163可以形成在电子设备100的外壳的合适的位置或者合适的多个位置上。
振动马达164可以根据控制器110的控制将电子信号转换成机械振动。例如，振动马达164可以在处于振动模式的装置100从另一设备(未示出)接收到语音呼叫时操作。一个或多个振动马达164可以形成在装置100的外壳之内。振动马达164可以响应于触摸触摸屏190的用户触摸动作和触摸屏190上的连续触摸移动而操作。
连接器165可以用作用于将装置100与外部设备(未示出)或者电源(未示出)连接起来的接口。装置100可以根据控制器110的控制，通过连接到连接器165的有线电缆，将存储在装置100的存储单元175中的数据发送到外部设备(未示出)或者从外部设备(未示出)接收存储在装置100的存储单元175中的数据。外部设备可以是扩展坞，并且所述数据可以是从外部输入设备(例如，鼠标、键盘等等)发送的输入信号。另外，装置100可以通过连接到连接器165的有线电缆从电源(未示出)接收电力，或者通过使用所述电源对电池(未示出)进行充电。
小键盘166可以从用户接收按键输入以控制装置100。小键盘166包括形成在装置100上的物理小键盘(未示出)或者显示在触摸屏190上的虚拟小键盘(未示出)。形成在装置100上的物理小键盘(未示出)可以根据装置100的能力或者结构而被省略。
耳机(未示出)可以被***耳机连接插孔167中以便与装置100连接。
传感器模块170包括用于检测装置100的状态的至少一个传感器。例如，传感器模块170可以包括用于检测用户是否接近装置100的接近度传感器和用于检测装置100的环境光的量的亮度传感器。传感器模块170还可以包括陀螺仪传感器。陀螺仪传感器可以检测装置100的操作(例如，装置100的旋转、或者施加到装置100的加速度或者振动)，可以使用地球上的磁场检测指南针的点，或者可以检测重力作用方向。另外，传感器模块170可以包括用于测量大气压的测高计以检测海拔。所述传感器中的至少一个可以检测所述状态、生成与所述检测相对应的信号、并且将所生成的信号发送到控制器110。传感器模块170的传感器中的至少一个可以根据装置100的能力而添加或者省略。
存储单元175可以根据控制器110的控制，存储响应于移动通信模块120、子通信模块130、多媒体模块140、相机模块150、GPS模块155、输入/输出模块160、传感器模块170、和触摸屏190的操作而输入/输出的信号或者数据。存储单元175可以存储用于控制装置100或者控制器110的控制程序和应用。
术语“存储单元”包括存储单元175、控制器110内的ROM 112和RAM113、或者安装在装置100中的存储卡(未示出)(例如，SD卡或者记忆棒)。存储单元可以包括非易失性存储器、易失性存储器、硬盘驱动器(HDD)或者固态驱动器(SSD)。
电力供应器180可以根据控制器110的控制，向安排在装置100的外壳的一个或多个电池(未示出)供应电力。所述一个或多个电池(未示出)将电力供应给装置100。另外，电力供应器180可以将通过连接到连接器165的有线电缆从外部电源(未示出)输入的电力供应给装置100。此外，电力供应器180可以将通过无线充电技术从外部电源无线地输入的电力供应给装置100。
触摸屏190可以为用户提供与各种服务(例如，呼叫、数据传输、广播、和拍摄图片)相对应的用户界面。触摸屏190可以向触摸屏控制器195发送与输入用户界面中的至少一个触摸相对应的模拟信号。触摸屏190可以通过用户的身体(例如，包括拇指的手指)或者可触摸输入装置来接收至少一个触摸。并且，触摸屏190可以接收至少一个触摸当中的一个触摸的连续运动。触摸屏190可以向触摸屏控制器195发送与所述输入触摸的连续运动相对应的模拟信号。
在本公开中，触摸不限于触摸屏190与用户的身体或者可触摸输入装置之间的接触，并且可以包括非接触触摸。触摸屏190的可检测间隔可以根据装置100的能力或者结构而改变。
触摸屏190可以以例如电阻型、电容型、红外型、或者声波型来实施。
触摸屏控制器195将从触摸屏190接收的模拟信号转换为数字信号(例如，X和Y坐标)，并且将所述数字信号发送到控制器110。控制器110可以通过使用从触摸屏控制器195接收的数字信号来控制触摸屏190。例如，控制器110可以响应于触摸而使得显示在触摸屏190上的快捷方式图标(未示出)被选择或者可以执行所述快捷方式图标(未示出)。另外，触摸屏控制器195可以包括在控制器110中。
图2是根据本公开的实施例的便携式设备的前侧透视图。图3是根据本公开的实施例的便携式设备的后侧透视图。
参考图2和图3，触摸屏190被安排在装置100的前表面100a的中心。触摸屏190大致上被形成为占据装置100的前表面100a的大部分。图2示出了其中主要主页屏幕(main homescreen)被显示在触摸屏190上的示例。主要主页屏幕是当装置100被开启时显示在触摸屏190上的第一屏幕。当装置100包括不同主页屏幕的多个页面时，主要主页屏幕可以是主页屏幕的多个页面当中的第一主页屏幕。用于运行频繁使用的应用的快捷方式图标191-1、191-2、和191-3、应用切换按键191-4、时间、天气等等可以显示在主页屏幕上。应用切换按键191-4在屏幕上显示指示触摸屏190上的应用的应用图标。在触摸屏190的上部，可以形成状态条192，其指示装置100的状态，诸如电池充电状态、接收信号的强度、和当前时间。
主页按钮161a、菜单按钮161b、和返回按钮161c可以形成在触摸屏190的下部。
主页按钮161a在触摸屏190上显示主要主页屏幕。例如，当在不同于主要主页屏幕的主页屏幕被显示在触摸屏190上的同时、或者在菜单屏幕被显示在触摸屏190上的同时，主页按钮161a被按压(或者触摸)时，主要主页屏幕可以被显示在触摸屏190上。另外，当在应用正在触摸屏190上运行的同时主页按钮161a被按压(或者触摸)时，图2中所示的主要主页屏幕可以被显示在触摸屏190上。此外，主页按钮161a可以用来在触摸屏190上显示最近使用的应用或者任务管理器。
菜单按钮161b提供能够在触摸屏190上使用的连接菜单。所述连接菜单包括窗口小部件添加菜单、背景更换菜单、搜索菜单、编辑菜单、环境设置菜单等等。当应用被运行时，连接到应用的连接菜单可以被提供。
返回按钮161c可以用于显示正好在当前运行的屏幕之前运行的屏幕，或者用于终止最近使用的应用。
第一相机151、亮度传感器170a、和接近度传感器170b可以布置在装置100的前表面100a的边缘上。第二相机152、闪光灯153、和扬声器163可以布置在装置100的后表面100c上。
电源/复位按钮161d、音量控制按钮161e(包括音量增大按钮161f和音量减小按钮161g)、接收广播的陆地DMB天线141a、或者一个或多个麦克风162可以安排在装置100的侧表面100b上。DMB天线141可以固定到装置100或者可以形成为可从装置100拆卸。
连接器165被形成在装置100的下侧表面上。多个电极被形成在连接器165上，并且连接器165可以通过电线连接到外部设备。耳机连接插孔167可以形成在装置100的上侧表面上。耳机可以***耳机连接插孔167中。
图4是示出根据本公开的实施例的控制提供组合用户界面(UI)组件的便携式设备的方法的流程图。图5A和图5B示出了根据本公开的实施例的示出组合UI组件的屏幕。
参考图4，在操作1110，页面被显示在触摸屏上。便携式设备100的控制器110可以在触摸屏190上显示所述页面。所述页面可以对应于一个或多个页面。控制器110可以在触摸屏190的整个区域的大部分上显示所述一个或多个页面之一。
例如，参考图5A，控制器110可以在触摸屏190上显示页面200。控制器110可以在触摸屏190的整个区域的大部分上显示所述一个或多个页面中的一个页面200。
在操作1120，包括一个或多个页面指示符的折叠状态的组合UI组件被显示在触摸屏上。控制器110可以在触摸屏上显示包括一个或多个页面指示符的折叠状态的组合UI组件。
所述一个或多个页面指示符可以是与一个或多个页面相对应的指示符。例如，所述一个或多个页面指示符中的第一页面指示符可以对应于所述一个或多个页面中的第一页面。类似地，第二到第五页面指示符可以分别对应于第二到第五页面。
当一个或多个页面指示符被选择时，控制器110可以在触摸屏上显示与所述一个或多个页面指示符相对应的一个或多个页面。例如，当第一页面指示符被选择时，控制器110可以在触摸屏上显示与第一页面指示符相对应的第一页面。当第二到第五页面指示符被选择时，控制器110可以在触摸屏上显示分别与第二到第五页面指示符相对应的第二到第五页面。
例如，参考图5A，控制器110可以在触摸屏190上显示一个或多个页面指示符212到218。所述一个或多个页面指示符可以是第一页面指示符212、第二页面指示符214、第三页面指示符216、第四页面指示符217、和第五页面指示符218。第一到第五页面指示符212到218可以分别对应于第一到第五页面。例如，如图5A中所示，当第一页面指示符212被选择时，控制器110可以在触摸屏190上显示与第一页面指示符212相对应的第一页面200。另外，当第一页面指示符212被选择时，控制器110可以将第一页面指示符212显示为被加深色阴影(deeply shaded)，如图5A中所示。
此外，控制器110可以在触摸屏上显示包括一个或多个页面指示符的折叠状态的组合UI组件。折叠状态可以是UI组件的状态，其比下面描述的扩展状态更加折叠(moregreatly collapsed)。组合UI组件可以是其中折叠状态和扩展状态被组合的UI组件。例如，折叠状态可以是比扩展状态更小、不包括额外的信息、或者页面被前向安排(forwardlyarranged)的状态。
例如，如图5A中所示，控制器110可以在触摸屏190上显示包括一个或多个页面指示符212到218的折叠状态的组合UI组件210。折叠状态的组合UI组件210可以小于下面描述的扩展状态的组合UI组件，或者可以不包括额外信息。
在操作1130，检测到将折叠状态的组合UI组件改变为扩展状态的组合UI组件的扩展手势。控制器110可以检测将折叠状态的组合UI组件改变为扩展状态的组合UI组件的扩展手势。例如，所述扩展手势可以是针对页面或者一个或多个页面指示符的触摸或者悬停(hovering)。所述触摸还可以是在触摸屏上执行的轻击(tap)、拖曳(drag)、或者轻扫(swipe)中的至少一个。然而，本领域技术人员可以容易地理解，所述触摸可以是不同于以上列出的示例的触摸。
例如，如图5A中所示，扩展手势可以是针对一个或多个页面指示符212到218的轻扫。因此，控制器110可以检测针对一个或多个页面指示符212到218的扩展手势，诸如轻扫。
当检测到扩展手势时，在操作1140，组合UI组件的状态被改变为包括一个或多个标签导航的扩展状态，并且扩展状态的组合UI组件被显示在触摸屏上。相反，当没有检测到扩展手势时，过程结束。当检测到扩展手势时，控制器110可以将组合UI组件的状态改变为包括一个或多个标签导航的扩展状态，并且在触摸屏上显示扩展状态的组合UI组件。
所述一个或多个标签导航可以是根据包括在页面中的内容的类型的、与页面相对应的导航。例如，所述一个或多个标签导航中的全部标签导航可以对应于包括全部内容的第一页面。所述一个或多个标签导航中的照片标签导航可以对应于包括照片内容的第二页面。所述一个或多个标签导航中的视频标签导航可以对应于包括视频内容的第三页面。所述一个或多个标签导航中的音乐标签导航可以对应于包括音乐内容的第四页面。所述一个或多个标签导航中的文档标签导航可以对应于包括文档内容的第五页面。
当一个或多个标签导航被选择时，控制器110可以在触摸屏上显示与所述一个或多个标签导航相对应的一个或多个页面。例如，当全部标签导航被选择时，控制器110可以在触摸屏上显示与全部标签导航相对应的、包括全部内容的第一页面。类似地，当照片标签导航、视频标签导航、音乐标签导航、和文档标签导航被选择时，控制器110可以在触摸屏上显示分别与所述照片标签导航、视频标签导航、音乐标签导航、和文档标签导航相对应的包括照片内容的第二页面、包括视频内容的第三页面、包括音乐内容的第四页面、和包括文档内容的第五页面。
例如，参考图5B，控制器110可以在触摸屏190上显示一个或多个标签导航222到228。所述一个或多个标签导航可以是全部标签导航222、照片标签导航224、视频标签导航226、音乐标签导航227、和文档标签导航228。
因此，当检测到扩展手势时，控制器110可以将组合UI组件的状态改变为包括一个或多个标签导航的扩展状态，并且在触摸屏上显示扩展状态的组合UI组件。例如，如图5A中所示，扩展手势可以是针对一个或多个页面指示符212到218的轻扫。因此，当针检测到对一个或多个页面指示符212到218的扩展手势(诸如轻扫)时，控制器110可以将组合UI组件220的状态改变为包括一个或多个标签导航222到228的扩展状态，并且在触摸屏上显示扩展状态的组合UI组件，如图5B中所示。
扩展状态可以是比折叠状态更大、包括额外信息、或者页面被暂时重新安排的状态。所述额外信息可以包括以下各项中的一个或多个：表示包括在页面中的内容的类型的图标、指示内容的类型的文本、内容的数量、最新添加到页面的通知的数量、最新添加到页面的内容的通知、最新添加到页面的内容的数量、和页面中最新编辑的内容的通知。
例如，如图5B中所示，控制器110可以将图5A的折叠状态的组合UI组件210改变为比折叠状态的组合UI组件210更大的扩展状态的组合UI组件220，并且显示扩展状态的组合UI组件220。在图5B中，包括了一个或多个标签导航222到228，并且图5A的折叠状态的组合UI组件210可以被改变为比折叠状态的组合UI组件210更大的扩展状态的组合UI组件220，并且扩展状态的组合UI组件220可以被显示。另外，控制器110可以将组合UI组件220的状态改变为包括额外信息222到228(诸如表示包括在页面中的内容的类型的图标)的扩展状态，并且可以显示扩展状态的组合UI组件220。
因此，根据本公开的实施例，其中折叠状态和扩展状态被组合的组合UI组件被提供。另外，根据本公开的实施例，当检测到扩展手势时，折叠状态的组合UI组件可以被改变为扩展状态的组合UI组件，扩展状态的组合UI组件可以被显示。因此，存在这样的优点：用户能够通过扩展手势改变组合UI组件，来使用扩展状态的组合UI组件。用户能够使用具有更大尺寸、包括额外信息、或者页面通过扩展状态而被暂时重新安排的组合UI组件。
图6A到图6J示出了根据本公开的第一示例的示出组合UI组件的屏幕。
参考图6A到图6J，控制器110可以将图6A的折叠状态的组合UI组件210改变为图6B的扩展状态的组合UI组件220-2，并且可以显示扩展状态的组合UI组件220-2，所述扩展状态的组合UI组件220-2比折叠状态的组合UI组件210更大，并且包括表示页面中所包括的内容的类型的图标以及与内容的数量相同的数量的额外信息。
在另一示例中，如图6D中所示，控制器110可以将图6C的折叠状态的组合UI组件210改变为扩展状态的组合UI组件220-3，并且可以显示扩展状态的组合UI组件220-3，所述扩展状态的组合UI组件220-3比折叠状态的组合UI组件210更大，并且包括指示页面中所包括的内容的类型的文本。
在另一示例中，如图6F中所示，控制器110可以将图6E的包括表示页面中所包括的内容的类型的图标的折叠状态的组合UI组件210-2改变为扩展状态的组合UI组件220-2，并且可以显示扩展状态的组合UI组件220-2，所述扩展状态的组合UI组件220-2比折叠状态的组合UI组件210-2更大，并且包括与内容的数量相同的数量的额外信息。
在另一示例中，如图6H中所示，控制器110可以将图6G的条形的折叠状态的组合UI组件210-3改变为扩展状态的组合UI组件220-4，并且可以显示扩展状态的组合UI组件220-4，所述扩展状态的组合UI组件220-4包括指示页面中所包括的内容的类型的文本。
在另一示例中，如图6J中所示，控制器110可以将图6I的条形的折叠状态的组合UI组件210-4改变为扩展状态的组合UI组件220-5，并且可以显示扩展状态的组合UI组件220-5，所述扩展状态的组合UI组件220-5包括页面中所包括的内容的数量。
图7示出了根据相关技术的屏幕。图8A和图8B示出了根据本公开的第二实施例的示出组合UI组件的屏幕。
参考图7，根据相关技术，标签导航230被显示。例如，当音乐播放器应用被运行时，标签导航230可以包括全部音乐标签232、播放列表标签234、唱片集标签236、和艺术家标签238。因此，图7的相关技术的比较性示例有这样的问题：标签导航230占据屏幕的相当大的一部分，因此屏幕的剩余部分不能被使用。
然而，参考与本公开的第二示例相对应的图8A和图8B，折叠状态的组合UI组件可以首先被显示，如图8A中所示。因此，存在这样的优点：相较于图7，在折叠状态中，用户能够使用更宽广的区域。当检测到扩展手势时，控制器110可以将组合UI组件的状态改变为扩展状态，并且显示扩展状态的组合UI组件250，如图8B中所示。然后，这样的优点被创造：用户能够辨识出其状态被改变为具有大尺寸并且包括额外信息的扩展状态的组合UI组件。
图9A和图9B示出了根据本公开的第三示例的示出组合UI组件的屏幕。
参考图9A和图9B，折叠状态中的一个或多个页面指示符270可以被显示在图9A中。与第二页面指示符274相对应的第二页面200也可以被显示。此外，指示第二页面200中所包括的内容的类型的文本(照片)280和内容的数量(783个项目)282可以被显示。当检测到扩展手势时，控制器110可以显示扩展状态的组合UI组件，如图9B中所示。控制器110可以将图9A的折叠状态的组合UI组件270改变为扩展状态的组合UI组件290，并且显示扩展状态的UI组件290，所述扩展状态的组合UI组件290比折叠状态的UI组件270更大并且包括额外信息292到298(诸如表示页面中所包括的内容的类型的图标)。
图10是示出根据本公开的另一实施例的控制提供组合UI组件的便携式设备的方法的流程图。图11A到图11C示出了根据本公开的另一实施例的示出组合UI组件的屏幕。
参考图10和图11A到图11C，在操作1210，页面被显示在触摸屏上。便携式设备100的控制器110可以在触摸屏190上显示所述页面。所述页面可以对应于一个或多个页面。控制器110可以在触摸屏190的整个区域的大部分上显示所述一个或多个页面之一。
例如，参考图11A，控制器110可以在触摸屏190上显示页面200。控制器110可以在触摸屏190的整个区域的大部分上显示所述一个或多个页面中的一个页面200。
在操作1220，包括一个或多个页面指示符的折叠状态的组合UI组件被显示在触摸屏上。控制器110可以在触摸屏上显示包括一个或多个页面指示符的折叠状态的组合UI组件。
所述一个或多个页面指示符可以是与一个或多个页面相对应的指示符。例如，所述一个或多个页面指示符中的第一页面指示符可以对应于所述一个或多个页面中的第一页面。类似地，第二到第五页面指示符可以分别对应于第二到第五页面。
当一个或多个页面指示符被选择时，控制器110可以在触摸屏上显示与所述一个或多个页面指示符相对应的一个或多个页面。例如，当第一页面指示符被选择时，控制器110可以在触摸屏上显示与第一页面指示符相对应的第一页面。当第二到第五页面指示符被选择时，控制器110可以在触摸屏上显示分别与第二到第五页面指示符相对应的第二到第五页面。
例如，参考图11A，控制器110可以在触摸屏190上显示一个或多个页面指示符212到218。所述一个或多个页面指示符可以是第一页面指示符212、第二页面指示符214、第三页面指示符216、第四页面指示符217、和第五页面指示符218。第一到第五页面指示符212到218可以分别对应于第一到第五页面。当第一页面指示符212被选择时，控制器110可以在触摸屏190上显示与第一页面指示符212相对应的第一页面200。当第一页面指示符212被选择时，控制器110可以将第一页面指示符212显示为加深色阴影，如图11A中所示。
此外，控制器110可以在触摸屏上显示包括一个或多个页面指示符的折叠状态的组合UI组件。折叠状态可以是UI组件的状态，其比下面描述的扩展状态更加地折叠。组合UI组件可以是其中折叠状态和扩展状态被组合的UI组件。例如，折叠状态可以是比扩展状态更小、不包括额外的信息、或者页面被前向安排的状态。
如图11A中所示，控制器110可以在触摸屏190上显示包括一个或多个页面指示符212到218的折叠状态的组合UI组件210。折叠状态的组合UI组件210可以小于扩展状态的组合UI组件，或者可以不包括额外信息。
在操作1230，检测到将折叠状态的组合UI组件改变为扩展状态的组合UI组件的扩展手势。控制器110可以检测将折叠状态的组合UI组件改变为扩展状态的组合UI组件的扩展手势。例如，所述扩展手势可以是针对页面或者一个或多个页面指示符的触摸或者悬停。例如，所述触摸可以是在触摸屏上执行的轻击、拖曳、或者轻扫中的至少一个。然而，本领域技术人员可以容易地理解，所述触摸可以是不同于以上列出的示例的触摸。
例如，如图11A中所示，扩展手势可以是针对页面200的拖曳或者轻扫300。因此，控制器110可以检测针对页面200的扩展手势，诸如拖曳或者轻扫300。
当检测到扩展手势时，在操作1240，组合UI组件的状态被改变为包括一个或多个标签导航的扩展状态，并且扩展状态的组合UI组件被显示在触摸屏上。相反，当没有检测到扩展手势时，过程结束。当检测到扩展手势时，控制器110可以将组合UI组件的状态改变为包括一个或多个标签导航的扩展状态，并且在触摸屏上显示扩展状态的组合UI组件。
所述一个或多个标签导航可以是根据包括在页面中的内容的类型的、与页面相对应的导航。例如，所述一个或多个标签导航中的全部标签导航可以对应于包括全部内容的第一页面。所述一个或多个标签导航中的照片标签导航可以对应于包括照片内容的第二页面。所述一个或多个标签导航中的视频标签导航可以对应于包括视频内容的第三页面。所述一个或多个标签导航中的音乐标签导航可以对应于包括音乐内容的第四页面。所述一个或多个标签导航中的文档标签导航可以对应于包括文档内容的第五页面。
当一个或多个标签导航被选择时，控制器110可以在触摸屏上显示与所述一个或多个标签导航相对应的一个或多个页面。例如，当全部标签导航被选择时，控制器110可以在触摸屏上显示与全部标签导航相对应的、包括全部内容的第一页面。类似地，当照片标签导航、视频标签导航、音乐标签导航、和文档标签导航被选择时，控制器110可以在触摸屏上显示分别与所述照片标签导航、视频标签导航、音乐标签导航、和文档标签导航相对应的包括照片内容的第二页面、包括视频内容的第三页面、包括音乐内容的第四页面、和包括文档内容的第五页面。
参考图11B，控制器110可以在触摸屏190上显示一个或多个标签导航222到228。所述一个或多个标签导航可以是全部标签导航222、照片标签导航224、视频标签导航226、音乐标签导航227、和文档标签导航228。
因此，当检测到扩展手势时，控制器110可以将组合UI组件的状态改变为包括一个或多个标签导航的扩展状态，并且在触摸屏上显示扩展状态的组合UI组件。例如，如图11A中所示，扩展手势可以是针对页面200的拖曳或者轻扫300。因此，当检测到针对页面200的扩展手势(诸如拖曳或者轻扫300)时，控制器110可以将组合UI组件220的状态改变为包括一个或多个标签导航222到228的扩展状态，并且在触摸屏上显示扩展状态的组合UI组件，如图11B中所示。
扩展状态可以是比折叠状态更大、包括额外信息、或者页面被暂时重新安排的状态。所述额外信息可以包括以下各项中的一个或多个：表示包括在页面中的内容的类型的图标、指示内容的类型的文本、内容的数量、最新添加到页面的通知的数量、最新添加到页面的内容的通知、最新添加到页面的内容的数量、和页面中最新编辑的内容的通知。
例如，如图11B中所示，控制器110可以将图11A的折叠状态的组合UI组件210改变为比折叠状态的组合UI组件210更大的扩展状态的组合UI组件220，并且显示扩展状态的组合UI组件220。在图11B中，一个或多个标签导航222到228被包括，并且图11A的折叠状态的组合UI组件210可以被改变为比折叠状态的组合UI组件210更大的扩展状态的组合UI组件220，并且扩展状态的组合UI组件220可以被显示。控制器110可以将组合UI组件220的状态改变为包括额外信息222到228(诸如表示包括在页面中的内容的类型的图标)的扩展状态，并且显示扩展状态的组合UI组件220。
在操作1250，检测到切换页面的页面切换手势。控制器110可以检测切换页面的页面切换手势。例如，所述页面切换手势可以是针对页面、一个或多个页面指示符、或者一个或多个标签导航的触摸或者悬停。
当检测到页面切换手势时，在操作1260，所显示的页面被切换到与页面切换手势相对应的下一页面，并且下一页面被显示在触摸屏上。相反，当没有检测到页面切换手势时，所显示的页面不被切换到与页面切换手势相对应的下一页面。当检测到页面切换手势时，控制器110可以将所显示的页面切换到与页面切换手势相对应的下一页面，并且在触摸屏上显示所述下一页面。
例如，如图11B中所示，页面切换手势可以是针对一个或多个页面指示符的触摸。例如，当照片标签导航224被选择时，控制器110可以将与所显示的页面相对应的第一页面切换到包括与照片标签导航224相对应的照片内容的第二页面，并且在触摸屏上显示第二页面。
在操作1270，检测到将扩展状态的组合UI组件改变为折叠状态的组合UI组件的折叠手势。控制器110可以检测将扩展状态的组合UI组件改变为折叠状态的组合UI组件的折叠手势。例如，折叠手势可以对应于针对页面或者一个或多个标签导航的触摸或者悬停、在预设时间或者更长时间内没有输入、或者对包括在页面中的内容的加载的结束。
当检测到折叠手势时，在操作1280，组合UI组件的状态被改变为折叠状态，并且折叠状态的组合UI组件被显示在触摸屏上。相反，当没有检测到折叠手势时，过程结束。当检测到折叠手势时，控制器可以将组合UI组件的状态改变为折叠状态，并且在触摸屏上显示折叠状态的组合UI组件。
例如，折叠手势可以是在预设时间或者更长时间里缺少输入。例如，当所述预设时间是两秒、并且在两秒或者更长时间里没有输入时，控制器110可以将组合UI组件的状态改变为折叠状态，并且可以在触摸屏上显示折叠状态的组合UI组件。如图11C中所示，控制器110可以将组合UI组件的状态改变为包括一个或多个页面指示符212到218的折叠状态210，并且可以在触摸屏190上显示折叠状态的组合UI组件。
根据本公开的另一实施例，当检测到折叠手势时，组合UI组件被从扩展状态改变为折叠状态，并且折叠状态的组合UI组件被显示。因此，用户能够通过折叠手势或者扩展手势自由地改变和使用组合UI组件。
图12A到图12C示出了根据本公开的第四示例的示出组合UI组件的屏幕。
参考图12A，扩展手势可以是针对页面200的朝下的方向上的拖曳或者轻扫302。因此，当检测到针对页面200的朝下的方向上的拖曳或者轻扫302时，控制器110可以将组合UI组件的状态改变为扩展状态220，并且可以显示扩展状态的组合UI组件，如图12B中所示。折叠手势可以是针对页面200的朝上的方向上的拖曳或者轻扫304。因此，当检测到针对页面200的朝上的方向上的拖曳或者轻扫304时，控制器110可以将组合UI组件的状态改变为折叠状态210，并且可以显示折叠状态的组合UI组件，如图12C中所示。
图13A和图13B示出了根据本公开的第五示例的示出组合UI组件的屏幕。
参考图13A和图13B，扩展状态的组合UI组件220被显示在图13A中。折叠手势可以是加载包括在页面中的内容的完成。如图13A中所示，当包括在页面中的所有内容都被加载时，控制器110可以将组合UI组件的状态改变为折叠状态210，并且显示折叠状态的组合UI组件，如图13B中所示。
图14A到图14E示出了根据本公开的第六示例的示出组合UI组件的屏幕。
参考图14A到图14E，页面201可以被显示在主页屏幕上，如图14A中所示。此外，窗口小部件410、或者诸如快捷方式412的内容可以被显示。控制器110可以在触摸屏190上显示折叠状态的组合UI组件210，其包括分别与第一到第七页面相对应的第一到第七页面指示符211到217。当检测到扩展手势时，控制器110可以将组合UI组件的状态改变为包括一个或多个标签导航401到407的扩展状态400，并且显示扩展状态的组合UI组件，如图14B中所示。额外信息，诸如最新添加到页面的通知的数量，可以被包括在扩展状态400中。因此，控制器110可以显示与最新添加到第四页面的三个通知相对应的数字、以及与最新添加到第七页面的一个通知相对应的数字，如图14B中所示。控制器110还可以显示指示相应页面为空白的X标记。例如，当在与第二页面相对应的第二标签导航402上检测到诸如触摸的页面切换手势时，控制器110可以将页面切换到第二页面202并且显示第二页面202，如图14C中所示。
如通过指示页面为空白的X标记402所辨识的，可以注意到，第二页面202为空白。例如，当在与第四页面相对应的第四标签导航404上检测到诸如触摸的页面切换手势时，控制器110可以将页面切换到第四页面204并且显示第二页面204，如图14D中所示。如通过相应的最新添加的通知404的数量所辨识的，第四页面204具有最新添加到快捷方式412的两个通知413以及最新添加到窗口小部件414的一个通知415。当检测到折叠手势时，控制器110可以将组合UI组件的状态改变为折叠状态200，并且显示折叠状态的组合UI组件，如图14E中所示。
图15A到图15D示出了根据本公开的第七示例的示出组合UI组件的屏幕。
参考图15A，页面201可以被显示上被称为我的文件(My File)的文件上。此外，诸如文件430的内容可以被显示在我的文件上。控制器110可以在触摸屏190上显示折叠状态的组合UI组件210，其包括分别与第一到第五页面相对应的第一到第五页面指示符211到215。当检测到扩展手势时，控制器110可以将组合UI组件的状态改变为包括一个或多个标签导航421到425的扩展状态420，并且显示扩展状态的组合UI组件，如图15B中所示。额外信息，诸如表示页面中所包括的内容的类型的图标421到425，可以被包括在扩展状态420中。例如，当在与第二页面相对应的照片标签导航422上检测到诸如触摸的页面切换手势时，控制器110可以将页面切换到与照片页面相对应的第二页面202，并且显示第二页面202，如图15C中所示。第二页面202包括照片内容430。当检测到折叠手势时，控制器110可以将组合UI组件的状态改变为折叠状态210，并且显示折叠状态的组合UI组件，如图15D中所示。在这时，与第二页面相对应的第二页面指示符212可以加深色阴影。
图16A到图16C示出了根据本公开的第八示例的示出组合UI组件的屏幕。
参考图16A到图16C，控制器110可以在触摸屏190上显示第一页面201。控制器110可以在触摸屏上显示包括一个或多个页面指示符211到217的折叠状态的组合UI组件210。在这时，与第一页面相对应的第一页面指示符211可以加深度阴影。当检测到扩展手势时，控制器110可以将组合UI组件440的状态改变为包括一个或多个标签导航441到447的扩展状态，并且可以在触摸屏上显示扩展状态的组合UI组件。在扩展状态中，页面的次序可以被暂时重新安排。所述重新安排可以根据页面的优先级来暂时执行。例如，具有更大数量的最新添加的通知的页面可以具有更高优先级。
图16C示出了显示扩展状态的组合UI组件440的屏幕，所述扩展状态的组合UI组件440包括根据原始页面次序的一个或多个标签导航441到447。参考图16C，与第一到第七页面相对应的第一到第七标签导航441到447可以被显示。相反，图16B示出了根据本公开的第八示例的其中页面基于优先级被暂时重新安排的屏幕。例如，根据其中具有更大数量的最新添加的通知的页面具有更高优先级的优先级，在图16B中，第四页面具有最大数量的最新添加的通知(三个)而第七页面具有下一个最大数量的最新添加的通知(一个)。因此，如图16B中所示，控制器110可以根据优先级暂时地在第二位置处显示与第四页面相对应的第四标签导航444，并且在第三位置处显示与第七页面相对应的第七标签导航447。控制器110可以显示具有内容的与第三页面相对应的第三标签导航443和与第五页面相对应的第五标签导航445，并且显示没有内容的与第二页面相对应的第二标签导航442和与第六页面相对应的第六标签导航446。因此，当检测到页面切换手势时，控制器110可以首先显示第四页面204，如图16B中所示。然而，所述重新安排可以是暂时的。因此，例如，当检测到折叠手势时，第一到第七标签导航441到447可以根据原始次序被显示。
图17A到图17D示出了根据本公开的第九示例的示出组合UI组件的屏幕。
参考图17A到图17D，控制器110可以在触摸屏190上显示第一页面201。控制器110可以在触摸屏上显示包括一个或多个页面指示符211到217的折叠状态的组合UI组件210。在这时，与第一页面相对应的第一页面指示符211可以加深度阴影。当检测到扩展手势时，控制器110可以将组合UI组件450的状态改变为包括一个或多个标签导航451到457的扩展状态，并且可以在触摸屏上显示扩展状态的组合UI组件。扩展状态可以对应于页面的重新安排。所述重新安排可以是根据页面的优先级的重新安排。例如，可以这样确定优先级，从而具有更大数量的在预定时间点之后最新添加的通知的页面具有更高优先级。另外，所述优先级可以根据在预定时间点之后最新添加的通知的生成时间来确定。所述时间点可以对应于用户在所述通知被生成之前最后识别所述通知时的时间点，但是本公开不限于此。
当检测到页面切换手势时，页面可以根据所述重新安排的次序被切换到下一页面，并且下一页面可以被显示。参考图17B，显示包括一个或多个标签导航451到447的扩展状态的组合UI组件450的屏幕被图示。与第一到第七页面相对应的第一到第七标签导航451到457可以被显示。例如，在图17C中，根据其中具有更大数量的最新添加的通知的页面具有更高优先级的优先级，第四页面具有与三相对应的最大数量的最新添加的通知，而第七页面具有与一相对应的下一个最大数量的最新添加的通知。因此，当检测到页面切换手势时，控制器110可以将页面切换到第四页面204，并且显示第四页面204，如图17C中所示。当检测到页面切换手势时，控制器110可以将页面切换到第七页面207，并且显示第七页面207，如图17D中所示。
图18A到图18D示出了根据本公开的第十示例的示出组合UI组件的屏幕。
参考图18A到图18D，当检测到扩展手势时，控制器110可以将组合UI组件的状态改变为包括一个或多个标签导航的扩展状态，并且在触摸屏上显示扩展状态的组合UI组件，如图18A中所示。例如，所述一个或多个标签导航可以是全部标签导航、照片标签导航、视频标签导航、音乐标签导航、和文档标签导航。如图18A中所示，当音乐标签导航464被选择时，与音乐标签导航相对应的包括音乐内容481的第四页面可以被显示。然而，所述页面可以包括主要深度页面和包括所述主要深度页面的更低类别的子类别页面。例如，如图18A中所示，第四页面可以包括子类别页面，其包括更低类别471到473，诸如“按照歌曲”、“按照唱片集”、和“按照艺术家”。因此，如图18A中所示，当更低类别的“按照歌曲”被选择时，音乐内容481可以根据歌曲次序被显示。如图18B中所示，当更低类别的“按照唱片集”被选择时，音乐内容482可以根据唱片集次序被显示。如图18C中所示，当更低类别的“按照艺术家”被选择时，音乐内容483可以根据艺术家次序被显示。如图18D中所示，当文档标签导航465被选择时，诸如包括文档内容的第五页面的主要深度页面可以被显示。诸如包括文档内容的第五页面的主要深度页面可以包括子类别页面501，其包括更低类别491到494，诸如“doc”、“pdf”、“ppt”、和“其它”。
可以理解，本公开的各种实施例可以以硬件、软件、或者硬件和软件的组合的形式来实施。任何这样的软件可以存储在例如易失性或者非易失性存储设备(诸如ROM、存储器(诸如RAM)、存储器芯片、存储器设备、或者存储器集成电路)中，或者存储在可记录光学介质或者磁介质(诸如CD、DVD、磁盘、或者磁带)中，而不管其被擦除的能力如何或者其被重新记录的能力如何。本公开的网络窗口小部件制造方法能够通过包括控制器和存储器的计算机或者便携式终端来实现，并且能够看出，所述存储器对应于适合于存储程序或者多个程序并且机器可读的存储介质的示例，所述程序或者多个程序包括通过其来实现本公开的各种实施例的指令。因此，本公开包括用于实施本说明书的所附权利要求中所描述的装置和方法的代码的程序、和用于存储所述程序的机器(计算机等等)可读存储介质。
另外，所述设备能够从无线地或者通过电线连接到所述设备的程序提供装置接收所述程序，并且存储所接收的程序。所述程序提供装置可以包括：包括用于执行本公开的各种实施例的指令的程序；存储本公开的各种实施例所需的信息等等的存储器；进行与电子装置的有线或者无线通信的通信单元；以及响应于来自电子装置的请求或者自动地向发送/接收装置发送相应的程序的控制单元。
虽然已经参考本公开的各种实施例示出和描述了本公开，但是本领域技术人员将理解，可以在这里做出形式和细节上的各种改变，而不脱离如所附权利要求和它们的等同物所定义的本公开的精神和范围。

Claims (17)

1.一种控制便携式设备的方法，所述方法包括：
在触摸屏上显示页面；
在触摸屏上显示多个页面指示符；
在触摸屏上检测扩展手势，其中，所述扩展手势包括单个输入，所述单个输入不与所述多个页面指示符重叠，并且具有与显示所述多个页面指示符的方向平行的第一方向；以及
当检测到所述扩展手势时，将所有的所述多个页面指示符改变为与所述多个页面指示符相对应的多个轻击导航，并且在触摸屏上显示所述多个轻击导航。
2.如权利要求1所述的方法，其中，所述轻击导航包括额外信息，以及
其中，所述额外信息包括以下各项中的至少一个：表示包括在页面中的内容的类型的图标、指示内容的类型的文本、内容的数量、最新添加到页面的通知的数量、最新添加到页面的内容的通知、最新添加到页面的内容的数量、和页面中最新编辑的内容的通知。
3.如权利要求1所述的方法，还包括：
检测用于切换页面的页面切换手势；以及
当检测到所述页面切换手势时，将所显示的页面切换到与页面切换手势相对应的下一页面，并且在触摸屏上显示下一页面。
4.如权利要求3所述的方法，其中，所述页面切换手势对应于针对所述页面、所述一个或多个页面指示符、和/或一个或多个标签导航的触摸或者悬停。
5.如权利要求1所述的方法，还包括：
检测用于将所述多个轻击导航改变为所述多个页面指示符的折叠手势；以及
当检测到所述折叠手势时，将所述多个轻击导航改变为所述多个页面指示符，并且在触摸屏上显示所述多个页面指示符。
6.如权利要求1所述的方法，其中，所述页面包括主要深度页面以及包括所述主要深度页面的更低类别的子类别页面。
7.如权利要求1所述的方法，其中，多个标签导航包括表示页面中所包括的内容的类型的图标、或者指示内容的类型的文本。
8.如权利要求1所述的方法，其中，多个标签导航将以下各项中的至少两个一起显示：表示页面中所包括的内容的类型的图标、指示内容的类型的文本、和页面中所包括的内容的数量。
9.一种便携式设备，包括：
控制器，被配置为：
在触摸屏上显示页面，
在触摸屏上显示多个页面指示符，
在触摸屏上检测扩展手势，其中，所述扩展手势包括单个输入，所述单个输入不与所述多个页面指示符重叠，并且具有与显示所述多个页面指示符的方向平行的第一方向，以及
当检测到所述扩展手势时，将所有的所述多个页面指示符改变为与所述多个页面指示符相对应的多个轻击导航；以及
触摸屏，被配置为显示所述页面。
10.如权利要求9所述的便携式设备，其中，所述轻击导航包括额外信息，以及
其中，所述额外信息包括以下各项中的至少一个：表示包括在页面中的内容的类型的图标、指示内容的类型的文本、内容的数量、最新添加到页面的通知的数量、最新添加到页面的内容的通知、最新添加到页面的内容的数量、和页面中最新编辑的内容的通知。
11.如权利要求9所述的便携式设备，其中，所述控制器检测用于切换页面的页面切换手势，将所显示的页面切换到与页面切换手势相对应的下一页面，并且当检测到所述页面切换手势时，在触摸屏上显示所述下一页面。
12.如权利要求11所述的便携式设备，其中，所述页面切换手势对应于针对所述页面、所述一个或多个页面指示符、和一个或多个标签导航的触摸或者悬停中的至少一个。
13.如权利要求9所述的便携式设备，其中，所述控制器检测用于将所述多个标签导航改变为所述多个页面指示符的折叠手势，并且
其中，当检测到所述折叠手势时，所述控制器将所述多个轻击导航改变为所述多个页面指示符，并且在触摸屏上显示所述多个页面指示符。
14.如权利要求9所述的便携式设备，其中，所述页面包括主要深度页面以及包括所述主要深度页面的更低类别的子类别页面。
15.如权利要求9所述的便携式设备，其中，多个标签导航包括以下各项中的至少一个：表示页面中所包括的内容的类型的图标、指示内容的类型的文本、和页面中所包括的内容的数量。
16.如权利要求9所述的便携式设备，其中，多个标签导航将以下各项中的至少两个一起显示：表示页面中所包括的内容的类型的图标、指示内容的类型的文本、和页面中所包括的内容的数量。
17.一种存储指令的非瞬时性计算机可读介质，所述指令当被执行时使得至少一个处理器执行如权利要求1所述的方法。
CN201480039358.3A 2013-07-08 2014-07-07 用于提供组合用户界面组件的便携式的设备和控制其的方法 Active CN105393202B (zh)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
KR10-2013-0079769 2013-07-08
KR20130079769A KR20150006235A (ko) 2013-07-08 2013-07-08 결합된 ui 구성 요소를 제공하는 휴대 장치 및 그 제어 방법
PCT/KR2014/006065 WO2015005628A1 (en) 2013-07-08 2014-07-07 Portable device for providing combined ui component and method of controlling the same

Publications (2)

Publication Number Publication Date
CN105393202A CN105393202A (zh) 2016-03-09
CN105393202B true CN105393202B (zh) 2019-10-25

Family

ID=52133675

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201480039358.3A Active CN105393202B (zh) 2013-07-08 2014-07-07 用于提供组合用户界面组件的便携式的设备和控制其的方法

Country Status (6)

Country Link
US (1) US20150012855A1 (zh)
EP (1) EP3019945A4 (zh)
KR (1) KR20150006235A (zh)
CN (1) CN105393202B (zh)
AU (1) AU2014287980B2 (zh)
WO (1) WO2015005628A1 (zh)

Families Citing this family (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9547630B2 (en) * 2014-04-08 2017-01-17 International Business Machines Corporation Identification of multimedia content in paginated data using metadata
KR102488461B1 (ko) * 2015-11-24 2023-01-13 엘지전자 주식회사 플렉서블 디스플레이 장치 및 그의 동작 방법
CN107272984A (zh) * 2017-05-19 2017-10-20 北京金山安全软件有限公司 一种应用图标预览方法、装置及电子设备
US10747404B2 (en) * 2017-10-24 2020-08-18 Microchip Technology Incorporated Touchscreen including tactile feedback structures and corresponding virtual user interface elements
CN110569460B (zh) * 2018-05-16 2024-01-05 腾讯科技（深圳）有限公司 推送信息展示方法、装置及存储介质
CN112689812B (zh) * 2018-11-07 2023-04-11 华为技术有限公司 一种基于多天线的手势识别方法及装置
CN109783171B (zh) * 2018-12-29 2022-02-15 北京小米移动软件有限公司 桌面插件切换方法、装置及存储介质
CN112529343A (zh) * 2019-09-17 2021-03-19 阿里巴巴集团控股有限公司 任务状态显示方法、设备以及计算机可读介质
CN110837327B (zh) * 2019-10-28 2021-06-25 维沃移动通信有限公司 一种消息查看方法及终端
CN111580718A (zh) * 2020-04-30 2020-08-25 北京字节跳动网络技术有限公司 应用程序的页面切换方法、装置、电子设备及存储介质
KR102449127B1 (ko) 2020-12-28 2022-09-29 주식회사 카카오 그룹 영상 통화 기능을 제공하는 어플리케이션의 동작 방법
CN115756670A (zh) * 2021-09-01 2023-03-07 北京字跳网络技术有限公司 组件处理方法、装置、电子设备、存储介质和产品

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102446059A (zh) * 2010-09-30 2012-05-09 Lg电子株式会社 移动终端和移动终端的控制方法
CN102640104A (zh) * 2009-12-02 2012-08-15 三星电子株式会社 提供便携式装置的用户接口的方法和设备
CN102681837A (zh) * 2011-01-14 2012-09-19 奥多比公司 提供用户界面特征以编辑多层电子内容的***和方法

Family Cites Families (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8230359B2 (en) * 2003-02-25 2012-07-24 Microsoft Corporation System and method that facilitates computer desktop use via scaling of displayed objects with shifts to the periphery
EP1477894A3 (en) * 2003-05-16 2006-10-25 Sap Ag System, method, computer program product and article of manufacture for manipulating a graphical user interface
US20070186183A1 (en) * 2006-02-06 2007-08-09 International Business Machines Corporation User interface for presenting a palette of items
KR101426718B1 (ko) * 2007-02-15 2014-08-05 삼성전자주식회사 휴대단말기에서 터치 이벤트에 따른 정보 표시 장치 및방법
US20100175022A1 (en) * 2009-01-07 2010-07-08 Cisco Technology, Inc. User interface
US8023975B2 (en) * 2009-03-23 2011-09-20 T-Mobile Usa, Inc. Secondary status display for mobile device
KR101743244B1 (ko) * 2010-07-16 2017-06-02 삼성전자주식회사 메뉴 표시 방법 및 장치
EP2431870B1 (en) * 2010-09-17 2019-11-27 LG Electronics Inc. Mobile terminal and control method thereof
KR20130052745A (ko) * 2010-12-23 2013-05-23 한국전자통신연구원 제스처를 이용한 메뉴 제공 방법 및 이를 이용한 휴대 단말
EP2469389B1 (en) * 2010-12-24 2018-10-10 Lg Electronics Inc. Mobile terminal and method for changing page thereof
CN102169416A (zh) * 2011-04-27 2011-08-31 宇龙计算机通信科技(深圳)有限公司 一种移动终端及触摸屏的页面跳转方法
TWI431523B (zh) * 2011-05-13 2014-03-21 Acer Inc 用於分類圖示之使用者介面之提供方法及電子裝置
US20130050131A1 (en) * 2011-08-23 2013-02-28 Garmin Switzerland Gmbh Hover based navigation user interface control
CN103064609A (zh) * 2011-10-21 2013-04-24 联想(北京)有限公司 一种扩展信息的显示方法和装置
US9916060B2 (en) * 2012-07-05 2018-03-13 Blackberry Limited System and method for rearranging icons displayed in a graphical user interface
US9753631B2 (en) * 2012-10-10 2017-09-05 Prezi, Inc. Navigation with slides in a zooming user interface

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102640104A (zh) * 2009-12-02 2012-08-15 三星电子株式会社 提供便携式装置的用户接口的方法和设备
CN102446059A (zh) * 2010-09-30 2012-05-09 Lg电子株式会社 移动终端和移动终端的控制方法
CN102681837A (zh) * 2011-01-14 2012-09-19 奥多比公司 提供用户界面特征以编辑多层电子内容的***和方法

Also Published As

Publication number Publication date
EP3019945A4 (en) 2017-03-08
US20150012855A1 (en) 2015-01-08
AU2014287980B2 (en) 2019-10-10
AU2014287980A1 (en) 2016-01-21
CN105393202A (zh) 2016-03-09
WO2015005628A1 (en) 2015-01-15
KR20150006235A (ko) 2015-01-16
EP3019945A1 (en) 2016-05-18

Similar Documents

Publication Publication Date Title
CN105393202B (zh) 用于提供组合用户界面组件的便携式的设备和控制其的方法
CN105518643B (zh) 多显示方法、存储介质和电子装置
KR102107491B1 (ko) 리스트 스크롤 바 제어 방법 및 모바일 장치
CN103927113B (zh) 便携式终端及在便携式终端中提供触觉效果的方法
KR102091077B1 (ko) 입력 유닛의 피드백을 제어하는 휴대 단말 및 방법과, 이를 제공하는 상기 입력 유닛 및 방법
AU2014219558B2 (en) Method for controlling display of multiple objects depending on input related to operation of mobile terminal, and mobile terminal therefor
KR101990567B1 (ko) 외부 입력 장치와 결합된 모바일 장치 및 그 제어 방법
CN104303140B (zh) 多窗口提供装置和方法
EP2809055A2 (en) Method and apparatus for controlling screen display using environmental information
EP2680124B1 (en) Apparatus and method for displaying menu in mobile device
US20140285453A1 (en) Portable terminal and method for providing haptic effect
JP6655275B2 (ja) モバイル装置及びその制御方法
EP3447628A1 (en) Portable terminal and user interface method in portable terminal
KR20140111088A (ko) 문지르기 제스처를 검출하여 미리보기를 제공하는 모바일 장치 및 그 제어 방법
EP3584691A1 (en) Electronic apparatus displaying representative information and control method thereof
KR20140126140A (ko) 모바일 장치의 상태에 대응하는 변경된 숏컷 아이콘을 제공하는 모바일 장치 및 그 제어 방법
EP2800025A1 (en) Portable terminal and method for protecting a displayed object
KR20140089976A (ko) 라이브 박스를 관리하는 방법 및 장치
KR102255087B1 (ko) 객체를 디스플레이하는 전자 장치 및 방법
CN104035710B (zh) 具有在对象上的预执行的功能的移动设备及其控制方法
CN103809872B (zh) 具有视差滚动功能的移动装置和控制所述移动装置的方法
KR20150025450A (ko) 컨텐츠 스크랩 방법, 장치 및 기록매체
KR20140137616A (ko) 다자간 대화를 제어하는 휴대 단말 및 방법
KR20150007577A (ko) 데이터 병합을 제어하는 휴대 단말 및 방법
KR20150007862A (ko) 데이터 제공을 제어하는 휴대 단말 및 방법

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant