编辑界面的制作方法

专利名称：编辑界面的制作方法
技术领域：
公开的实施例涉及图形用户界面。
背景技术：
随着便携式设备变得更为紧凑，并且随着处理和存储的信息量的增 加，设计允许 用户容易地与设备交互的用户界面成为了一个重大挑战。这是不适宜的，因为用户界面不 仅是用户接收内容的通道，而且还是响应用户动作或行为，包括用户试图访问设备的功能 部件(feature)或工具的通道。某些便携式电子设备(例如，移动电话)借助于增加更多的 按钮、重载按钮的功能或使用复杂的菜单系统，来允许用户访问、存储和操纵功能或数据。 这些传统的用户界面通常导致用户必须记忆的复杂按键序列和菜单分层结构。许多传统的用户界面，诸如包括物理按钮的用户界面，还是不灵活的。这是不适宜 的，因为这种不灵活性可能阻碍由运行在便携式设备上的应用或由用户配置和/或调整用 户界面。当结合有记忆多个按键序列和/或菜单分层结构的耗时要求时，这种不灵活性使 得许多用户受到挫败。某些传统的用户界面可由用户配置，从而允许至少部分的定制。不幸的是，修改这 些传统的用户界面的处理通常与使用传统的用户界面本身一样麻烦和复杂。具体地，配置 这些传统的用户界面的过程中所需的行为通常是不直观，并且指导用户动作的相应指示器 通常难以理解。这些挑战通常是使用户感到更为受挫的来源。

发明内容
一种便携式电子设备，在触敏显示器的用户界面的一个或多个区域内显示图标 (例如，图形对象)，并且检测指出用户界面内的图标的位置交换的用户输入。在某些方面， 可以选择用户界面内的两个图标的相应位置，以便在用户界面的一个或多个区域内交换位 置，并且一个或两个图标可以改变其视觉外观，以便指示其选择状态。在某些实现中，一种方法包括在触敏显示器的第一位置显示第一图标；在触敏 显示器的第二位置显示第二图标；接收指出选择第一图标的第一触摸输入；响应第一触摸 输入，修改第一图标的视觉外观；接收指示第一图标移动到第二图标附近区域内的第二触 摸输入；和响应第二触摸输入，修改第二图标的视觉外观。在某些实现中，一种方法包括在触敏显示器的第一位置显示第一图标；接收指 出选择所述图标的第一触摸输入；响应第一触摸输入，修改所述图标的视觉外观；接收指 示所述图标移动到用户界面内的第二位置附近区域内的第二触摸输入；和响应第二触摸输 入，修改第二位置的视觉外观。在某些实现中，一种方法包括在触敏显示器的第一页面内显示第一图标；接收 指出选择第一图标的第一触摸输入；响应第一触摸输入，修改第一图标的视觉外观；接收 指示第一图标移动到所述触敏显示器的边缘的附近区域内的第二触摸输入；响应第二触摸 输入，显示所述触敏显示器的第二页面，第二页面包括第二图标；接收指示第一图标移动到第二图标附近区域内的第三触摸输入；和响应第三触摸输入，修改第二图标的视觉外观。


