CN103176703A - Information processing device, information processing method, and program - Google Patents
Information processing device, information processing method, and program Download PDFInfo
- Publication number
- CN103176703A CN103176703A CN2012102607912A CN201210260791A CN103176703A CN 103176703 A CN103176703 A CN 103176703A CN 2012102607912 A CN2012102607912 A CN 2012102607912A CN 201210260791 A CN201210260791 A CN 201210260791A CN 103176703 A CN103176703 A CN 103176703A
- Authority
- CN
- China
- Prior art keywords
- list
- items
- display
- lists
- user
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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 OR CALCULATING; 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 OR CALCULATING; 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 OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04808—Several contacts: gestures triggering a specific function, e.g. scrolling, zooming, right-click, when the user establishes several contacts with the surface simultaneously; e.g. using several fingers or a combination of fingers and pen
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Telephone Function (AREA)
- Processing Or Creating Images (AREA)
- Position Input By Displaying (AREA)
Abstract
Description
技术领域 technical field
本公开涉及一种信息处理装置、信息处理方法和程序。The present disclosure relates to an information processing device, an information processing method, and a program.
背景技术 Background technique
近年来,已知在可以被用户操作的显示画面上显示多个缩略图并且允许用户选择各个缩略图的UI(用户界面)。In recent years, a UI (User Interface) that displays a plurality of thumbnails on a display screen that can be operated by a user and allows the user to select each thumbnail is known.
例如,已知从在构成运动图像数据的场景中的每隔预定时间间隔的场景创建和显示缩略图的UI。这样的UI可以通过使得用户选择给定的缩略图来从由用户想要的场景再生运动图像数据。For example, there is known a UI that creates and displays thumbnail images from scenes at every predetermined time interval among scenes constituting moving image data. Such a UI can reproduce moving image data from a scene desired by the user by causing the user to select a given thumbnail.
注意,在UI上显示的缩略图的数量根据从运动图像数据取出的场景的时间间隔来增加或减少。因此,当用户执行增加缩略图的数量的操作时,例如,UI显示更短时间间隔的场景的缩略图。作为增加或减少缩略图的数量的用户操作,已知下面的技术。Note that the number of thumbnail images displayed on the UI increases or decreases according to the time interval of scenes fetched from moving image data. Therefore, when the user performs an operation to increase the number of thumbnails, for example, the UI displays thumbnails of scenes at shorter time intervals. As a user operation to increase or decrease the number of thumbnails, the following technique is known.
例如,在JP 2011-003977A中公开的显示装置当对运动图像数据的缩略图执行张开操作时显示更短时间间隔的缩略图。因此,用户可以容易地查看每一个场景的细节。For example, the display device disclosed in JP 2011-003977A displays thumbnails at shorter time intervals when a pinch-out operation is performed on thumbnails of moving image data. Therefore, the user can easily check the details of each scene.
发明内容 Contents of the invention
然而,当在UI上显示的列表项目比如缩略图或图标的数量响应于用户操作而增加时,用户难以预先知道要向列表增加何种列表项目。However, when the number of list items such as thumbnails or icons displayed on the UI increases in response to user operations, it is difficult for the user to know in advance what kind of list items to add to the list.
因此,期望提供一种信息处理装置、信息处理方法和程序,它们是新颖和改进的,并且允许用户预先识别要向列表增加的列表项目。Therefore, it is desirable to provide an information processing apparatus, an information processing method, and a program, which are novel and improved, and which allow a user to identify in advance list items to be added to a list.
根据本公开的一个实施例,提供了一种信息处理装置,包括显示控制单元,所述显示控制单元被配置为显示包括分别具有列表项目的第一列表和第二列表的多个列表,并且响应于用户操作执行将作为所述第一列表的子列表的所述第二列表的列表项目结合到所述第一列表的显示。According to an embodiment of the present disclosure, there is provided an information processing apparatus including a display control unit configured to display a plurality of lists including a first list and a second list respectively having list items, and responding to Incorporating the list items of the second list, which is a sub-list of the first list, into the display of the first list is performed upon user operation.
根据本发明的另一个实施例,提供了一种信息处理方法,包括:显示多个列表,该多个列表包括第一列表和第二列表,所述第一列表和所述第二列表分别具有列表项目;并且,响应于用户操作执行将作为所述第一列表的子列表的所述第二列表的列表项目结合到所述第一列表的显示。According to another embodiment of the present invention, there is provided an information processing method, including: displaying multiple lists, the multiple lists include a first list and a second list, the first list and the second list respectively have list items; and, performing display of combining list items of the second list, which is a sublist of the first list, to the first list in response to a user operation.
根据本发明的又一个实施例,提供了一种使得计算机执行以下处理的程序,所述处理包括:显示多个列表,该多个列表包括第一列表和第二列表,所述第一列表和所述第二列表分别具有列表项目;并且,响应于用户操作执行将作为所述第一列表的子列表的所述第二列表的列表项目结合到所述第一列表的显示。According to yet another embodiment of the present invention, there is provided a program for causing a computer to execute processing including: displaying a plurality of lists including a first list and a second list, the first list and The second list has list items, respectively; and display of combining the list items of the second list, which is a sub-list of the first list, to the first list is performed in response to a user operation.
如上所述,根据本公开,通过显示要结合到第一列表的第二列表并且响应于用户操作而执行将所述第二列表结合到所述第一列表的显示,变得可以允许用户在完成所述结合前预先识别要增加的列表项目。As described above, according to the present disclosure, by displaying the second list to be joined to the first list and performing the display of joining the second list to the first list in response to a user operation, it becomes possible to allow the user to The list items to be added are pre-identified prior to the combining.
如上所述,根据本公开,可以允许用户预先识别要向列表增加的列表项目。As described above, according to the present disclosure, it is possible to allow a user to identify in advance list items to be added to a list.
附图说明 Description of drawings
图1是图示本公开的一个实施例的概要的图;FIG. 1 is a diagram illustrating an overview of one embodiment of the present disclosure;
图2是示出根据该实施例的信息处理装置的配置的配置框图;FIG. 2 is a configuration block diagram showing the configuration of an information processing apparatus according to this embodiment;
图3是示出根据该实施例的多个列表的示例性显示的图;FIG. 3 is a diagram showing an exemplary display of a plurality of lists according to this embodiment;
图4是图示根据该实施例的结合多个列表的动画的画面转换图;FIG. 4 is a screen transition diagram illustrating an animation combining a plurality of lists according to the embodiment;
图5是图示根据该实施例的张开操作的图;FIG. 5 is a diagram illustrating a spread operation according to the embodiment;
图6是图示根据该实施例的当与张开操作相结合地结合列表时的动画的画面转换图;FIG. 6 is a screen transition diagram illustrating an animation when a list is combined in combination with a pinch operation according to the embodiment;
图7是图示根据该实施例的另一个张开操作的图;FIG. 7 is a diagram illustrating another unfolding operation according to this embodiment;
图8是图示根据该实施例的捏合操作的图;FIG. 8 is a diagram illustrating a pinching operation according to this embodiment;
图9是图示根据该实施例的当与捏合操作相结合地分离列表时的动画的画面转换图;9 is a screen transition diagram illustrating an animation when a list is separated in combination with a pinch operation according to the embodiment;
图10是图示根据该实施例的拖动操作的图;FIG. 10 is a diagram illustrating a drag operation according to this embodiment;
图11是图示根据该实施例的当与拖动操作相结合地结合列表时的动画的画面转换图;11 is a screen transition diagram illustrating an animation when a list is combined in combination with a drag operation according to the embodiment;
图12是图示根据该实施例的放大按钮和缩小按钮的图;FIG. 12 is a diagram illustrating a zoom-in button and a zoom-out button according to this embodiment;
图13是示出根据该实施例的滑动条的图;FIG. 13 is a diagram showing a slide bar according to this embodiment;
图14是示出根据该实施例的其中竖直地布置多个列表的示例性显示的图;FIG. 14 is a diagram showing an exemplary display in which a plurality of lists are arranged vertically according to this embodiment;
图15是示出根据该实施例的其中多个列表重叠的示例性显示的图;FIG. 15 is a diagram showing an exemplary display in which a plurality of lists overlap according to this embodiment;
图16是示出根据该实施例的其上显示分别包括多个缩略图的多个列表的画面的图;FIG. 16 is a diagram showing a screen on which a plurality of lists respectively including a plurality of thumbnail images are displayed according to the embodiment;
图17是示出当结合图16中所示的多个列表时获得的结果的图;FIG. 17 is a graph showing results obtained when combining multiple lists shown in FIG. 16;
图18是示出当分离图16中所示的多个列表时获得的结果的图;FIG. 18 is a diagram showing results obtained when separating a plurality of lists shown in FIG. 16;
图19是示出根据该实施例的显示基于与音乐数据相关的信息创建的多个列表的画面的图;FIG. 19 is a diagram showing a screen displaying a plurality of lists created based on information related to music data according to the embodiment;
图20是示出当结合图19中所示的多个列表时获得的结果的图;FIG. 20 is a graph showing results obtained when combining multiple lists shown in FIG. 19;
图21是示出当图19中所示的两个子列表结合到目标列表时获得的结果的图;FIG. 21 is a graph showing results obtained when the two sublists shown in FIG. 19 are combined into a target list;
图22是示出根据该实施例的显示目标列表的画面的图;FIG. 22 is a diagram showing a screen displaying a target list according to this embodiment;
图23是图示根据该实施例的当与张开操作相结合地结合列表时的动画的画面转换图;23 is a screen transition diagram illustrating an animation when a list is combined in combination with a pinch operation according to the embodiment;
图24是示出根据该实施例的列表显示单个列表的画面的图;FIG. 24 is a diagram showing a screen displaying a single list according to the embodiment;
图25是示出根据该实施例的当正在结合列表时的动画的画面的图;FIG. 25 is a diagram showing a screen of an animation when lists are being combined according to this embodiment;
图26是示出根据该实施例的当完成列表的结合时的画面的图;FIG. 26 is a diagram showing a screen when combination of lists is completed according to the embodiment;
图27是示出根据该实施例的根据张开/捏合操作的移动量或移动速度而结合/分离列表的显示控制处理的流程图;27 is a flowchart showing a display control process of combining/separating lists according to the movement amount or movement speed of the pinch-in/pinch operation according to this embodiment;
图28是示例性地示出根据该实施例的捏合/张开操作的移动量和移动速度的计算的表格;以及28 is a table exemplarily showing the calculation of the movement amount and the movement speed of the pinch/pinch operation according to this embodiment; and
图29是图示当与张开操作相结合地结合列表时改变动画的示例的画面转换图。FIG. 29 is a screen transition diagram illustrating an example of changing animation when lists are combined in combination with a pinch-out operation.
具体实施方式Detailed ways
以下,将参照附图详细描述本公开的优选实施例。注意,在本说明书和附图中,使用相同的参考标号来表示具有基本上相同的功能和结构的结构元件,并且省略对这些结构元件的重复说明。Hereinafter, preferred embodiments of the present disclosure will be described in detail with reference to the accompanying drawings. Note that, in this specification and the appended drawings, structural elements that have substantially the same function and structure are denoted with the same reference numerals, and repeated explanation of these structural elements is omitted.
注意,按下面的顺序来进行描述。Note that description is made in the following order.
1.本公开的实施例1. Embodiments of the present disclosure
1-1.概要1-1. summary
1-2.基本配置1-2. basic configuration
2.多个列表的结合/分离2. Joining/Separating Multiple Lists
2-1.多个列表的结合2-1. Combination of multiple lists
2-2.列表的分离2-2. separation of lists
2-3.用户操作2-3. user operation
2-4.多个列表的其他示例性显示2-4. Additional example display of multiple lists
2-5.显示的信息的改变2-5. Changes to displayed information
3.单个列表的列表项目的结合/分离3. Joining/separating of list items of a single list
3-1.单个列表的列表项目的结合3-1. Combination of list items of a single list
3-2.列表项目的分离3-2. Separation of list items
3-3.列表显示3-3. list display
4.操作处理4. Operation processing
5.结论5. in conclusion
可以以在上面的“1.本公开的实施例”至“4.操作处理”中所述的各种形式来执行在此所述的根据本公开的技术。另外,根据本公开的一个实施例的信息处理装置10包括(A)显示控制单元(GPU 112),其显示分别包括列表项目的多个列表,并且响应于用户操作执行将作为第一列表的子列表的第二列表的列表项目结合到第一列表的显示。The technology according to the present disclosure described here can be performed in various forms described in "1. Embodiment of the present disclosure" to "4. Operation process" above. In addition, the
<1.本公开的实施例><1. Embodiment of the present disclosure>
[1-1.概要][1-1. Outline]
图1是图示本公开的一个实施例的概要的图。如图1中所示,根据该实施例的信息处理装置10包括显示器15和与显示器15集成的触摸面板16。FIG. 1 is a diagram illustrating an outline of one embodiment of the present disclosure. As shown in FIG. 1 , an
信息处理装置10在显示器15上显示列表,每一个列表具有列表项目21。例如,信息处理装置10显示分别具有列表项目21的目标列表23和多个子列表25,如图1中所示。子列表25显示比目标列表23更详细的信息。在该实施例中,将目标列表23显示为要由用户操作的列表。然而,子列表25也可以由用户操作。The
当用户已经执行某个操作时或当应用的内部状态已经改变时,信息处理装置10改变显示列表的方法。更具体地,信息处理装置10执行显示控制,以使得响应于触摸面板16检测的用户操作来结合/分离列表。当结合列表时,信息处理装置10通过例如将子列表25逐渐地移动得更接近目标列表23来将子列表25结合到目标列表23。同时,当分离列表时,信息处理装置10通过例如逐渐地从目标列表23分离地布置列表项目21来创建新的子列表25。The
当结合/分离显示器15上显示的列表时,信息处理装置10执行逐渐地改变显示画面上的每一个列表项目的控制。因此,用户能够在列表的结合/分离完成前预先查看要结合到目标列表23的列表项目或要从目标列表23分离的列表项目21。另外,用户还能够在查看要结合/分离的列表项目21的同时在结合/分离完成前取消结合/分离的显示控制。When combining/separating the lists displayed on the
子列表25是目标列表23的辅助列表。因此,如上所述,子列表25已经在其中布置了呈现比目标列表23更详细的信息的列表项目21。因此,当结合列表时,由目标列表23呈现的信息变得更详细。在下面的[2-5.显示的信息的改变]中详细描述了通过列表的结合/分离在每一个列表的显示的信息中的改变。The
以上已经描述了根据本公开的一个实施例的信息处理装置10的概要。接下来,将参照图2来描述根据该实施例的信息处理装置10的配置。The outline of the
[1-2.基本配置][1-2. Basic configuration]
图2是示出根据该实施例的信息处理装置10的配置的配置框图。如图2中所示,信息处理装置10包括控制单元11、RAM(随机存取存储器)12、存储介质13、显示处理单元14、显示器15、触摸面板16、操作单元17和通信单元18。FIG. 2 is a configuration block diagram showing the configuration of the
控制单元11用作算术处理单元和控制单元,并且控制信息处理装置10的每一个部件。更具体地,如图2中所示,根据该实施例的控制单元11包括CPU(中央处理单元)111和GPU(图形处理单元)112。The
CPU111根据各种程序来控制信息处理装置10的每一个部件。另外,CPU 111也可以是微处理器。The
GPU 112是显示控制单元,该显示控制单元生成要在显示器15上显示的图像或响应于用户操作来改变显示画面。更具体地,GPU 112执行显示控制,以使得在显示器15上显示多个列表,每一个列表中布置了列表项目21。另外,GPU 112响应于用户操作来执行显示控制,以使得作为第一列表的子列表的第二列表的列表项目21结合到第一列表。The
替代地,GPU 112可以执行显示控制,以使得在显示器15上显示单个列表,该单个列表中布置了列表项目21。在该情况下,GPU 112可以执行显示控制以使得响应于用户操作在列表中逐渐出现新的列表项目。Alternatively, the
同时,GPU 112还可以执行显示控制以使得响应于用户操作从第一列表逐渐地分离列表项目21,并且,通过布置分离的列表项目21来创建新的列表。Meanwhile, the
GPU 112响应于由触摸面板16检测的用户操作来执行这样的结合/分离列表的显示控制。例如,当检测到张开/捏合操作时,GPU 112执行显示控制,以使得根据在触摸触摸面板16的两个手指之间的距离的改变来结合/分离列表。替代地,GPU 112可以执行显示控制,以使得根据触摸触摸面板16的手指的移动量或移动速度来结合/分离列表。注意,将在<2.多个列表的结合/分离>至<4.操作处理>中详细描述响应于用户操作而执行的GPU 112的显示控制。The
RAM(随机存取存储器)12暂时存储在控制单元11的运行中使用的程序和在运行期间适当地改变的参数等。A RAM (Random Access Memory) 12 temporarily stores programs used in the operation of the
存储介质13存储由控制单元11使用的程序和操作参数等。存储介质13还存储诸如运动图像数据和音乐文件的内容。The
注意,存储介质13可以例如是:非易失性存储器,比如快闪ROM(或快闪存储器)、EEPROM(电子可擦除可编程只读存储器)或EPROM(可擦除可编程ROM);磁盘,比如硬盘或盘形磁体;光盘,比如CD(致密盘)、DVD-R(可记录的数字多功能盘)或BD(Blu-Ray Disc(蓝光盘,注册商标));或者,比如MO(磁光)盘的存储介质。Note that the
显示处理单元14使得显示器15根据GPU 112的显示控制来输出从GPU 112输出的图像数据。The
显示器15是显示装置,其输出从显示处理单元14输入的显示画面。该显示器15可以例如是显示装置,比如液晶显示器(LCD)或有机EL(电致发光)显示器。另外,根据该实施例的显示器15例如显示包括列表项目21的列表。The
触摸面板16是检测画面上的用户操作的检测单元。例如,触摸面板16检测输入物体比如触摸画面的手指的位置(操作位置),并且根据操作位置随时间的改变检测用户操作。触摸面板16检测的用户操作的示例包括张开、捏合、拖动、轻拂、轻击和双击。与显示器15一体地设置触摸面板16。另外,触摸面板16向控制单元11输出所检测的用户操作。虽然在该实施例中将触摸面板16给出为检测单元的示例,但是根据本公开的信息处理装置10不限于此。例如,信息处理装置10可以使用检测非接触状态的用户操作的检测单元,比如接近传感器。The
操作单元17接收用户的操作指令,并且向控制单元11输出关于操作的信息。该操作单元17可以是物理结构比如按钮或开关。The
通信单元18是与通信终端进行通信的模块。具体地,通信单元18包括:接收单元,其从通信终端接收数据;以及,发送单元,其向通信终端发送数据。另外,通信单元18可以经由短距离无线通信比如Wi-Fi或蓝牙来发送和接收数据。The
以上已经详细描述了根据该实施例的信息处理装置10的配置。接下来,将参照具体示例具体描述信息处理装置10的GPU 112执行的显示控制。The configuration of the
<2.多个列表的结合/分离><2. Combination/separation of multiple lists>
GPU 112如上所述显示多个列表,并且响应于用户操作将子列表25结合到目标列表23或将列表项目21从目标列表23分离,由此增加/减少所显示的列表项目21的数量(列表项目的数量)。以下,将参照附图依序描述多个列表的结合和列表的分离。The
[2-1.多个列表的结合][2-1. Combination of multiple lists]
图3是示出多个列表的示例性显示的图。如图3中所示,GPU 112执行控制以使得在显示器15上显示画面31,画面31显示分别包括列表项目21的目标列表23和多个子列表25。FIG. 3 is a diagram showing an exemplary display of a plurality of lists. As shown in FIG. 3 , the
如图3中所示,以比在目标列表23之上显示的子列表25a的列表项目21大的尺寸来显示目标列表23的列表项目21。另外,以比在子列表25a之上显示的子列表25b的列表项目21大的尺寸来显示子列表25a的列表项目21。As shown in FIG. 3 , the
当如上所述显示多个列表时,如果检测到指示列表的结合的用户操作,则GPU 112执行显示控制,以使得子列表25的列表项目21逐渐地移动得更接近目标列表23,从而结合到目标列表23。例如,使用诸如图4中所示的动画来执行列表的结合。When a plurality of lists are displayed as described above, if a user operation indicating the combination of the lists is detected, the
图4是图示多个列表的结合的动画的画面转换图。如图4中的画面33中所示,GPU 112显示目标列表23和子列表25。当检测到指示列表的结合的用户操作时,GPU 112执行显示控制以使得如画面35中所示结合列表。FIG. 4 is a screen transition diagram illustrating an animation of coupling of a plurality of lists. As shown in
具体地,如画面35中所示,GPU 112加宽目标列表23的每一个列表项目之间的空间,并且将子列表25a的每一个列表项目移向目标列表23的每一个列表项目之间的空间。如上所述,当要结合到目标列表23的列表项目逐渐地向目标列表23移动时,用户能够在结合完成前查看要通过结合增加的列表项目。另外,在该情况下,GPU 112逐渐地将子列表25b的位置降低一层,并且如画面35中所示调整子列表25b的列表项目的尺寸。Specifically, as shown in
然后,如画面37中所示,GPU 112调整子列表25a的列表项目的尺寸和位置以使得它们变得均匀,并且结束结合。与结合前的目标列表23相比,结合后获得的目标列表23x具有增大的信息量。Then, as shown in the
另外,在图4中所示的示例中,当GPU 112已经结合了子列表25a时,剩余的子列表的每一个被显示在低一层的位置处。因此,新的子列表25c如画面37中所示出现。Also, in the example shown in FIG. 4, when the
如上所述,当根据该实施例的GPU 112在画面上显示多个列表并且响应于用户操作移动要增加的列表的每个列表项目21时,用户变得可以在结合完成前预先查看要通过结合增加的列表项目21。另外,虽然GPU 112显示在各个层细化的子列表25,但是当达到细化极限时,所显示的子列表25的数量变为零。因此,用户能够直观地了解目标列表23的细化不再可能。As described above, when the
以上已经描述了多个列表的结合。虽然上述示例示出其中子列表25a结合到目标列表23的情况,但是根据本公开的多个列表的结合不限于此。例如,在多层处的子列表比如子列表25a和子列表25b可以结合到目标列表23。The combination of multiple lists has been described above. Although the above example shows the case in which the
[2-2.列表的分离][2-2. List separation]
接下来,将描述列表的分离。GPU 112首先响应于用户操作从目标列表23分离预定数量的列表项目,由此减小目标列表23的信息量。然后,GPU1 12通过布置从目标列表23分离的列表项目21来创建新的子列表25,由此完成列表的分离。Next, separation of lists will be described. The
GPU 112可以以与在图4中的画面33至画面37中所示的结合列表的动画的顺序相反的顺序来执行这样的分离列表的动画。具体地,GPU 112执行显示控制,以使得要从目标列表23分离的列表项目21逐渐地在尺寸上变小,并且从目标列表23移开。然后,GPU 112通过布置所分离的列表项目21来创建新的子列表25。The
如上所述,当根据该实施例的GPU 112逐渐地改变要从目标列表23分离的列表项目21的显示时,用户能够预先查看要通过分离减少的列表项目21。As described above, when the
以上已经描述了列表的分离。注意,可以在一个或多个层处布置要在从目标列表23分离后新创建的各个子列表25。The separation of lists has been described above. Note that each sublist 25 to be newly created after being separated from the
[2-3.用户操作][2-3. User operation]
与各种用户操作相结合地执行上述的列表的结合/分离。用户操作的示例包括张开操作、捏合操作、拖动操作、轻拂操作、轻击/双击操作和按钮/条操作。以下,将参照附图依序描述GPU 112响应于每一个检测的用户操作而执行的列表的结合/分离。The above-described joining/separating of lists is performed in conjunction with various user operations. Examples of user operations include a pinch-in operation, a pinch-in operation, a drag operation, a flick operation, a tap/double-tap operation, and a button/bar operation. Hereinafter, coupling/separation of lists performed by the
(张开操作)(open operation)
当检测到张开操作时,GPU 112根据张开操作来结合列表。注意,张开操作指的是当使用两个手指触摸画面上的两点时加宽在两个手指之间的间隙的触摸操作。以下,将参照图5和6来进行具体描述。When a stretch operation is detected,
图5是图示用户的张开操作的图。如图5中的画面39中所示,当检测到对目标列表23的张开操作时,GPU 112结合列表。FIG. 5 is a diagram illustrating a user's pinch-out operation. As shown in frame 39 in FIG. 5 , when a stretch operation on
图6是图示当与张开操作相结合地结合列表时的动画的画面转换图。如图6中的画面41中所示,在触摸列表项目A2和列表项目A3的情况下,执行加宽在触摸位置之间的间隙d1的操作(张开操作)。GPU 112根据用户的触摸位置来移动列表项目A2和列表项目A3的显示位置。FIG. 6 is a screen transition diagram illustrating an animation when lists are combined in combination with a pinch-out operation. As shown in the screen 41 in FIG. 6 , in the case of touching the list item A2 and the list item A3 , an operation of widening the gap d1 between the touched positions (pinch out operation) is performed. The
接下来,如在画面43中所示,当在触摸位置之间的间隙d2超过阈值时,子列表25a的列表项目B2自动地移动并且被插入在列表项目A2和列表项目A3之间的空间中。此时,子列表25a的其他列表项目比如列表项目B1和列表项目B3类似地被插入在目标列表23的每一个列表项目之间的空间内。注意,当检测到将执行张开操作的两个手指的触摸位置之间的间隙变窄的操作时,GPU 112执行显示控制以使得取消列表的结合,并且将列表项目B2等恢复到它们的初始显示位置。Next, as shown in the screen 43, when the gap d2 between the touch positions exceeds the threshold, the list item B2 of the sub-list 25a is automatically moved and inserted in the space between the list item A2 and the list item A3 . At this time, other list items of the
然后,如在图6中的画面45中所示,GPU 112将插入在列表项目A2和列表项目A3之间的空间内的列表项目B2放大为与目标列表23的每一个列表项目的尺寸类似的尺寸,从而完成列表的结合。Then, as shown in screen 45 in FIG. 6 ,
如上所述,GPU 112根据张开操作将画面上显示的子列表25结合到目标列表23,由此增大目标列表23的信息量。当在画面上显示要结合的子列表25时,用户能够预先查看要结合到目标列表23的子列表25的列表项目21。As described above, the
另外,用户还能够在查看通过结合增加的信息的同时在列表的结合完成前取消列表的结合。In addition, the user is also able to cancel the combining of lists before the combining of lists is completed while viewing information added by combining.
虽然图6中所示的示例图示了其中结合单个子列表25的视图,但是根据该实施例的通过张开操作的列表的结合不限于此,并且GPU 112可以根据张开操作的幅度来在多层执行结合。例如,当在触摸位置之间的间隙d2超过列表项目B2的宽度的两倍时,GPU 112执行在两层处的结合。即,GPU 112执行显示控制,以使得子列表25a和子列表25b结合到目标列表23。Although the example shown in FIG. 6 illustrates a view in which a
另外,虽然上述实施例描述了检测使用两个手指触摸目标列表23的两个列表项目并且加宽手指之间的间隙的张开操作,但是根据该实施例的张开操作的位置不限于此。不论在画面上的哪个位置检测到张开操作,GPU 112都根据触摸位置之间的间隙d的宽度和在触摸画面的情况下加宽间隙d的移动来结合列表。In addition, although the above-described embodiment describes detecting a pinch operation of touching two list items of the
将参照图7来描述张开操作的检测位置的应用的示例。图7是图示用户的另一个张开操作的图。如图7中的画面47中所示,用户执行在给定位置、例如在单个列表项目上加宽在两个手指之间的间隙的张开操作。然后,GPU 112根据在两个手指之间的加宽的间隙d5的距离来结合列表。An example of application of the detection position of the opening operation will be described with reference to FIG. 7 . FIG. 7 is a diagram illustrating another pinch-out operation by the user. As shown in a
(捏合操作)(knead operation)
当检测到捏合操作时,GPU 112根据捏合操作来分离列表。注意,捏合操作指的是当使用两个手指触摸画面上的两点时将两个手指之间的间隙变窄的触摸操作。以下,将参照图8和9具体进行描述。When a pinch operation is detected,
图8是图示用户的捏合操作的图。如图8中的画面49中所示,当检测到在目标列表23上的捏合操作时,GPU 112分离列表。FIG. 8 is a diagram illustrating a user's pinch-in operation. As shown in a
图9是图示当与捏合操作相结合地分离列表时的动画的画面转换图。如图9中的画面51中所示,在触摸列表项目A2和列表项目A4的情况下,执行使触摸位置之间的间隙d3变窄的操作(捏合操作)。GPU 112移动列表项目A2和列表项目A4的显示位置,以使得它们根据用户的触摸位置移动得彼此更接近。另外,GPU 112显示列表项目A3,以使得列表项目A3根据捏合操作逐渐地收缩。FIG. 9 is a screen transition diagram illustrating an animation when a list is separated in combination with a pinch-in operation. As shown in the
接下来,如在画面53中所示,当在触摸位置之间的间隙d4超过阈值时,GPU 112执行显示控制以使得列表项目A3从目标列表23移开并且与其分离。此时,目标列表23的其他列表项目,例如布置在目标列表23中的每隔一个列表项目,比如列表项目A1和列表项目A5,自动地移动从而被分离。注意,当检测到加宽在执行捏合操作的两个手指的触摸位置之间的间隙的操作时,GPU 112执行显示控制以使得取消列表的分离,并且将列表项目A3等恢复到它们的初始显示位置。Next, as shown in the
然后,如图9中的画面55中所示,GPU 112通过布置从目标列表23分离的列表项目A1、A3和A5来创建新的子列表25x。另外,如在画面55中所示,GPU 112调整其列表项目的数量已经通过列表的分离而减少的目标列表23x的每一个列表项目的显示位置。Then, as shown in a
如上所述,GPU 112根据捏合操作从在画面上显示的目标列表23分离预定数量的列表项目,并且通过布置预定数量的分离的列表项目来创建新的子列表25x。As described above, the
当从目标列表23分离的列表项目逐渐收缩时,用户能够在分离完成前预先查看要分离哪些列表项目。When the list items to be separated from the
另外,用户还能够在查看通过分离被减少的目标列表23的信息的同时在列表的分离完成前取消列表的分离。In addition, the user can also cancel the separation of the list before the separation of the list is completed while viewing the information of the
虽然在图9中所示的示例图示了其中创建一个或更多个新的子列表25x的视图,但是根据该实施例的通过捏合操作的列表的分离不限于此,并且GPU 112可以根据捏合操作来新创建多个子列表25。例如,如果当触摸位置之间的间隙d3是列表项目的宽度的两倍时执行捏合操作,则GPU 112新创建两个子列表25。Although the example shown in FIG. 9 illustrates a view in which one or more
另外,虽然上述实施例描述了当使用两个手指触摸目标列表23的两个列表项目的同时将手指之间的间隙变窄的捏合操作,但是根据该实施例的捏合操作的位置不限于此。不论在画面上的哪个位置检测到捏合操作,GPU 112都根据在触摸位置之间的间隙d的宽度和在触摸画面的情况下将间隙d变窄的移动来分离列表。In addition, although the above embodiment describes a pinch operation of narrowing the gap between fingers while touching two list items of the
(拖动操作)(drag operation)
接下来,将描述GPU 112根据拖动操作结合/分离列表的情况。注意,拖动操作指的是在使用手指触摸画面上的一个点的同时移动手指的触摸操作。以下,参照图10和11来描述与拖动操作相结合地执行的列表的结合。Next, a case where the
图10是图示用户的拖动操作的图。如在图10中的画面57中所示,当检测到将子列表25a的列表项目B2向目标列表23移动的拖动操作时,GPU 112结合列表。FIG. 10 is a diagram illustrating a user's drag operation. As shown in the
图11是图示当与拖动操作相结合地结合列表时的动画的画面转换图。如图11中的画面61中所示,GPU 112根据拖动操作在向下的方向上移动列表项目B2,并且还在向下的方向上移动操作目标子列表25a的其他列表项目B1和B3。另外,GPU 112执行显示控制以使得当列表项目B2移动得更接近目标列表23时,在目标列表23的每一个列表项目之间的空间加宽。FIG. 11 is a screen transition diagram illustrating an animation when a list is combined in combination with a drag operation. As shown in the screen 61 in FIG. 11 , the
接下来,如图11中的画面63中所示,用户将列表项目B2拖动到目标列表23的每一个列表项目之间的加宽的空间,然后将触摸的手指抬起离开画面。Next, as shown in the screen 63 in FIG. 11, the user drags the list item B2 to the widened space between each list item of the
在此,GPU 112可以接受列表的结合的取消,直到列表项目B2被拖动到在目标列表23中的预定位置。例如,当检测到在触摸状态中在向上方向上移回列表项目B2的拖动操作时,GPU1 12执行显示控制以使得将每一个列表项目的位置恢复到初始位置。Here, the
然后,如图11中的画面65中所示,GPU 112放大被拖动到目标列表23中的位置的列表项目B2,以使得列表项目B2的尺寸变得类似于目标列表23的每一个列表项目的尺寸,从而完成列表的结合。Then, as shown in a screen 65 in FIG. 11 , the
如上所述,GPU 112根据拖动操作来将画面上显示的子列表25结合到目标列表23,并且增大目标列表23的信息量。当在画面上显示要结合的子列表25时,用户能够预先查看要结合到目标列表23的子列表25的列表项目21。As described above, the
另外,用户还能够在查看通过结合增加的信息的同时在列表的结合完成前取消列表的结合。In addition, the user is also able to cancel the combining of lists before the combining of lists is completed while viewing information added by combining.
以上已经描述了通过拖动操作的列表的结合。接下来,将描述通过拖动操作的列表的分离。Combination of lists by drag operation has been described above. Next, separation of the list by drag operation will be described.
当检测到在向上方向上拖动目标列表23的列表项目的操作时,GPU112分离列表。作为当分离列表时的动画,例如,当在向上方向上拖动列表项目A2时,GPU 112显示列表项目A2以使得它逐渐地变小。另外,GPU 112同时显示要从目标列表23分离的其他列表项目A,以使得在向上方向上移动它们的同时它们逐渐地变小。When detecting an operation of dragging the list item of the
另外,GPU 112布置其列表项目的数量已经通过列表的分离减少的目标列表23的剩余的列表项目的每一个,以使得在每一个列表项目之间的空间变窄。In addition, the
另外,GPU 112通过布置从目标列表23分离的列表项目来创建新的子列表,以使得它们在目标列表23之上排列,由此完成列表的分离。In addition, the
以上已经描述了通过拖动操作的列表的结合/分离。通过经由拖动操作移动单个列表项目来执行这样的列表的结合/分离。然而,也可以通过轻拂操作而不是拖动操作来移动单个列表项目。以下,将描述与轻拂操作相结合地执行的列表的结合/分离。The coupling/separation of lists by drag operation has been described above. Such coupling/separation of lists is performed by moving a single list item via a drag operation. However, individual list items can also be moved by flicking instead of dragging. Hereinafter, coupling/separation of lists performed in conjunction with a flick operation will be described.
(轻拂操作)(flick operation)
轻拂操作指的是在使用手指触摸画面上的一个点的同时轻轻地将手指在一个方向上扫过的触摸操作。GPU 112通过轻拂操作来结合/分离列表。The flick operation refers to a touch operation of lightly sweeping the finger in one direction while touching one point on the screen with the finger. The
当通过轻拂操作来结合列表时的动画大体类似于参照图11所述的当通过拖动操作来结合列表时的动画。例如,当检测到使用手指触摸子列表25的列表项目B2并且在向下方向上扫过手指的操作时,GPU 112在向下方向上移动子列表25a的每一个列表项目。另外,GPU112执行显示控制以使得在目标列表23的每一个列表项目之间的空间加宽。The animation when lists are combined by a flick operation is substantially similar to the animation when lists are combined by a drag operation described with reference to FIG. 11 . For example, when an operation of touching the list item B2 of the sub-list 25 with a finger and swiping the finger in the downward direction is detected, the
然后,子列表25a的每一个列表项目移动到目标列表23的每一个列表项目之间的加宽的空间。GPU 112将子列表25a的移动的列表项目的每一个放大为与目标列表23的每一个列表项目的尺寸类似的尺寸,由此完成列表的结合。Then, each list item of the sub-list 25 a moves to the widened space between each list item of the
注意,当GPU 112根据用户的轻拂速度移动列表项目B2时,可能存在下述情况:其中,取决于轻拂速度列表项目B2可能未达到目标列表23中的点。在这样的情况下,GPU 112可以执行显示控制,以使得每一个列表项目的显示位置恢复到初始位置。Note that when the
以上已经描述了通过轻拂操作的列表的结合。接下来,将描述通过轻拂操作的列表的分离。Coupling of lists by flick operations has been described above. Next, the separation of the list by the flick operation will be described.
当检测到在向上方向上轻拂目标列表23的列表项目的操作时,GPU112分离列表。作为当分离列表时的动画,例如当在向上方向上轻拂列表项目A2时,GPU 112在逐渐以较小的尺寸来显示列表项目A2的同时在向上方向上移动列表项目A2。同时,GPU 112还在向上方向上移动从目标列表23分离的其他列表项目A的同时以较小的尺寸来显示它们。When detecting an operation of flicking a list item of the
GPU 112布置其列表项目的数量已经通过列表的分离减少的目标列表23的剩余列表项目的每一个,以使得在每一个列表项目之间的空间变窄。The
然后,GPU 112通过在目标列表23之上排列从目标列表23分离的列表项目来创建新的子列表,由此完成列表的分离。Then, the
(轻击/双击操作)(tap/tap operation)
另外,GPU 112可以与轻击/双击操作相结合地结合/分离列表。例如,子列表25a的被轻击/双击的列表项目的每一个移动到图4中所示的目标列表23的每一个列表项目之间的空间,由此完成列表的结合。Additionally, the
同时,当对目标列表23执行轻击/双击操作时,GPU 112从目标列表23分离预定数量的列表项目,由此减少目标列表23的信息量。然后,GPU112通过布置从目标列表23分离的列表项目来创建新的子列表,由此完成列表的分离。Meanwhile, when a tap/tap operation is performed on the
(按钮/条操作)(button/bar operation)
GPU 112还可以响应于对按钮或条的用户操作来结合/分离列表。以下,将参照图12和13来具体进行描述。
图12是示出了放大按钮27和缩小按钮28的图。当检测到在图12中所示的放大按钮27上的用户操作时,GPU 112从目标列表23分离预定数量的列表项目,并且通过布置分离的列表项目来创建新的子列表25,由此完成列表的分离。FIG. 12 is a diagram showing the zoom-in button 27 and the zoom-out button 28 . When detecting a user operation on the zoom-in button 27 shown in FIG. 12, the
同时,当检测到在图12中所示的缩小按钮28上的用户操作时,GPU112将子列表25的每一个列表项目移动到目标列表23的每一个列表项目之间的空间,并且调整每一个移动的列表项目的尺寸,由此完成列表的结合。Simultaneously, when detecting the user operation on zoom-out button 28 shown in FIG. The size of the list item to move, thus completing the list join.
图13是示出滑动条29的图。当检测到在“-”方向上移动在图13中所示的滑动条29的旋钮的用户操作时,GPU 112从目标列表23分离预定数量的列表项目。然后,GPU 112通过布置分离的列表项目来创建新的子列表25,由此完成列表的分离。FIG. 13 is a diagram showing the
同时,当检测到在“+”方向上移动在图13中所示的滑动条29的旋钮的用户操作时,GPU 112将子列表25的每一个列表项目移动到目标列表23的每一个列表项目之间的空间,并且调整每一个移动的列表项目的尺寸,由此完成列表的结合。Simultaneously, when detecting the user's operation of moving the knob of the
注意,当滑动条29的旋钮移动得更接近“减”符号时,GPU 112减少通过列表项目的结合/分离改变的目标列表23的信息量,并且当滑动条29的旋钮移动得更接近“加”符号时,GPU 112增大目标列表23的信息量(提高细化层级)。Note that when the knob of the
已经详细描述了与用户操作相结合地执行的多个列表的结合/分离。接下来,将描述用于显示这样的多个列表的另一种方法。The coupling/separation of a plurality of lists performed in conjunction with user operations has been described in detail. Next, another method for displaying such a plurality of lists will be described.
[2-4.多个列表的其他示例性显示][2-4. Other Exemplary Display of Multiple Lists]
在图1中所示的示例中,GPU 112以逐步的方式在竖直方向上显示多个列表,其中每一个列表具有在水平方向上布置的列表项目21。然而,根据该实施例的显示多个列表的方法不限于图1中所示的示例。以下,将参考图14和15来描述显示多个列表的另一个示例。In the example shown in FIG. 1 , the
图14是示出其中竖直地布置多个列表的示例性显示的图。如图14中所示,GPU 112以逐步的方式在水平方向上布置多个列表,其中每一个列表具有竖直方向上布置的列表项目21。在该情况下,当检测到在目标列表23上的张开/捏合操作时,例如,GPU 112结合/分离列表。FIG. 14 is a diagram showing an exemplary display in which a plurality of lists are arranged vertically. As shown in FIG. 14 , the
图15是示出其中多个列表重叠的示例性显示的图。如在图15中的画面69中所示,GPU 112显示目标列表23以使得它与子列表25重叠。用户能够查看在目标列表23的每一个列表项目之间的子列表25的每一个列表项目。Fig. 15 is a diagram illustrating an exemplary display in which a plurality of lists overlap. As shown in
当检测到以这种方式显示的目标列表23上的张开操作时,GPU 112根据在图15中的画面71中所示的张开操作来在水平方向上移动目标列表23的每一个列表项目。同时,GPU 112还执行控制以使得子列表25的每一个列表项目逐渐地被放大,由此显示目标列表23x,其中子列表25结合到目标列表23x。When detecting the pinching operation on the
[2-5.显示的信息的改变][2-5. Changes in displayed information]
接下来,将描述如何通过列表的结合/分离来改变显示的列表的信息。如上所述,当结合列表时,目标列表23的列表项目的数量增加,并且当分离列表时,目标列表23的列表项目的数量减少。以下将参照具体示例来详细描述根据列表项目的数量(信息量)的改变在显示的目标列表23的信息上的这样的改变。Next, how to change the information of the displayed list by combining/separating the lists will be described. As described above, when lists are combined, the number of list items of the
(第一示例:信息的粒度)(first example: granularity of information)
作为第一示例,当目标列表23的列表项目的数量增加时,信息的粒度变细,并且当目标列表23的列表项目的数量减少时,信息的粒度变粗。将参照图16至图18来具体描述信息的粒度。图16至18示例性地图示了从每隔预定时间段的运动图像数据的场景创建的作为列表项目的缩略图。As a first example, when the number of list items of the
图16是显示多个列表的画面72的图,每一个列表包括多个缩略图。如图16中所示,目标列表73是其中布置了每隔一分钟的运动图像数据的场景的列表。FIG. 16 is a diagram of a
另外,如图16中所示,子列表75a是其中布置了场景的列表,每一个场景要被插入在每隔一分钟的目标列表73的场景之间。例如,子列表75a包括其中布置的:4:30的缩略图,其要被插在目标列表73的4:00的缩略图和5:00的缩略图之间;5:30的缩略图,其要被插在目标列表73的5:00的缩略图和6:00的缩略图之间;以及6:30的缩略图,其要被插在目标列表73的6:00的缩略图和7:00的缩略图之间;等等。In addition, as shown in FIG. 16 , the
另外,如图16中所示,子列表75b是其中布置了场景的列表,其中每两个要被插在子列表75a中布置的场景之间。例如,布置了要在子列表75a的4:30的缩略图和5:30的缩略图之间插入的4:45和5:15的缩略图。In addition, as shown in FIG. 16 , the sub-list 75 b is a list in which scenes are arranged, two of which are to be inserted between the scenes arranged in the sub-list 75 a. For example, the thumbnail images of 4:45 and 5:15 to be inserted between the thumbnail image of 4:30 and the thumbnail image of 5:30 of the
然后,当检测到指示结合图16中所示的多个列表的用户操作时,GPU112将子列表75a结合到目标列表73,由此,目标列表73的列表项目的数量增加。将参照图17来描述其中图16中所示的目标列表73的列表项目的数量增加的情况。Then, when detecting a user operation indicating to combine a plurality of lists shown in FIG. 16 ,
图17是示出当结合图16中所示的多个列表时获得的结果的图。通过将在图16中所示的子列表75a结合到目标列表73来获得图17中所示的目标列表73x。通过列表的结合,目标列表73x的列表项目的数量增加,以使得布置每隔30秒的缩略图。如上所述,当通过列表的结合增加列表项目的数量时,信息的粒度变细。FIG. 17 is a graph showing results obtained when combining the lists shown in FIG. 16 . The target list 73x shown in FIG. 17 is obtained by combining the sub-list 75a shown in FIG. 16 to the
图18是示出当分离图16中所示的多个列表时获得的结果的图。通过从图16中所示的目标列表73分离列表来获得图18中所示的目标列表73y。另外,图18中所示的子列表75x是通过布置从图16中所示的目标列表73分离的列表项目来新创建的子列表。通过列表的分离,目标列表73y的列表项目的数量减少,以使得布置每隔两分钟的列表项目。如上所述,当通过列表的分离来减少列表项目的数量时,信息的粒度变粗。FIG. 18 is a graph showing results obtained when separating the plurality of lists shown in FIG. 16 . The target list 73y shown in FIG. 18 is obtained by separating the lists from the
(第二示例:信息的类型)(Second example: type of information)
作为第二示例,当目标列表73的列表项目的数量增加时,信息的类型增加,并且,当目标列表73的列表项目的数量减少时,信息的类型减少。将参照图19至21来具体描述信息的类型。图19至21示例性地图示与音乐数据相关的信息的类型作为列表项目。As a second example, when the number of list items of the
图19是示出显示基于与音乐数据相关的信息创建的多个列表的画面81的图。如图19中所示,目标列表83是其中布置了音乐专辑的封面图像的列表。FIG. 19 is a diagram showing a
子列表85a是其中布置了在每一个音乐专辑上的各首音乐的名称的列表的列表。另外,子列表85b是其中布置了每一首音乐的歌词的列表。The
当检测到指示图19中所示的多个列表的结合的用户操作时,GPU 112将子列表85a结合到目标列表83,由此,目标列表83的列表项目的数量增加。将参照图20来描述图19中所示的目标列表83的列表项目的数量增加的情况。When a user operation indicating combination of a plurality of lists shown in FIG. 19 is detected, the
图20是示出当结合图19中所示的多个列表时获得的结果的图。通过将图19中所示的子列表85a结合到目标列表83获得图20中所示的目标列表83x。通过列表的结合,目标列表83x的列表项目的数量增加,并且,布置音乐封面的图像和各首音乐的列表。如上所述,当通过列表的结合来增加列表项目的数量时,信息的类型增加。FIG. 20 is a graph showing results obtained when combining the lists shown in FIG. 19 . The
注意,如图20中所示,GPU 112可以改变用于在目标列表83x中的每一个相关信息(列表项目)的背景。Note that, as shown in FIG. 20, the
图21是示出当图19中所示的两个子列表85结合到目标列表时获得的结果的图。通过将图19中所示的子列表85a和子列表85b结合到目标列表83获得图21中所示的目标列表83y。通过列表的结合,目标列表83y的列表项目的数量增加,并且布置音乐封面的图像、各首音乐的列表和每一首音乐的歌词。如上所述,当通过列表的结合来增加列表项目的数量时,信息的类型增加。FIG. 21 is a diagram showing the results obtained when the two
注意,在图21中所示的示例中,对于目标列表83y中的每一个相关信息(列表项目)也可以改变背景。另外,如图21中所示,GPU 112也可以将子列表85a和子列表85b的每一个结合到目标列表83,而不改变子列表85a和子列表85b的每一个列表项目的显示尺寸。Note that in the example shown in FIG. 21 , the background can also be changed for each related information (list item) in the
信息的类型不限于与作为图19和21的示例给出的音乐数据相关的信息的类型。例如,可以根据运动图像数据的每一个场景的热情程度来以逐步的方式对信息的类型进行分类。具体地,控制单元11预先分析运动图像数据,并且GPU1 12通过布置具有最高热情程度的场景的缩略图来创建第一列表。然后,GPU 112通过结合来向第一列表增加具有其次最高热情程度的场景。The type of information is not limited to the type of information related to the music data given as examples in FIGS. 19 and 21 . For example, the types of information may be classified in a step-by-step manner according to the degree of enthusiasm of each scene of moving image data. Specifically, the
在与多个列表的结合/分离相关联的显示信息中的上述改变对于<3.单个列表的列表项目的结合/分离>也成立。The above-described change in display information associated with coupling/separation of a plurality of lists is also true for <3. Coupling/Separation of List Items of a Single List>.
<3.单个列表的列表项目的结合/分离><3. Combination/separation of list items of a single list>
如上所述,根据该实施例的GPU 112也可以响应于用户操作来显示单个列表,并且结合/分离该列表的列表项目。GPU 112响应于指示列表的结合的用户操作来增加所显示的单个列表的列表项目的数量。As described above, the
另外,GPU 112响应于指示列表的分离的用户操作来减少所显示的单个列表的列表项目的数量,并且通过布置从单个列表分离的列表项目来创建新的子列表。In addition, the
在此,指示单个列表的列表项目的结合/分离的用户操作的示例包括在[2-3.用户操作]中所述的张开/捏合操作、轻击/双击操作和按钮/条操作。对于下面描述的单个列表的列表项目的结合/分离的具体控制,将示例性地描述其中将张开/捏合操作检测为用户操作的情况。Here, examples of user operations indicating coupling/separation of list items of a single list include pinch-in/pinch operations, tap/double-tap operations, and button/bar operations described in [2-3. User Operation]. For specific control of coupling/separation of list items of a single list described below, a case where a pinch-in/out operation is detected as a user operation will be exemplarily described.
[3-1.单个列表的列表项目的结合][3-1. Combination of list items of a single list]
GPU 112响应于指示列表的结合的用户操作使得新的列表项目逐渐地出现在列表中,由此增加列表项目的数量。以下,将参照图22和23来描述单个列表的列表项目的结合。
图22是示出显示目标列表93的画面91的图。如图22中所示,检测张开操作:使用两个手指触摸目标列表93的列表项目A2和A3,并且在触摸画面的情况下加宽在两个触摸位置之间的间隙。然后,GPU 112根据张开操作来结合目标列表93的列表项目。FIG. 22 is a diagram showing a
图23是图示当与张开操作相结合地结合列表项目时的动画的画面转换图。如图23中的画面95中所示,执行在触摸列表项目A2和列表项目A3的情况下增大在两个触摸位置之间的间隙的操作(张开操作)。GPU 112根据用户的触摸位置来移动列表项目A2和列表项目A3的显示位置。FIG. 23 is a screen transition diagram illustrating an animation when list items are combined in combination with a pinch-out operation. As shown in the screen 95 in FIG. 23 , an operation of increasing the gap between the two touched positions (pinch out operation) in the case of touching the list item A2 and the list item A3 is performed. The
接下来,如画面97和画面99中所示,新的列表项目逐渐地出现在通过张开操作加宽的目标列表93的每一个列表项目之间的空间中。Next, as shown in screens 97 and 99 , new list items gradually appear in the space between each list item of the
然后,GPU 112放大使得出现在目标列表93的每一个列表项目之间的列表项目,以使得列表项目的尺寸变得类似于目标列表93的每一个列表项目的尺寸,由此完成列表项目的结合。Then, the
注意,GPU 112可以当检测到将执行张开操作的两个手指的触摸位置之间的间隙变窄的操作时取消列表项目的结合,并且隐藏新的列表项目。Note that the
如上所述,当GPU 112根据张开操作使得新的列表项目逐渐地出现在目标列表93中时,用户能够预先查看要结合到目标列表93的列表项目。As described above, when the
另外,用户还能够在查看通过结合增加的信息的同时在完成列表项目的结合前取消列表项目的结合。In addition, the user is also able to cancel the combination of the list items before completing the combination of the list items while viewing the information added by the combination.
[3-2.列表项目的分离][3-2. Separation of list items]
GPU 112可以根据捏合操作来使得单个显示的目标列表的预定数量的列表项目逐渐地消失,从而分离列表项目。当目标列表中的列表项目逐渐地消失时,用户能够预先查看要从目标列表分离的列表项目。The
另外,GPU 112可以当检测到加宽执行捏合操作的两个手指的触摸位置之间的间隙的操作时,取消列表项目的分离,并且使得已经消失一次的列表项目再一次出现。In addition, the
[3-3.列表显示][3-3. List display]
上述示例已经描述了通过单个列表的列表项目的结合/分离来增加/减少列表项目的数量。在此,当通过结合列表项目来增加列表项目的数量时,从画面排除一些列表项目。The above examples have described increasing/decreasing the number of list items by combining/separating list items of a single list. Here, when the number of list items is increased by combining list items, some list items are excluded from the screen.
在此,根据该实施例的GPU 112可以当通过列表项目的结合而增加或减少目标列表的列表项目的数量时,放大/收缩列表项目的显示尺寸,由此执行在画面内显示所有列表项目的列表显示。当GPU 112执行列表显示时,用户能够在画面内查看通过列表项目的结合而增加的所有列表项目。将参照图24至26来描述GPU 112的列表显示。在图24至26中,以网格列表的形式将从每隔预定时间段的运动图像数据的场景创建的缩略图显示为列表项目。Here, the
图24是列表显示单个列表的画面201的图。如图24中的画面201中所示,GPU 112布置每隔两分钟的运动图像数据的所有缩略图。将参照图25和26来描述当响应于用户操作结合列表项目时的动画。FIG. 24 is a diagram of a
图25是示出显示当正在结合列表项目时的动画的画面203的图。如图25中所示,GPU 112收缩每一个缩略图,并且使得新的缩略图逐渐地出现在每一个缩略图之间。FIG. 25 is a diagram showing a
图26是示出当完成列表项目的结合时的画面205的图。如图26中的画面205中所示,即使当通过列表项目的结合来增加列表项目的数量时,GPU 112也在单个画面上显示所有的缩略图。FIG. 26 is a diagram showing a
以上已经描述了显示单个列表作为上述列表显示的示例的情况。然而,GPU 112还可以控制当结合多个列表时的列表显示。The case where a single list is displayed as an example of the above list display has been described above. However, the
<4.操作处理><4. Operation processing>
接下来,将描述当根据该实施例的GPU 112根据张开/捏合操作的移动量或移动速度来执行上述结合/分离列表的显示控制时执行的操作处理。虽然图6和9图示了其中GPU 112分别根据执行张开/捏合操作的两个手指之间的间隙d来执行结合/分离列表的显示控制的示例,但是该实施例不限于此。例如,GPU 112还可以根据例如执行触摸操作的手指的移动量或手指的移动速度来结合/分离列表。以下,将参照图27来描述当GPU 112根据捏合/张开操作的移动量或移动速度来结合/分离列表时执行的操作处理。Next, operation processing performed when the
图27是示出根据张开/捏合操作的移动量或移动速度结合/分离列表的显示控制处理的流程图。如图27中所示,当触摸面板16在步骤S102中检测到两个触摸时,触摸面板16在下一步骤S104中进一步基于两个触摸的操作位置的移动来检测捏合/张开操作。触摸面板16在检测到捏合/张开操作时向控制单元11输出检测结果。FIG. 27 is a flowchart showing a display control process of combining/separating lists according to a movement amount or a movement speed of a pinch-in/pinch operation. As shown in FIG. 27 , when the
接下来,在步骤S106中,控制单元的GPU 112根据由触摸面板16检测的张开/捏合操作来开始在显示器15上显示的结合/分离列表的动画。例如,GPU 112根据捏合/张开操作来移动触摸的列表项目。Next, in step S106, the
接下来,在步骤S108中,当触摸面板16检测到触摸两个点的操作时,处理进行到步骤S110。接下来,在步骤S110中,GPU 112确定捏合/张开操作的移动量是否大于阈值。例如,如图28中所示计算在此使用的捏合/张开操作的移动量。Next, in step S108, when the
图28是示例性地示出捏合/张开操作的移动量和移动速度的计算的表格。如图28中所示,每一个捏合/张开操作的移动量是在捏合/张开操作中列表项目从初始状态的移动的距离的和。FIG. 28 is a table exemplarily showing calculation of a movement amount and a movement speed of a pinch/pinch operation. As shown in FIG. 28 , the movement amount of each pinch/pinch operation is the sum of the distances of movement of the list items from the initial state in the pinch/pinch operation.
替代地,每一个捏合/张开操作的移动量可以是捏合/张开操作的两个触摸位置的每一个的移动的距离的和。Alternatively, the movement amount of each pinch/pinch operation may be the sum of the distances moved by each of the two touch positions of the pinch/pinch operation.
在上述步骤S110中,如果捏合/张开操作的移动量超过阈值,则处理进行到步骤S112。接下来,在步骤S112中,GPU 112结合/分离列表。注意,如果在步骤S110中移动量超过第一阈值,则在步骤S112中执行在一层的列表的结合/分离。例如,结合单个子列表,或者通过分离来创建单个子列表。In step S110 described above, if the movement amount of the pinch/pinch operation exceeds the threshold value, the process proceeds to step S112. Next, in step S112, the
接下来,处理进行到步骤S108,并且,进一步继续捏合/张开操作。然后,如果在步骤S110中移动量超过第二阈值,则GPU 112执行在另一层的列表的结合/分离。例如,GPU 112再结合一个子列表,或通过分离来再创建一个子列表。如上所述,GPU 112根据捏合/张开操作来执行在多层的列表的结合/分离。Next, the process proceeds to step S108, and the pinch/pinch operation is further continued. Then, if the movement amount exceeds the second threshold in step S110, the
接下来,再一次参考步骤S108,将描述不再检测到两个触摸的情况。在该情况下,处理进行到步骤S114,并且GPU 112在步骤S114中确定捏合/张开操作的速度是否超过阈值。在此使用的捏合/张开操作的速度例如是在图28中所示的捏合/张开操作中的每一个列表项目的移动速度的和。Next, referring to step S108 again, a case where two touches are no longer detected will be described. In this case, the process proceeds to step S114, and the
如果在上述步骤S114中捏合/张开操作的移动速度超过阈值,则处理进行到步骤S116。接下来,在步骤S116中,GPU 112执行列表的结合/分离。注意,如果在步骤S114中移动速度超过第一阈值,则在步骤S116中执行在一层处的列表的结合/分离。例如,结合单个子列表,或者通过分离来创建单个子列表。If the movement speed of the pinch/pinch operation exceeds the threshold value in the above-described step S114, the process proceeds to step S116. Next, in step S116, the
接下来,处理返回到步骤S114,并且如果移动速度仍然不是零,则GPU 112再一次在步骤S116中执行在另一层的列表的结合/分离。例如,GPU 112再结合一个子列表,或者通过分离再创建一个子列表。如上所述,GPU 112根据按照张开/捏合操作移动的列表项目的速度来执行在多层的列表的结合/分离。Next, the process returns to step S114, and if the movement speed is still not zero, the
同时,如果该速度在步骤S114中未超过阈值,则处理进行到步骤S118。在步骤S118中,GPU 112确定捏合/张开操作的移动量是否超过阈值。如果移动量超过阈值,则处理进行到步骤S120。Meanwhile, if the speed does not exceed the threshold in step S114, the process proceeds to step S118. In step S118, the
接下来,在步骤S120中,GPU 112执行列表的结合/分离。注意,GPU112还可以具有多个阈值,并且可以根据张开/捏合操作的移动量已经超过哪个阈值来控制列表的结合/分离的层。例如,如果张开/捏合操作的移动量超过阈值a,则GPU 112结合子列表或通过分离来创建子列表。同时,如果张开/捏合操作的移动量超过阈值b,则GPU 112结合两个子列表或通过分离来创建两个子列表。Next, in step S120, the
接下来,在步骤S122中,GPU 112结束结合/分离列表的动画。Next, in step S122, the
<5.结论><5. Conclusion>
如上所述,按照根据该实施例的信息处理装置10,用户能够通过在画面上显示多个列表来在结合完成前预先查看要结合到目标列表23的子列表25的列表项目。As described above, according to the
另外,按照根据该实施例的信息处理装置10,即使当在画面上显示单个列表时,如果响应于用户操作使得新的列表项目逐渐地出现在列表中,则用户也能够在结合完成前预先查看要增加的列表项目。In addition, according to the
另外,当要从目标列表23分离的列表项目根据用户操作而逐渐地改变时,用户能够预先查看要通过列表项目的分离从目标列表23去除的列表项目。In addition, when the list items to be separated from the
此外,用户还能够在查看通过结合或分离列表的动画而增加或减少的列表项目的同时在列表的结合或分离的完成前取消它。In addition, the user is also able to cancel the combining or separating of the list before it is completed while viewing the list items that are increased or decreased by the animation of combining or separating the lists.
另外,当通过列表项目的结合增加列表项目的数量时,GPU 112可以通过控制所有的列表项目以使得它们被显示在画面内,来在保证列表的列表属性的同时显示更详细的信息。In addition, when the number of list items is increased by combining list items, the
虽然已经参照附图详细描述了本公开的优选实施例,但是本公开不限于此。对于本领域内的技术人员而言,显然可以进行各种修改或变型,只要它们在所附的权利要求或其等同内容的技术范围内。应当明白,这样的修改或变型也在本公开的技术范围内。Although the preferred embodiments of the present disclosure have been described in detail with reference to the accompanying drawings, the present disclosure is not limited thereto. It will be apparent to those skilled in the art that various modifications or changes may be made so long as they are within the technical scope of the appended claims or their equivalents. It should be understood that such modifications or variations are also within the technical scope of the present disclosure.
例如,虽然已经参照图6描述了在上述[2-3.用户操作]中与张开操作相结合地结合列表时的动画,但是当结合列表时的动画不限于图6中所示的示例。例如,可以基本上在与列表项目向目标列表23的移动的开始时刻的同时逐渐地放大要结合的子列表25a的每一个列表项目,并且,可以基本上在与在目标列表23的每一个列表项目之间插入列表项目的结束的同时结束列表项目的放大。图29示出了改变当如上所述与张开操作相结合地结合列表时的动画的示例。如图29中的画面44中所示,当触摸位置之间的间隙d2超过阈值时,子列表25b的列表项目B2在被逐渐放大的同时移动。然后,如在画面46中所示,列表项目的放大基本上在与当在列表项目A2和列表项目A3之间插入列表项目的同时结束。For example, although the animation when lists are combined in conjunction with the pinch-out operation in the above [2-3. User operation] has been described with reference to FIG. 6 , the animation when lists are combined is not limited to the example shown in FIG. 6 . For example, each list item of the sub-list 25a to be combined may be gradually enlarged substantially simultaneously with the start of movement of the list item to the
虽然在上述实施例中依序显示目标列表23、子列表25a和子列表25b,但是可以根据用户操作来切换每一个列表或移动所有列表。Although the
另外,虽然通过比如智能电话或便携音频播放器的移动终端来实现图1中所示的信息处理装置10,但是根据本公开的信息处理装置10不限于此。例如,信息处理装置10可以实现个人计算机(PC),并且可以在PC的GUI画面上显示响应于用户操作而结合或分离列表的动画。In addition, although the
还可以创建用于施加与根据上述实施例的信息处理装置10的每一个配置等同的功能的计算机程序。另外,还提供了其上记录有计算机程序的记录介质。记录介质的示例包括磁盘、光盘、磁光盘和快闪存储器。另外,例如,可以通过网络分发上述计算机程序,而不使用记录介质。It is also possible to create a computer program for exerting functions equivalent to each configuration of the
本技术也可以如下配置。The present technology may also be configured as follows.
(1)一种信息处理装置,包括显示控制单元,所述显示控制单元被配置为显示包括分别具有列表项目的第一列表和第二列表的多个列表,并且响应于用户操作执行将作为所述第一列表的子列表的所述第二列表的列表项目结合到所述第一列表的显示。(1) An information processing apparatus including a display control unit configured to display a plurality of lists including a first list and a second list respectively having list items, and to perform, in response to a user operation, the List items of said second list of sublists of said first list are combined with the display of said first list.
(2)根据(1)所述的信息处理装置,其中,所述显示控制单元被配置为响应于用户操作来执行从所述第一列表分离预定数量的列表项目的显示,并且显示包括所述预定数量的所述分离的列表项目的新的子列表。(2) The information processing device according to (1), wherein the display control unit is configured to perform display separating a predetermined number of list items from the first list in response to a user operation, and to display the list items including the A new sublist of a predetermined number of said separated list items.
(3)根据(1)或(2)所述的信息处理装置,还包括检测单元,所述检测单元被配置为检测用户操作,(3) The information processing device according to (1) or (2), further including a detection unit configured to detect a user operation,
其中,所述显示控制单元被配置为当所述检测单元检测到所述用户加宽在多个操作位置之间的距离的操作时执行将所述第二列表结合到所述第一列表的显示。Wherein, the display control unit is configured to perform display combining the second list with the first list when the detection unit detects the user's operation of widening the distance between the plurality of operation positions .
(4)根据(1)或(2)所述的信息处理装置,还包括检测单元,所述检测单元被配置为检测用户操作,(4) The information processing device according to (1) or (2), further including a detection unit configured to detect a user operation,
其中,所述显示控制单元被配置为当所述检测单元检测到所述用户使多个操作位置之间的距离变窄的操作时执行从所述第一列表分离所述列表项目以创建新的子列表的显示。Wherein, the display control unit is configured to perform separating the list items from the first list to create a new Display of sublists.
(5)根据(1)至(4)的任何一项所述的信息处理装置,其中,所述显示控制单元被配置为当所述第二列表的所述列表项目通过所述用户的拖动操作被移动到所述第一列表内时,执行将所述第二列表结合到所述第一列表的显示。(5) The information processing device according to any one of (1) to (4), wherein the display control unit is configured to, when the list item of the second list is dragged by the user, When an operation is moved into the first list, displaying the second list in conjunction with the first list is performed.
(6)根据(1)至(5)的任何一项所述的信息处理装置,其中,所述显示控制单元被配置为根据所述操作位置的移动量或移动速度来改变要结合的子列表的数量或要新创建的子列表的数量。(6) The information processing device according to any one of (1) to (5), wherein the display control unit is configured to change the sublists to be combined according to the movement amount or movement speed of the operation position or the number of sublists to be newly created.
(7)根据(1)至(6)的任何一项所述的信息处理装置,其中,当所述第二列表结合到所述第一列表时并且所述第一列表的所述列表项目的数量增加时,由所述第一列表显示的信息变得更详细。(7) The information processing device according to any one of (1) to (6), wherein when the second list is joined to the first list and the list items of the first list The information displayed by the first list becomes more detailed as the number increases.
(8)根据(1)至(7)的任何一项所述的信息处理装置,其中,以比所述第一列表的所述列表项目小的尺寸来显示所述第二列表的所述列表项目。(8) The information processing device according to any one of (1) to (7), wherein the list of the second list is displayed in a smaller size than the list items of the first list project.
(9)根据(8)所述的信息处理装置,其中,所述显示控制单元被配置为通过在放大所述第二列表的所述列表项目的同时移动所述第二列表的所述列表项目来执行将所述第二列表的所述列表项目结合到所述第一列表的显示。(9) The information processing device according to (8), wherein the display control unit is configured to move the list items of the second list by moving the list items of the second list while enlarging the list items of the second list to perform incorporation of the list items of the second list into the display of the first list.
(10)根据(8)所述的信息处理装置,其中,所述显示控制单元被配置为通过在将所述第二列表的所述列表项目移动到所述第一列表后放大所述第二列表的所述列表项目来执行将所述第二列表的所述列表项目结合到所述第一列表的显示。(10) The information processing device according to (8), wherein the display control unit is configured to enlarge the list item of the second list by enlarging the list item of the second list after moving the list item to the first list. The display of the list items of the second list is performed in conjunction with the list items of the second list.
(11)根据(1)至(8)的任何一项所述的信息处理装置,其中,所述显示控制单元被配置为通过移动所述第二列表的所述列表项目而不改变所述第二列表的所述列表项目的尺寸来执行将所述第二列表的所述列表项目结合到所述第一列表的显示。(11) The information processing device according to any one of (1) to (8), wherein the display control unit is configured not to change the second list by moving the list items of the second list. The size of the list items of the second list is performed to incorporate the display of the list items of the second list into the first list.
(12)根据(4)所述的信息处理装置,其中,所述显示控制单元被配置为响应于所述用户使所述多个操作位置之间的距离变窄的操作来执行收缩所述第一列表的预定数量的列表项目以使得所述收缩的列表项目从所述第一列表移开并且从所述第一列表分离的显示,并且还通过布置从所述第一列表分离的所述列表项目来显示新的子列表。(12) The information processing device according to (4), wherein the display control unit is configured to perform shrinking the second operation position in response to the user's operation of narrowing the distance between the plurality of operation positions. a predetermined number of list items of a list such that said collapsed list items are moved away from said first list and displayed detached from said first list, and also by arranging said list detached from said first list item to display the new sublist.
(13)一种信息处理方法,包括:(13) An information processing method, comprising:
显示包括分别具有列表项目的第一列表和第二列表的多个列表;以及displaying a plurality of lists including a first list and a second list each having list items; and
响应于用户操作执行将作为所述第一列表的子列表的所述第二列表的列表项目结合到所述第一列表的显示。The display of combining the list items of the second list, which is a sublist of the first list, with the first list is performed in response to a user operation.
(14)一种程序,用于使得计算机执行下述处理:(14) A program for causing a computer to execute the following processing:
显示包括分别具有列表项目的第一列表和第二列表的多个列表;以及displaying a plurality of lists including a first list and a second list each having list items; and
响应于用户操作执行将作为所述第一列表的子列表的所述第二列表的列表项目结合到所述第一列表的显示。The display of combining the list items of the second list, which is a sublist of the first list, with the first list is performed in response to a user operation.
(15)根据(14)所述的程序,使得计算机还执行下述处理:响应于用户操作来执行从所述第一列表分离预定数量的列表项目的显示,以及执行包括所述预定数量的分离的列表项目的新的子列表的显示。(15) The program according to (14), causing the computer to further execute processing of performing display separating a predetermined number of list items from the first list in response to a user operation, and performing separation including the predetermined number. Display of a new sublist of list items.
(16)根据(14)或(15)所述的程序,使得计算机还执行下述处理:(16) The program according to (14) or (15), causing the computer to further execute the following processing:
检测用户操作;以及detect user actions; and
当所述检测处理检测到所述用户加宽多个操作位置之间的距离的操作时执行将所述第二列表结合到所述第一列表的显示。The display combining the second list with the first list is performed when the detection process detects the user's operation of widening the distance between the plurality of operation positions.
(17)根据(14)或(15)所述的程序,使得计算机还执行下述处理:(17) The program according to (14) or (15), causing the computer to further execute the following processing:
检测用户操作;以及detect user actions; and
当所述检测处理检测到所述用户使多个操作位置之间的距离变窄的操作时执行从所述第一列表分离所述列表项目以建立新的子列表的显示。The display of separating the list items from the first list to create a new sub-list is performed when the detection process detects an operation by the user to narrow a distance between a plurality of operation positions.
(18)根据(14)至(17)的任何一项所述的程序,使得计算机还当所述第二列表的所述列表项目通过所述用户的拖动操作被移动到所述第一列表中时执行将所述第二列表结合到所述第一列表的显示。(18) The program according to any one of (14) to (17), causing the computer to also when the list item of the second list is moved to the first list by the user's drag operation Incorporating the second list into the display of the first list is performed while in progress.
(19)根据(14)至(18)的任何一项所述的程序,使得计算机还根据所述操作位置的移动量或移动速度来执行改变要结合的子列表的数量或要新建立的子列表的数量的处理。(19) The program according to any one of (14) to (18), causing the computer to also execute changing the number of sublists to be combined or sublists to be newly created in accordance with the movement amount or movement speed of the operation position. The number of lists to process.
(20)根据(14)至(19)的任何一项所述的程序,使得计算机还执行处理以使得当所述第二列表结合到所述第一列表时并且所述第一列表的所述列表项目的数量增加时,由所述第一列表显示的信息变得更详细。(20) The program according to any one of (14) to (19), causing the computer to further execute processing so that when the second list is joined to the first list and the The information displayed by said first list becomes more detailed as the number of list items increases.
本公开包含与在2011年8月1日提交于日本专利局的日本在先专利申请JP 2011-168262中公开的主题相关的主题,其整体内容通过引用合并于此。The present disclosure contains subject matter related to that disclosed in Japanese Priority Patent Application JP 2011-168262 filed in the Japan Patent Office on Aug. 1, 2011, the entire content of which is hereby incorporated by reference.
Claims (20)
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810194597.6A CN108334262B (en) | 2011-08-01 | 2012-07-25 | Information processing apparatus, information processing method, and computer-readable storage medium |
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2011-168262 | 2011-08-01 | ||
| JP2011168262A JP2013033330A (en) | 2011-08-01 | 2011-08-01 | Information processing device, information processing method, and program |
Related Child Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810194597.6A Division CN108334262B (en) | 2011-08-01 | 2012-07-25 | Information processing apparatus, information processing method, and computer-readable storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103176703A true CN103176703A (en) | 2013-06-26 |
| CN103176703B CN103176703B (en) | 2018-04-13 |
Family
ID=46717711
Family Applications (2)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201210260791.2A Active CN103176703B (en) | 2011-08-01 | 2012-07-25 | Information processing device, information processing method, and program |
| CN201810194597.6A Active CN108334262B (en) | 2011-08-01 | 2012-07-25 | Information processing apparatus, information processing method, and computer-readable storage medium |
Family Applications After (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810194597.6A Active CN108334262B (en) | 2011-08-01 | 2012-07-25 | Information processing apparatus, information processing method, and computer-readable storage medium |
Country Status (4)
| Country | Link |
|---|---|
| US (5) | US20130036387A1 (en) |
| EP (2) | EP2555104A3 (en) |
| JP (1) | JP2013033330A (en) |
| CN (2) | CN103176703B (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103399691A (en) * | 2013-08-07 | 2013-11-20 | 浙江宇天科技股份有限公司 | Method and device for loading and displaying data |
| CN104506725A (en) * | 2014-12-19 | 2015-04-08 | 广东欧珀移动通信有限公司 | Method and device for viewing call records |
Families Citing this family (26)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8232973B2 (en) | 2008-01-09 | 2012-07-31 | Apple Inc. | Method, device, and graphical user interface providing word recommendations for text input |
| JP2013033330A (en) * | 2011-08-01 | 2013-02-14 | Sony Corp | Information processing device, information processing method, and program |
| JP2014038560A (en) * | 2012-08-20 | 2014-02-27 | Canon Inc | Information processing device, information processing method, and program |
| USD773488S1 (en) * | 2012-09-04 | 2016-12-06 | Huawei Technologies Co., Ltd. | Display screen with graphical user interface for viewing and installing applications in an electronic mall |
| KR102148809B1 (en) * | 2013-04-22 | 2020-08-27 | 삼성전자주식회사 | Apparatus, method and computer readable recording medium for displaying shortcut window |
| USD760254S1 (en) * | 2013-06-05 | 2016-06-28 | Samsung Electronics Co., Ltd. | Display screen or portion thereof with graphic user interface |
| AU353110S (en) * | 2013-06-05 | 2013-12-24 | Samsung Electronics Co Ltd | Display screen with graphical user interface |
| USD771084S1 (en) * | 2013-06-05 | 2016-11-08 | Samsung Electronics Co., Ltd. | Display screen or portion thereof with graphic user interface |
| USD757739S1 (en) * | 2013-06-05 | 2016-05-31 | Samsung Electronics Co., Ltd. | Display screen or portion thereof with graphic user interface |
| US20160320959A1 (en) * | 2014-01-15 | 2016-11-03 | Yulong Computer Telecommunication Scientific (Shenzhen) Co., Ltd. | Terminal Operation Apparatus and Terminal Operation Method |
| US9959026B2 (en) * | 2014-01-28 | 2018-05-01 | Adobe Systems Incorporated | Spread-to-duplicate and pinch-to-delete gestures |
| KR101713287B1 (en) * | 2014-02-28 | 2017-03-07 | 염광윤 | Contents editing method using thouchscreen |
| KR102177607B1 (en) * | 2014-05-16 | 2020-11-11 | 엘지전자 주식회사 | Mobile terminal and method for controlling the same |
| USD749114S1 (en) * | 2014-05-21 | 2016-02-09 | Sharp Kabushiki Kaisha | Display of mobile information terminal with transitional graphical user interface |
| US10255267B2 (en) * | 2014-05-30 | 2019-04-09 | Apple Inc. | Device, method, and graphical user interface for a predictive keyboard |
| USD779513S1 (en) * | 2014-07-07 | 2017-02-21 | Microsoft Corporation | Display screen with graphical user interface |
| KR102314109B1 (en) | 2015-01-05 | 2021-10-18 | 삼성전자주식회사 | A display apparatus and a display method |
| CN105843594A (en) * | 2015-01-13 | 2016-08-10 | 阿里巴巴集团控股有限公司 | Method and device for displaying application program page of mobile terminal |
| USD803230S1 (en) | 2015-02-20 | 2017-11-21 | Google Inc. | Portion of a display panel with a graphical user interface |
| USD789392S1 (en) | 2015-02-20 | 2017-06-13 | Google Inc. | Portion of a display panel with a graphical user interface |
| GB2552908A (en) * | 2015-03-27 | 2018-02-14 | Google Llc | Techniques for displaying layouts and transitional layouts of sets of content items in response to user touch inputs |
| JP6514061B2 (en) * | 2015-07-28 | 2019-05-15 | 京セラ株式会社 | Electronics |
| US11173010B2 (en) * | 2016-09-28 | 2021-11-16 | Biolase, Inc. | Laser control GUI system and method |
| US10831332B2 (en) * | 2017-02-23 | 2020-11-10 | The Florida International University Board Of Trustees | User interface element for building interior previewing and navigation |
| US11194467B2 (en) | 2019-06-01 | 2021-12-07 | Apple Inc. | Keyboard management user interfaces |
| US11416136B2 (en) | 2020-09-14 | 2022-08-16 | Apple Inc. | User interfaces for assigning and responding to user inputs |
Family Cites Families (55)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US5519606A (en) * | 1992-01-21 | 1996-05-21 | Starfish Software, Inc. | System and methods for appointment reconciliation |
| JP3166455B2 (en) * | 1993-10-25 | 2001-05-14 | ヤマハ株式会社 | Performance data creation device |
| US5850538A (en) * | 1997-04-23 | 1998-12-15 | The United States Of America As Represented By The Administrator Of The National Aeronautics And Space Administration | Priority queues for computer simulations |
| US6693869B1 (en) * | 1999-03-31 | 2004-02-17 | Microsoft Corporation | Locating information on an optical media disc to maximize the rate of transfer |
| US6421072B1 (en) * | 1999-06-03 | 2002-07-16 | International Business Machines Corporation | Displaying a complex tree structure among multiple windows |
| US6816174B2 (en) * | 2000-12-18 | 2004-11-09 | International Business Machines Corporation | Method and apparatus for variable density scroll area |
| JP3773426B2 (en) * | 2001-07-18 | 2006-05-10 | 株式会社日立製作所 | Preprocessing method and preprocessing system in data mining |
| JP4817556B2 (en) * | 2001-09-14 | 2011-11-16 | キヤノン株式会社 | Information processing apparatus, document processing method and program in information processing apparatus |
| EP1351121A3 (en) * | 2002-03-26 | 2009-10-21 | Polymatech Co., Ltd. | Input Device |
| US20040064441A1 (en) * | 2002-09-27 | 2004-04-01 | Tow Daniel S. | Systems and methods for providing structured query language optimization |
| US20050047629A1 (en) * | 2003-08-25 | 2005-03-03 | International Business Machines Corporation | System and method for selectively expanding or contracting a portion of a display using eye-gaze tracking |
| US7418670B2 (en) * | 2003-10-03 | 2008-08-26 | Microsoft Corporation | Hierarchical in-place menus |
| EP1591876A1 (en) * | 2004-04-30 | 2005-11-02 | Matsushita Electric Industrial Co., Ltd. | Method of sorting elements in a list of a graphical user interface |
| US7603362B2 (en) * | 2004-08-20 | 2009-10-13 | Microsoft Corporation | Ordered list management |
| US20060242122A1 (en) * | 2005-04-22 | 2006-10-26 | Microsoft Corporation | Systems, methods, and user interfaces for storing, searching, navigating, and retrieving electronic information |
| JP4437548B2 (en) * | 2005-12-09 | 2010-03-24 | ソニー株式会社 | Music content display device, music content display method, and music content display program |
| US8683362B2 (en) * | 2008-05-23 | 2014-03-25 | Qualcomm Incorporated | Card metaphor for activities in a computing device |
| US9507778B2 (en) * | 2006-05-19 | 2016-11-29 | Yahoo! Inc. | Summarization of media object collections |
| US20080040665A1 (en) * | 2006-07-06 | 2008-02-14 | Carsten Waldeck | Method and system for displaying, locating and browsing data files |
| JP2008046353A (en) * | 2006-08-16 | 2008-02-28 | Sony Corp | Table display method, information processing apparatus, and table display program |
| JP2008076841A (en) * | 2006-09-22 | 2008-04-03 | Sony Corp | Table display method, information processing apparatus, and table display program |
| JP2008112217A (en) * | 2006-10-27 | 2008-05-15 | Star Micronics Co Ltd | Cam apparatus and synchronization setting method |
| JP2008134866A (en) * | 2006-11-29 | 2008-06-12 | Sony Corp | Content browsing method, content browsing apparatus, and content browsing program |
| AU2006252191B2 (en) * | 2006-12-21 | 2009-03-26 | Canon Kabushiki Kaisha | Scrolling Interface |
| US7956847B2 (en) * | 2007-01-05 | 2011-06-07 | Apple Inc. | Gestures for controlling, manipulating, and editing of media files using touch sensitive devices |
| US20080294274A1 (en) * | 2007-05-22 | 2008-11-27 | Honeywell International Inc. | Special purpose controller interface with breadcrumb navigation support |
| US8681104B2 (en) * | 2007-06-13 | 2014-03-25 | Apple Inc. | Pinch-throw and translation gestures |
| US8255793B2 (en) * | 2008-01-08 | 2012-08-28 | Yahoo! Inc. | Automatic visual segmentation of webpages |
| KR101320919B1 (en) * | 2008-01-29 | 2013-10-21 | 삼성전자주식회사 | Method for providing GUI by divided screen and multimedia device using the same |
| JP4171770B1 (en) * | 2008-04-24 | 2008-10-29 | 任天堂株式会社 | Object display order changing program and apparatus |
| JP4666012B2 (en) * | 2008-06-20 | 2011-04-06 | ソニー株式会社 | Image processing apparatus, image processing method, and program |
| JP5324143B2 (en) * | 2008-07-01 | 2013-10-23 | キヤノン株式会社 | Display control apparatus and display control method |
| US8279241B2 (en) * | 2008-09-09 | 2012-10-02 | Microsoft Corporation | Zooming graphical user interface |
| KR101586627B1 (en) * | 2008-10-06 | 2016-01-19 | 삼성전자주식회사 | A method for controlling of list with multi touch and apparatus thereof |
| US8610673B2 (en) * | 2008-12-03 | 2013-12-17 | Microsoft Corporation | Manipulation of list on a multi-touch display |
| US20100162179A1 (en) * | 2008-12-19 | 2010-06-24 | Nokia Corporation | Method and Apparatus for Adding or Deleting at Least One Item Based at Least in Part on a Movement |
| JP5461030B2 (en) * | 2009-03-02 | 2014-04-02 | アルパイン株式会社 | Input device |
| KR20100115547A (en) * | 2009-04-20 | 2010-10-28 | 에스케이 텔레콤주식회사 | Method for zooming contents, touch screen terminal and computer-readable recording medium with program therefor |
| US8669945B2 (en) * | 2009-05-07 | 2014-03-11 | Microsoft Corporation | Changing of list views on mobile device |
| JP5206587B2 (en) * | 2009-05-26 | 2013-06-12 | ソニー株式会社 | Editing device, editing method and editing program |
| US8294710B2 (en) * | 2009-06-02 | 2012-10-23 | Microsoft Corporation | Extensible map with pluggable modes |
| JP5493490B2 (en) * | 2009-06-16 | 2014-05-14 | ソニー株式会社 | Display control apparatus, display control method, and display control program |
| JP4952747B2 (en) * | 2009-06-26 | 2012-06-13 | ソニー株式会社 | Content processing apparatus, content processing method, and content processing program |
| WO2011037558A1 (en) * | 2009-09-22 | 2011-03-31 | Apple Inc. | Device, method, and graphical user interface for manipulating user interface objects |
| US20110087999A1 (en) * | 2009-09-30 | 2011-04-14 | International Business Machines Corporation | Set definition in data processing systems |
| JP2011168262A (en) | 2010-02-19 | 2011-09-01 | Isao Yuasa | Putty surfacing tool |
| CN101819500A (en) * | 2010-03-08 | 2010-09-01 | 广东欧珀移动通信有限公司 | Handheld device list line display browsing adjustment method |
| US8957920B2 (en) * | 2010-06-25 | 2015-02-17 | Microsoft Corporation | Alternative semantics for zoom operations in a zoomable scene |
| KR102033599B1 (en) * | 2010-12-28 | 2019-10-17 | 삼성전자주식회사 | Method for moving object between pages and interface apparatus |
| US9946429B2 (en) * | 2011-06-17 | 2018-04-17 | Microsoft Technology Licensing, Llc | Hierarchical, zoomable presentations of media sets |
| JP5849502B2 (en) * | 2011-08-01 | 2016-01-27 | ソニー株式会社 | Information processing apparatus, information processing method, and program |
| JP2013033330A (en) * | 2011-08-01 | 2013-02-14 | Sony Corp | Information processing device, information processing method, and program |
| US20130067420A1 (en) * | 2011-09-09 | 2013-03-14 | Theresa B. Pittappilly | Semantic Zoom Gestures |
| CA2782784A1 (en) * | 2011-10-17 | 2013-04-17 | Research In Motion Limited | Electronic device interface |
| US8650502B2 (en) * | 2011-11-23 | 2014-02-11 | International Business Machines Corporation | Method for precise navigation of data |
-
2011
- 2011-08-01 JP JP2011168262A patent/JP2013033330A/en active Pending
-
2012
- 2012-07-20 US US13/554,397 patent/US20130036387A1/en not_active Abandoned
- 2012-07-20 EP EP12177322.0A patent/EP2555104A3/en not_active Ceased
- 2012-07-20 EP EP24160375.2A patent/EP4407429A3/en active Pending
- 2012-07-25 CN CN201210260791.2A patent/CN103176703B/en active Active
- 2012-07-25 CN CN201810194597.6A patent/CN108334262B/en active Active
-
2017
- 2017-09-06 US US15/697,188 patent/US11042287B2/en active Active
-
2021
- 2021-06-01 US US17/335,489 patent/US20210286512A1/en not_active Abandoned
-
2023
- 2023-09-07 US US18/462,967 patent/US12182393B2/en active Active
-
2024
- 2024-10-18 US US18/919,453 patent/US20250044935A1/en active Pending
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103399691A (en) * | 2013-08-07 | 2013-11-20 | 浙江宇天科技股份有限公司 | Method and device for loading and displaying data |
| CN104506725A (en) * | 2014-12-19 | 2015-04-08 | 广东欧珀移动通信有限公司 | Method and device for viewing call records |
Also Published As
| Publication number | Publication date |
|---|---|
| US12182393B2 (en) | 2024-12-31 |
| EP4407429A2 (en) | 2024-07-31 |
| US20130036387A1 (en) | 2013-02-07 |
| CN108334262B (en) | 2021-10-29 |
| JP2013033330A (en) | 2013-02-14 |
| EP2555104A3 (en) | 2016-01-27 |
| US11042287B2 (en) | 2021-06-22 |
| EP4407429A3 (en) | 2024-10-23 |
| CN108334262A (en) | 2018-07-27 |
| US20230418463A1 (en) | 2023-12-28 |
| US20250044935A1 (en) | 2025-02-06 |
| EP2555104A2 (en) | 2013-02-06 |
| CN103176703B (en) | 2018-04-13 |
| US20210286512A1 (en) | 2021-09-16 |
| US20170371536A1 (en) | 2017-12-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103176703B (en) | Information processing device, information processing method, and program | |
| CN110083285B (en) | Information processing device, information processing method, and program | |
| JP5942978B2 (en) | Information processing apparatus, information processing method, and program | |
| KR101580259B1 (en) | GUI providing method and electronic device using the same | |
| CN102707866B (en) | For the method and apparatus navigated based on the user interface of hierarchical menu | |
| CN101802763B (en) | Method for providing GUI and multimedia device using the method | |
| CN101789250B (en) | Apparatus and method for adjusting a characteristics of a multimedia item | |
| CN114764449A (en) | User interface and method for adjusting semantic zoom of image block | |
| JP5797590B2 (en) | Display device, display method, control program, and recording medium | |
| WO2013168805A1 (en) | Information processing device, information processing device control method, control program, and recording medium | |
| KR102219798B1 (en) | Display apparatus and method for operating the same | |
| KR102017283B1 (en) | The method and apparatus for displaying a plurality of applications being executed on a device | |
| CN102713818A (en) | Portable terminal device having an enlarged-display function, method for controlling enlarged display, and computer-read-enabled recording medium | |
| JP6172251B2 (en) | Information processing apparatus, information processing method, and program | |
| KR102219797B1 (en) | Display apparatus and method for operating the same | |
| CN106062874A (en) | Method and device for controlling the selection of media data for reproduction | |
| JP2018190474A (en) | Information processing apparatus, information processing method, and program | |
| JP2016184418A (en) | Information processing apparatus, information processing method, and program |
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 |