图1是用于便携式电子设备的位置调整的一个实施例的流程图；图2A是响应调整一个或多个图标的位置的触摸输入的便携式电子设备的一个实 施例的图示；图2B是响应调整一个或多个图标的位置的触摸输入的便携式电子设备的一个实 施例的图示；图2C是响应调整一个或多个图标的位置的触摸输入的便携式电子设备的一个实 施例的图示；图2D是响应调整一个或多个图标的位置的触摸输入的便携式电 子设备的一个实 施例的图示；图2E是响应调整一个或多个图标的位置的触摸输入的便携式电子设备的一个实 施例的图示；图3A是响应调整一个或多个图标的位置的触摸输入的便携式电子设备的一个实 施例的图示；图3B是响应调整一个或多个图标的位置的触摸输入的便携式电子设备的一个实 施例的图示；图4是便携式电子设备的一个实施例的方框图；图5是便携式电子设备的一个实施例的方框图，示出了对用户界面的一个或多个 区域内的图标的重新定位；和图6是用于交换用户界面的图标的处理的一个实施例的流程图。
具体实施例方式现在详细参考实施例，附图中示出了这些实施例的例子。在下面的详细描述中，阐 述了若干特定细节，以便提供对本发明的完整理解。然而，本领域的技术人员将明了可以实 现本发明而不使用这些特定细节。在其它情况下，不详细描述公知的方法、过程、组件和电 路，以便不必要地模糊实施例的各方面。界面重配置模式概述现在关注具有图形用户界面(GUI)的便携式电子设备的实施例，包括便携式通信 设备。该便携式设备包括界面重配置模式。响应用户启动界面重配置模式，可以相对于显 示在便携式设备上的一个或多个图标的各自的平常位置改变这些图标的位置。一个或多个 图标的位置变化可以包括动画显示一个或多个图标，以便模拟一个或多个图标在相应于便 携式设备的显示器表面的表面上的浮动。显示器可以是触敏显示器，其响应输入笔或一个 或多个手指在一个或多个接触点的物理接触。虽然下面的实施例可以等同地应用于其它类 型的显示器，但使用触敏显示器作为说明性例子。一个或多个图标的位置变化可以直观地向用户指示可由用户重新配置一个或多 个图标的位置。用户可以修改、调整和/或重新配置一个或多个图标的位置。在便携式设备 包括触敏显示器的实施例中，用户可以在第一位置处的相应图标附近接触触敏显示器。在与触敏显示器接触之后，相应图标可以停止改变其位置。用户可以将相应图标拖动到第二 位置。在中断与触敏显示器的接触之后，相应图标可以继续改变其位置。在某些实施例中， 显示可以包括两个区域。在界面重配置模式中，显示在第一区域中一个或多个图标的位置 可以改变，而显示在第二区域内的一个或多个图标的位置可以是固定的。用户可以在界面重配置模式中简单地修改、调整和/或重新配置附加图标的位 置。当用户已经完成这些变化时(至少暂时地)，他或她可以终止界面重配置模式。响应这 种用户动作，便携式设备可以返回操作的正常模式，并且改变一个或多个图标的显示位置 将停止。用户可以通过选择便携式设备上的一个或多个适当的物理按钮、通过手势(诸 如，以一个或多个手指在触敏显示器上接触并且挥动)和/或通过选择一个或多个软按钮 (诸如，显示在触敏显示器上的一个或多个图标)启动或终止界面重配置处理。如此处使用 的，手势是物体/附件(appendage)与触摸屏显示器表面接触的动作。在某些实施例中，在 启动界面重配置处理预定时间之后，界面重配置处理将终止，即，存在超时。
显示在便携式设备上的一个或多个图标可以是图形对象。在某些实施例中， 所述一个或多个图标可以是专用接口工具集(widget，或称“窗口小插件”)，这些专 用接口工具集是构成可由用户操作的控件，诸如，控制条、按钮和文本框的屏幕表示 (on-screenrepresentation)的状态和过程的组合。在示例实施例中，所述一个或多个图标 相应于可由用户通过在感兴趣的图标附近接触触敏显示器来选择的应用程序(电子邮件、 浏览器、地址簿等)。图1是用于便携式电子设备的位置调整处理100的一个实施例的流程图。虽然下 面描述的位置调整处理100包括以特定顺序出现的若干操作，但是应当理解，处理100可以 包括更多或更少的操作，这些操作可被串行或并行执行(例如，使用并行处理器或多线程 环境)，可以改变两个或更多个操作的顺序和/或可将两个或更多个操作组合为单个操作。在位置调整处理100中，多个图标被显示在触敏显示器内的⑶I中(110)。检测启 动界面重配置处理的第一预定用户动作(112)。示例的预定用户动作包括选择便携式设备 上的物理按钮，在触摸屏显示器表面上做出预定手势，或选择软按钮。改变所显示的多个图 标中的一个或多个图标的一个或多个位置(114)。检测在相应图标的第一位置处与触敏显 示器的接触点(116)。检测该接触点移动到第二位置(118)。显示相应图标移动到第二位 置，并且显示第二位置处的相应图标(120)。如果检测到终止界面重配置处理的第二预定用户动作(122- “是”)，则固定一个 或多个图标的一个或多个位置(124)。示例的预定用户动作包括选择或解除选择便携式设 备上的物理按钮，在触摸屏显示器表面上做出另一个预定手势，或选择或解除选择软按钮。 固定的一个或多个位置可以对应于一个或多个图标的相应的一个或多个平常位置。如果未 检测到终止界面重配置处理的第二预定用户动作(122- “否”)，当检测到相同或另一个图 标附近的接触点时，处理可以继续(116)。图2A是响应调整一个或多个图标的位置的触摸输入的便携式电子设备200的一 个实施例的图示。便携式电子设备200包括具有GUI210的触敏显示器。显示器表面是透明的，以便允许向用户显示各种图形对象(例 如，专用接口工具集)。在某些实施例中，⑶I 210被划分为多个部分或窗口。例如，⑶I210的区域212可以包括用于保持表示用户频繁使用的功能(例如，视频、天气、日程安排、 游戏、音乐等)的图标或图形对象222的托盘216，以及用于保持表示用户较不频繁使用的 功能(例如，邮件、地址簿、浏览器等)的图标或图形对象220的托盘214。⑶I 210还可以 包括相应于便携式电子设备200的高级别功能的图形对象。例如，通过按压菜单按钮240， 可以在⑶I 210中呈现和改变各种对象和/或图像。在包括移动电话的实施例中，可以在 GUI 210中呈现表示传统语音和数据服务操作(例如，保持，清除等)的专用图形对象。用户可以通过使用输入笔、手指218 (在图2中未按比例画出)或多于一个手指接 触具有⑶I 210的显示器表面，与便携式通信设备200交互。例如，用户可以在图标222之 一的位置处接触显示器表面(直接接触)，从而激活 相应于该图标的功能或应用程序。在某 些实施例中，当用户接触该图标的位置，并且然后断开接触时(例如，敲击手势)，图标222 被激活。在某些实施例中，用于激活图标的与显示器表面的接触可以不在图标222的位置 处。而是该接触可以在图标222附近(非直接接触)。后一种技术类似于web页面和其它 计算机用户界面使用的“热点”。图2B-D示出了界面重配置模式中的便携式电子设备200。在启动界面重配置模 式之后，托盘216中的一个或多个图标222的显示从以前的固定位置改变为随时间改变的 位置。如前所述，该显示可以包括动画显示一个或多个图标222，以便模拟一个或多个图标 222在相应于显示器表面的表面上的浮动。例如，界面重配置模式中一个或多个图标222的 位置的动画改变可以类似于空中曲棍球游戏中的曲棍球(hockey puck)的位置改变。图标 222中的相应图标的一个或多个显示位置可以在以相应图标的平常位置为中心的区域224 中改变。虽然图2B-2D示出了托盘216中的一个或多个图标222的移动，在其它实施例中， 独立于或除了托盘216中的一个或多个图标222之外，可以改变⑶I 210的另一个区域诸 如托盘214内的一个或多个图标220的位置。一个或多个图标222的随时间改变的一个或多个位置直观地向用户指示可以修 改一个或多个图标222的位置。这被在图2C-D中示出，图2C-D示出了界面重配置模式中 的便携式电子设备200。用户可以直接或非直接接触在位置226移动的图标之一，并且沿着 具有GUI 210的显示器表面移动接触点。由便携式电子设备200检测接触和移动。作为结 果，在相应于游戏的这个例子中，相应地移动所显示的图标。如图2D所示，用户将游戏图标移动到位置228，并且中断与显示器表面的接触。现 在游戏图标显示在位置228。虽然在图2D中游戏图标的显示位置被示出为是固定的，但在 某些实施例中，一旦用户断开与显示器表面的接触，游戏图标的位置可以改变。在某些实施 例中，在界面重配置模式中，仅有显示在GUI 210的一个或多个子部分内的图标被以变化 的位置显示。因此，如果游戏图标已被拖到托盘222中的另一个位置，则在用户断开与显示 器的接触之后，它可被以变化的位置显示。图2D也示出了浏览器图标到位置230的可选择放置。由于至少部分地与游戏图 标重叠，浏览器图标可被从其初始位置228放置到其新位置230，即，当便携式电子设备200 确定用户将游戏图标定位在浏览器图标之上时，改变浏览器图标的显示位置。在其它实现中，当附加图标诸如浏览器图标被添加到托盘214内时，可以从托盘 214中逐出或去除一个图标。例如，托盘214可被配置为容纳有限数目的图标，诸如4个图标。如果附加图标被添加到托盘214，与附加图标最近的图标或与附加图标至少部分地重叠 的图标可被从托盘214中逐出或去除。图2E示出了已经终止或停止(由于超时)界面重配置模式之后的便携式电子设 备200。GUI210中的图标具有固定的位置。游戏图标和浏览器图标被显示在它们在托盘 214中的新位置处。界面重配置模式中的动画效果，诸如，一个或多个图标222的变化的一个或多个 位置，可以与具有⑶I 210的显示器表面大体一致的平面内的一个或多个图标的相应运动 方程为根据。运动方程可以具有允许模拟和/或动画显示一个或多个图标的浮动或滑动的 小于一个阈值的摩擦系数。相应图标的运动方程可以具有非零的初始速度、非零的角速度 和/或相对于相应图标的相应平常位置的恢复力，从而相应图标的位置在大体上以相应图 标的相应平常位置为中心的区域224(图2D)中振荡。在某些实施例中，在界面重配置模式中，相应图标的位置可以这种方式改变，使得 相应图标在保持相对于GUI 210和便携式电子设备200的固定取向的同时，绕着相应图标 的相应平常位置旋转。这被在图3A和3B中示出，图3A和3B示出了界面重配置模式中的 便携式电子设备200。在这个例子中，托盘216中的视频图标222的位置以这种方式改变， 使得它在区域224中保持固定的 取向。这可以使得用户在界面重配置模式中更易于确定相 应图标的功能。便携式电子设备体系结构现在关注便携式电子设备体系结构的实施例。图4是便携式电子设备的一个实施 例的方框图。便携式电子设备400 —般包括一个或多个计算机可读介质402、处理系统404、 输入/输出(I/O)子系统406、射频(RF)电路408和音频电路410。这些组件可被以一个 或多个通信总线或信号线403耦接。设备400可以是任意便携式电子设备，包括但不限于 手持计算机、平板计算机、移动电话、媒体播放器、个人数字助理(PDA)等，包括这些项中的 两个或更多个的组合。应当明了，图4所示的体系结构仅是便携式电子设备400的体系结构的一个例 子，并且设备400可以具有比所示更多或更少的组件，或不同的组件配置。图4所示的各 种组件可以硬件、软件或硬件和软件两者的组合实现，包括一个或多个信号处理和/或专 用集成电路。RF电路408用于在无线链路或网络上向一个或多个其它设备发送和从一个 或多个其它设备接收信息，并且包括用于执行该功能的公知电路，包括但不限于天线系统、 RF收发器、一个或多个放大器、调谐器、一个或多个振荡器、数字信号处理器、编码解码芯片 组、存储器等。在某些实施例中，RF电路408能够使用一种或多种通信协议建立并且保持 与其它设备的通信，所述通信协议包括但不限于时分多址(TDMA)、码分多址(CDMA)、全球 移动通信系统(GSM)、增强式数据GSM环境(EDGE)、宽带码分多址(W-CDMA)、Wi-Fi (诸如 IEEE 802. 11a、IEEE 802. lib、IEEE 802. Ilg 禾口 / 或 IEEE802. Iln)、蓝牙、Wi-MAX、语音电 话(VoIP)、电子邮件协议、即时消息发送和/或短消息服务(SMS)、或任意其它适合的通信 协议，包括提交本文档时尚未开发的通信协议。RF电路408和音频电路410通过外设接口 416连接到处理系统404。接口 416包 括用于建立和保持外设和处理系统404之间的通信的各种已知组件。音频电路410耦接到 音频扬声器450和麦克风452，并且包括用于处理从接口 416接收的语音信号，以便使得用户能够实时地与其它用户通信的已知电路。在某些实施例中，音频电路410包括耳机插孔 (未示出)。由RF电路408和音频电路410接收的语音和数据信息(例如，在语音识别或 语音命令应用中)通过外设接口 416被发送到一个或多个处理器418。一个或多个处理器 418可配置为处理用于存储在介质402上的一个或多个应用程序430的各种数据格式。注意，术语“数据”包括但不限于可由存储在介质402上的一个或多个应用程序 430(例如，web浏览器、电子邮件等)使用的文本、图形、Web页面、JAVA小程序、专用接口 工具集、电子邮件、即时消息、语音、数字图 像或视频、专用接口工具集、MP3等。在某些实施 例中，设备400能够通过无线网络或外部端口 436上传和从Internet下载各种数据，诸如， 文件、歌曲、数字图像、视频、电子邮件、专用接口工具集、即时消息等。外设接口 416将该设备的输入和输出外设耦接到处理器418和计算机可读介质 402。一个或多个处理器418通过控制器420与一个或多个计算机可读介质402通信。计 算机可读介质402可以是可以存储由一个或多个处理器418使用的代码和/或数据的任意 设备或介质。介质402可以包括存储器分层结构，包括但不限于，高速缓存、主存储器和辅 助存储器。可以使用RAM(例如，SRAM、DRAM、DDRAM)、ROM、FLASH、磁和/或光存储设备，诸 如盘驱动器、磁带、CD(压缩盘)和DVD(数字视盘)的任意组合实现存储器分层结构。介 质402还可以包括用于承载指示计算机指令或数据的带有信息的信号的传输介质(具有 或不具有信号在其上被调制的载波)。例如，传输介质可以包括通信网络，包括但不限于， Internet (也称为万维网)、一个或多个内联网、局域网(LAN)、广域网(WLAN)、存储区域网 络(SAN)、城域网(MAN)等。一个或多个处理器418运行存储在媒介402中的各种软件组件以便执行设备400 的各种功能。在某些实施例中，软件组件包括操作系统422、通信模块(或指令集合)424、 接触/移动模块(或指令集合)426、图形模块(或指令集合)428、一个或多个应用(或指 令集合)430、计时器模块(或指令集合)438和重配置模块(或指令集合)440。操作系统422 (例如，Darwin、RTXC、UNUX、UNIX、OS X、WINDOWS 或诸如 VxWorks 的 嵌入式操作系统)包括各种程序、指令集合、软件组件和/或用于控制和管理一般系统任务 的驱动程序(例如，存储器管理、存储设备控制、电源管理等)，并且使得便于在各种硬件和 软件组件之间进行通信。通信模块424使得便于在一个或多个外部端口 436上或通过RF电路408与其它 设备通信，并且包括用于处理从RF电路408和/或外部端口 436接收的数据的各种软件组 件。外部端口 436 (例如，USB、FireWireTM等)适用于直接或通过网络(例如，Internet、 无线LAN等)间接耦接其它设备。图形模块428包括用于在触敏显示器系统412的显示器表面上呈现、动画显示和 显示图形对象的各种已知软件组件。注意，术语“图形对象”包括可被显示给用户的任意对 象，包括但不限于文本、web页面、图标、数字图像、动画等。一个或多个应用430可以包括安装在设备400上的任意应用，包括但不限于，浏览 器、地址簿、联系人列表、电子邮件、即时消息发送、字处理、键盘仿真、专用接口工具集、能 够使用JAVA的应用、加密、数字版权管理、语音识别、语音复制、位置确定能力(诸如由全球 定位系统(GPS)提供的)、音乐播放器(它回放存储在一个或多个文件内的记录的音乐，诸 如MP3或AAC文件)等。
在某些实施例中，设备400可以包括MP3播放器诸如iPod (苹果计算机公司的商 标)的功能。因此设备400可以包括与iPod兼容的36针连接器。在某些实施例中，设备 400可以包括用于成像应用的一个或多个可选择的光学传感器(未示出)，诸如CMOS或CCD 图像传感器。
接触/移动模块426包括用于执行与触敏显示器系统412相关联的各种任务的各 种软件组件，诸如前面参考图1-3的实施例所描述的软件组件。计时器模块438是用于界面重配置处理100 (图1)的软件计时器。还可以用硬件 实现计时器模块438。重配置模块440可以包括图标效果模块(或指令集合)442。图标效果模块442可 以包括在界面重配置模式中用于图标的动画。在某些实施例中，图标效果模块442可以包 括在图形模块428内。I/O子系统406耦接到触敏显示器系统412和用于控制或执行各种功能，诸如，电 源控制、扬声器音量控制、振铃音量、键盘输入、滚动、保持、菜单、屏幕锁、清除和结束通信 等的一个或多个物理控制设备414 (例如，按钮、开关、刻度盘、LED等)。触敏显示器412通 过触敏屏幕控制器432与处理系统404通信，触敏屏幕控制器432包括用于处理用户输入 的各种组件(例如，扫描硬件)。一个或多个其它输入控制器434从/向其它输入或控制设 备414接收/发送电信号。其它输入/控制设备414可以包括物理按钮(例如，按压按钮、 摇杆按钮等)、刻度盘、滑块开关、操纵杆等。触敏显示器412在⑶I中向用户显示视觉输出。视觉输出可以包括文本、图形、视 频和其任意组合。某些或全部视觉输出可以相应于用户界面对象。触敏显示器412还可以 基于触感和/或感触接触接受来自用户的输入。触敏显示器412构成接受用户输入的触敏 表面。触敏显示器412和触摸屏控制器432 (以及介质402中的任意相关联的模块和/或指 令集合)检测触敏显示器412上的接触(以及接触的任意移动或释放)，并且将检测到的接 触转换为与用户界面对象，诸如，当接触发生时显示在触摸屏上的一个或多个软按键的交 互。在示例实施例中，触敏显示器412和用户之间的接触点相应于用户的一个或多个数字。 触敏显示器412可以使用LCD (液晶显示器)技术，或LPD (发光聚合物显示器)技术，虽然 在其它实施例中也可以使用其它显示器技术。触敏显示器412和触摸屏控制器432可以使 用多种触敏技术中的任意一种检测接触和其任意移动或释放，包括但不限于，电容式、电阻 式、红外线和表面声波技术，以及其它接近传感器阵列或用于确定与触敏显示器412的一 个或多个接触点的其它元件。触敏显示器可以类似于在下列美国专利中描述的多点触敏板 6，323，846 (Westerman 等)，6，570, 557 (Westerman 等)和 / 或 6，677，932 (Westerman)，和 / 或美国专利公开2002/0015024A1，通过引用将它们中的每一个结合在此。然而，触摸屏126 显示来自便携式设备的视觉输出，而触敏板不提供视觉输出。触敏显示器412可以具有超 过IOOdpi的分辨率。在示例实施例中，触敏显示器412可以具有近似168dpi的分辨率。用 户可以使用任意适合的物体或附件，诸如，输入笔、钢笔、手指等接触触敏显示器412。在某些实施例中，除了触摸屏之外，设备400可以包括用于激活或去活特定功能 的触摸垫(未示出)。在某些实施例中，触摸垫是设备的一个触敏区域，不同于触摸屏，它不 显示视觉输出。触摸垫可以是与触敏显示器412分离的触敏表面，或是由触敏显示器412构成该触敏表面的延伸部分。设备400还包括用于给各种硬件组件供电的电源系统444。电源系统444可以包 括电源管理系统、一个或多个电源(例如，电池、交流电(AC))、充电系统、电源故障检测电 路、功率转换器或倒相器、电源状态指示器(例如，发光二极管(LED))和通常与便携式设备 中的电能产生、管理和分配相关联的任意其它组件。在某些实施例中，外设接口 416、一个或多个处理器418和存储器控制器420可在 单个芯片上实现，诸如处理系统404。在某些其它实施例中，它们可在不同芯片上实现。重定位图标图5是便携式电子设备的一个例子的方框图，示出了用户界面中的一个或多个区 域内的用户界面元素(此后一般地称为“图标”)的重定位。在某些实现中，用户在设备(例 如，便携式电子设备500)的用户界面501内重定位 一个或多个图标502。在某些实现中，用 户可以在设备500上启动界面重配置模式。在界面重配置模式中时，可由用户在用户界面 501内重定位一个或多个图标502。在界面重配置模式中时，用户可以触摸图标502之一， 并且将其拖到用户界面501上所希望的新位置。例如，用户可以将从图标502中选择的图 标508拖到托盘504中空的或已被占据的位置，在图标508被拖到已被占据的位置的情况 下，以图标508取代占据的图标512。在某些实现中，当设备500进入界面重配置模式时，可移动的图标502可以按比例 缩放的大小(例如缩放到150)被显示当设备500退出界面重配置模式时，图标502可被以 其初始大小显示。可替换地，以按比例缩放的大小显示设备500处于界面重配置模式时用 户触摸并且移动的一个图标(与所有可移动图标502相对比)，以便向用户指示其选择状 态。当触摸停止时，图标可再次被以其它初始大小显示在其它实现中，所选择的图标可以改 变颜色、动画显示、闪烁、改变形状、显示文本或以其它方式修改其视觉外观。除了改变其视 觉外观之外，设备500可以发出可听到的声音(例如，音调、音调序列)以便指示其选择状 态。在某些实现中，可以允许重定位图标而不用进入设备500上的重配置模式。在某些实现中，图标可以被显示在多个“页面”内，并且用户可以在这些页面之间 导航，其例子描述于2007年9月4日提交的题目为"Application Menu User Interface" 的美国专利申请No. 11/850，005，通过引用将该专利申请完整结合在此。在这种实现中，用 户可以将图标从第一图标页面拖到第二图标页面。例如，用户可以触摸并且拖动第一页面 内的图标，并且将该图标拖向用户界面501的边缘。当该图标被拖到距用户界面501的边 缘预定距离(例如，5个像素)内时，显示在用户界面501上的第一图标页面可被第二图标 页面取代。用户可以将拖动的图标定位在现在显示在用户界面501上的第二页面内。在某些实现中，用户可以将第一图标拖向用户界面501内的第二图标，以便交换 两个图标在用户界面501内的位置。在该情况下，可以用附加的图形效果显示第二图标，以 便指示其与第一图标交换或取代第一图标的选择状态。例如，可以用从高强度(例如，明 亮)到低强度(例如，暗淡)并且返回高强度的振荡的视觉强度显示第二图标。作为另一 个例子，可以用“发光”效果显示第二图标。在某些实现中，当第一图标被移动到第二图标 的预定距离内时，可以触发应用于第二图标的附加图形效果。图5示出了示例的移动设备500，其中第一图标508被移动到位于托盘504中的第 二图标512的附近位置。该附近位置可以是以边界510示出的距离图标512外围的χ个像素(例如，1个像素)。当移动第一图标508，从而第一图标508的任意部分位于由边界510 封闭的区域内时，可以用附加的图形效果显示第二图标512，诸如例如，发光效果或振荡的 强度。在某些实现中，当用户在第二图标512上释放对第一图标508的触摸，并且从而交换 它们的位置时，或当用户将第一图标508移动到由边界510封闭的区域之外时，可以不显示 附加的图形效果。在某些实现中，第一图标508可被重定位在托盘504内的空白位置。在 这种实现中，可以显示轮廓510，以便指示托盘504内的当用户释放触摸时第一图标508将 可以位于的空白位置。可以提供其它视觉反馈，以便指示托盘504内的空白或可用位置，诸 如改变托盘504内的位置的颜色或不透明度，或在托盘504内的位置处应用图形、图案覆盖 或动画对象。交换图标位置的处理
图6是用于交换用户界面的图标的示例处理600的流程图。在某些实现中，处理 600包括在触敏显示器的第一位置显示第一图标(602)。触敏显示器可以是响应手指手势 和触摸的多点触敏显示器。第二图标被显示在触敏显示器的第二位置，或与触敏显示器的 第二位置相关联(604)。在某些实现中，第一和第二图标位置可以是用户界面的不同区域。 例如，第一区域可用于显示第一组图标，并且第二区域可以是托盘、码头(dock)、菜单条、第 二页面或能够以在视觉上区别于第一组图标或以其它方式突出显示第二组图标的方式显 示第二组图标的任意其它用户界面元素。第二组图标可以包括频繁使用的图标或具有共同 性质或属性(例如，应用图标)的图标。处理600接收指出选择第一图标的第一触摸输入(606)。可以用手指或输入笔执 行触摸。响应第一触摸输入，修改第一图标的视觉外观(608)。修改第一图标的视觉外观的 某些例子包括但不限于按比例缩放、改变颜色、振动、跳动、显示文本、动画显示等。处理600接收指出第一图标移动到第二图标附近区域内的第二触摸输入(610)。 所述移动可以是在显示器上拖动第一图标。在某些实现中，当作为所述移动的结果或响应 所述移动，第一图标触及或越过至少部分地围绕第二图标的(透明的或不透明的)边界线 时，发生接近第二图标。响应第二触摸输入，可以修改第二图标的视觉外观(612)。修改第二图标的某些例 子包括但不限于按比例缩放、应用发光效果、改变颜色、振动、跳动、动画显示等。出于说明和描述的目的给出特定实施例的上述描述。它们不旨在是无遗漏的，或 将本发明局限于公开的精确形式。而是应当理解，鉴于上述教导，可以有许多修改和变形。 选择并且描述这些实施例，以便最好地解释本发明的原理和其实际应用，从而使得本领域 的技术人员能够最好地利用本发明以及具有适合于构想的特定用途的各种修改的各种实 施例。
权利要求
一种方法，包括在触敏显示器的第一位置显示第一图标；在触敏显示器的第二位置显示第二图标；接收指出选择第一图标的第一触摸输入；响应第一触摸输入，修改第一图标的视觉外观；接收指示第一图标移动到第二图标附近区域内的第二触摸输入；和响应第二触摸输入，修改第二图标的视觉外观。
2.一种方法，包括在触敏显示器的第一位置显示图标； 接收指出选择所述图标的第一触摸输入； 响应第一触摸输入，修改所述图标的视觉外观；接收指示所述图标移动到用户界面内的第二位置附近区域内的第二触摸输入；和 响应第二触摸输入，修改第二位置的视觉外观。
3.一种方法，包括在触敏显示器的第一页面内显示第一图标； 接收指出选择第一图标的第一触摸输入； 响应第一触摸输入，修改第一图标的视觉外观；接收指示第一图标移动到所述触敏显示器的边缘的附近区域内的第二触摸输入； 响应第二触摸输入，显示所述触敏显示器的第二页面，所述第二页面包括第二图标； 接收指示第一图标移动到第二图标附近区域内的第三触摸输入；和 响应第三触摸输入，修改第二图标的视觉外观。
4.如权利要求1所述的方法，其中所述触敏显示器是对手指手势做出响应的多点触敏显不器。
5.如权利要求1所述的方法，其中修改第一图标包括将第一图标缩放到不同大小。
6.如权利要求1所述的方法，其中修改第二图标包括给第二图标应用发光效果。
7.如权利要求1所述的方法，其中接收指示第一图标移动到第二图标附近区域内的第 二触摸输入还包括响应所述移动，接收指示第一图标触及或跨过至少部分围绕第二图标的边界线的输入。
8.如权利要求1所述的方法，其中所述移动包括在显示器上拖动第一图标。
9.如权利要求1所述的方法，还包括 交换第一图标和第二图标的位置。
10.一种装置，包括 触敏显示器；处理器，所述处理器耦接到所述触敏显示器，并且可配置为用于在所述触敏显示器的 第一位置显示第一图标，并且用于在所述触敏显示器的第二位置显示第二图标； 接口，所述接口耦接到所述处理器并且可配置为用于 接收指出选择第一图标的第一触摸输入，所述处理器使用 第一触摸输入，以便修改第一图标的视觉外观；和接收指示第一图标移动到第二图标附近区域内的第二触摸输入，所述处理器使用第二 触摸输入，以便修改第二图标的视觉外观。
11.如权利要求10所述的方法，其中所述触敏显示器是对手指手势做出响应的多点触 敏显示器。
12.如权利要求10所述的方法，其中修改第一图标包括将第一图标缩放到不同大小。
13.如权利要求10所述的方法，其中修改第二图标包括给第二图标应用发光效果。
14.如权利要求10所述的方法，其中接收指示第一图标移动到第二图标附近区域内的 第二触摸输入还包括响应所述移动，接收指示第一图标触及或跨过至少部分围绕第二图标的边界线的输入。
15.如权利要求10所述的方法，其中所述移动包括在显示器上拖动第一图标。
16.如权利要求10所述的方法，其中第二位置是能够以区分第二图标和第一图标的方 式呈现第二图标的用户界面元素。
17.一种具有存储在其上的指令的计算机可读介质，当被处理器执行时，所述指令使得 所述处理器执行如下操作在触敏显示器的第一位置显示第一图标；在触敏显示器的第二位置显示第二图标；接收指出选择第一图标的第一触摸输入；响应第一触摸输入，修改第一图标的视觉外观；接收指示第一图标移动到第二图标附近区域内的第二触摸输入；和响应第二触摸输入，修改第二图标的视觉外观。如权利要求1所述的方法，其中所述触敏显示器是对手指手势做出响应的多点触敏显不器。
18.如权利要求17所述的方法，其中修改第一图标包括将第一图标缩放到不同大小。
19.如权利要求17所述的方法，其中修改第二图标包括给第二图标应用发光效果。
20.如权利要求17所述的方法，其中接收指示第一图标移动到第二图标附近区域内的 第二触摸输入还包括响应所述移动，接收指示第一图标触及或跨过至少部分围绕第二图标的边界线的输入。
全文摘要
本发明涉及编辑界面。一种便携式电子设备在触敏显示器的用户界面的一个或多个区域内显示图标(例如，图形对象)，并且检测指出用户界面中的图标的位置交换的用户输入。在某些方面，可以选择用户界面内的两个图标的相应位置，以便在用户界面的一个或多个区域内交换位置，并且一个或两个图标可以改变其视觉外观，以便指示其选择状态。
文档编号G06F3/048GK101836182SQ200880112570
公开日2010年9月15日 申请日期2008年8月28日 优先权日2007年9月4日
发明者B·奥丁, I·A·查德里, S·乔布斯 申请人:苹果公司