利用内容保持变形来重塑界面的制作方法
专利名称：利用内容保持变形来重塑界面的制作方法
利用内容保持变形来重塑界面
背景技术：
除非本文另外指出，否则本节中描述的素材不是本申请权利要求的现有技术，并且不应因包括在本节中而承认是现有技术。各种技术可以可视地修改现有的图形用户界面(“⑶I”)。例如，一些传统技术可以增大GUI的像素大小和/或增大界面区域(例如，新闻馈送窗、文本框等)的大小。可以利用这种应用来实现针对具有较小显示器的设备(例如，智能电话)所设计的GUI或在具有较大显示器的设备(例如，台式计算机)上设计的⑶I。然而，这些传统技术缺少重塑⑶I的功能。
发明内容
本公开总体描述了一些重塑图形用户界面的方法。方法中的一个或多个操作可以通过具有处理器和存储器的计算机来执行。根据一些示例方法，计算机可以接收图形用户界面内的一个或多个内容单元的输入。计算机还可以接收与内容单元中的第一内容单元相对应的边界。在接收到所述边界时，计算机对所述图形用户界面执行内容保持变形，以保持与所述边界相对应的所述第一内容单元的形状和尺寸。本公开总体描述了一些计算机系统。一些示例计算机系统可以被配置为包括处理器、耦接到处理器的存储器、以及设计工具。设计工具可以适于在处理器中根据存储器执行，并且在被处理器执行时使得计算机系统通过执行下列操作中的一个或多个来重塑图形用户界面。计算机系统可以接收图形用户界面内的一个或多个内容单元。一个或多个内容单元可包括第一内容单元、第二内容单元和第三内容单元。计算机系统还可以接收与所述第一内容单元相对应的边界。计算机系统还可以接收将图形用户界面的包含第二内容单元的第一区域与图形用户界面的包含第三内容单元的第二区域分开的外图框(keyline)。在接收到所述边界和所述外图框时，计算机系统可以对图形用户界面执行内容保持变形。在内容保持变形期间，计算机系统可以保持与所述边界相对应的第一内容单元的形状和尺寸，以及保持所述第一区域和所述第二区域的比例。此外，计算机系统可以根据内容保持变形，在第一区域和第二区域内分别调整第二内容单元和第三内容单元的形状。本公开总体描述了一些计算机存储介质。一些示例计算机存储介质可以包括存储在其上的用于一些方法的计算机可执行指令，所述计算机可执行指令在由计算机执行时将计算机适配为重塑图形用户界面。根据一些示例方法，计算机可以被配置为执行下列操作中的一个或多个。计算机可以接收图形用户界面内的一个或多个内容单元。所述内容单元可包括第一内容单元、第二内容单元和第三内容单元。计算机还可以接收与所述第一内容单元相对应的边界。计算机还可以接收将图形用户界面的包含第二内容单元的第一区域与图形用户界面的包含第三内容单元的第二区域分开的外图框。在接收到所述边界和所述外图框时，计算机对图形用户界面执行内容保持变形，以使得图形用户界面与非矩形表面一致。在内容保持变形期间，计算机可以保持与所述边界相对应的第一内容单元的形状和尺寸，以及所述第一区域和所述第二区域的比例。计算机可以根据内容保持变形，在第一区域和第二区域内分别调整所述第二内容单元和第三内容单元的形状。以上发明内容仅仅是说明性的，而绝不是限制性的。除了上述示例性的各方案、各实施例和各特征之外，参照附图和以下详细说明，将清楚其他方案、其他实施例和其他特征。
根据以下说明和所附权利要求，结合附图，本公开的前述和其他特征将更加清楚。在认识到这些附图仅仅示出了根据本公开的一些示例且因此不应被认为限制了本公开范围的前提下，通过使用附图以额外的特征和细节来详细描述本公开，在附图中:图1是示意了适于重塑图形用户界面的示例界面设计工具的功能框图；图2A是示意了原始⑶I的示例实现的屏幕显示示图；图2B是示意了在经由设计界面添加了边界和外图框之后的原始GUI的示例实现的屏幕显示示图；图3A-3C是示意了重塑后的⑶I的多个示例实现的屏幕显示示图；图4是示意了用于重塑图形用户界面的示例过程的流程图；图5是示意了示例计算系统的框图；以及图6是不意了计算机程序广品的不意图；以上附图全部根据本文所述的至少一些实施例来布置。
具体实施例方式在以下详细说明中，参考了作为详细说明的一部分的附图。在附图中，类似符号通常表示类似部件，除非上下文另行指明。
具体实施方式
部分、附图和权利要求书中记载的示例性实施例并不是限制性的。在不脱离在此所呈现主题的精神或范围的情况下，可以利用其他实施例，且可以进行其他改变。应当理解，在此一般性记载以及附图中图示的本公开的各方案可以按照在此明确和隐含公开的多种不同配置来设置、替换、组合、分割和设计。本公开总体上尤其涉及配置用于通过利用内容保持变形来重塑⑶I的界面设计工具。可以在期望有⑶I的备选视觉配置的各个应用中使用重塑后的⑶I。例如，在增强现实应用中，可以为了投影到一非矩形表面上而重塑⑶I，以使得将重塑后的⑶I投影到该非矩形表面上“看起来和感觉上”与将原始GUI投影到一矩形表面上保持类似。界面设计者可能希望在内容保持变形期间保持GUI的各个部分。例如，界面设计者可能想要保持在GUI中显示的商标和界面控件的形状。在这点上，界面设计工具可以提供功能，使得界面设计者可以在发起内容保持变形之前在GUI中的一个或多个内容单元周围定义一个或多个边界。当界面设计工具执行内容保持变形时，内容保持变形可以保持所定义的边界内的内容单元的形状和尺寸，同时对不在所定义的边界内的其他内容单元进行重塑和/或调整其大小。界面设计工具还可以提供功能，使得界面设计者能够在发起内容保持变形之前定义勾画出GUI内的各个区域的一个或多个外图框。例如，外图框可以勾画区分包含第一内容单元的第一区域和包含第二内容单元的第二区域。当界面设计工具执行内容保持变形时，界面设计工具可以保持第一区域和第二区域的比例。因为界面设计工具还对第一区域和第二区域进行重塑和/或调整大小，所以界面设计工具还可以对第一区域内的第一内容单元和第二区域内的第二内容单元进行重塑和/或调整大小。现在转向图1，功能框图示意了根据这里所呈现的至少一些实施例的适于重塑图形用户界面的示例界面设计工具100。界面设计工具100可以包括变形模块102和设计模块104。变形模块102可以适于对原始⑶1106执行内容保持变形，从而将原始⑶1106转变为重塑后的⑶1108。在各个实施例中，内容保持变形指的是通过维持关键点连接的局部相似性、在最小化总视觉形变的约束下所执行的变型或变形。内容保持变形可以在边界处提供严格的变换，以及在外图框之间的区域周围提供相似的变形，其中外图框表示可以是刚性的或与中等程度类似的边界线。外图框可以提供显著性测量。可以利用外图框作为能量框，沿着能量框的失真能量能够被最小化，以保持“视觉和感觉”。应理解，内容保持变形通常是已知的。这样，这里不进一步具体描述内容保持变形。例如，在Liu et al., “Content-PreservingWarps for3D Video Stabilization “， ACM Transactions on Graphics(Proceedings ofSIGGRAPH2009)中描述了关于内容保持变形的一些背景。设计模块104可以包括设计界面110。设计界面110可以被配置用于显示原始GUI106，以及提供使得其用户(仅作为示例，例如界面设计者)能够定义关于原始GUI106的边界和/或外图框的各种功能。具体地，设计界面110可以包括第一输入功能112和第二输入功能114。通过第一输入功能112，界面设计者可以在原始⑶1106中的一个或多个内容单元周围定义一个或多个边界。如这里所使用的，“内容单元”可以指原始GUI106内的任意适当的视觉单元。内容单元可以表示为文本、超链接、图像、视频、各种其他图形单元、或其组合。内容单元的一些示例可以包括窗、菜单、图标和界面控件(例如，按钮)。在一些实施例中，第一输入功能112可以包括描绘功能，界面设计者可以借由该描绘功能来描绘或以其他方式手动地标记沿内容单元的外边缘的连续线。该连续线可以定义边界。界面设计者可以利用鼠标、触摸屏、或其他适当的输入设备来手动标记边界。在一些其他实施例中，第一输入功能112可以包括坐标输入功能，界面设计者可以经由该功能来输入沿内容单元的外边缘的一个或多个坐标，并提供关于该坐标构成边界的整个几何形状的指示。在接收到坐标和指示时，第一输入功能112可以沿着与接收到的坐标相对应的内容单元的外边缘来标记边界。在一些其他实施例中，可以从具有预定义边界的界面单元的库中拖拽或调用界面单元。可以类似地实现用于标识原始GUI106中的内容单元的外边缘的其他适当技术。当变形模块102对原始GUI106执行内容保持变形时，变形模块102可以保持所定义边界内的内容单元的形状和尺寸，同时对不在所定义边界内的其他内容单元进行重塑和/或调整大小。通过第二输入功能114，界面设计者可以定义勾画出原始⑶1106内的多个区域的一个或多个外图框。外图框所指定的每一个区域可以包括一个或多个内容单元。在一些实施例中，第二输入功能114可以包括描绘功能，界面设计者可以借由该描绘功能，通过标记原始⑶1106内的线来定义外图框。可以类似地实现用于勾画原始⑶1106内的多个区域的其他适当技术。
在示意性示例中，外图框可以勾画出原始⑶1106中的第一区域和第二区域。第一区域可以包括第一内容单元，第二区域可以包括第二内容单元。当变形模块102执行内容保持变形时，变形模块102可以保持第一区域和第二区域的比例，或按照其他方式变形区域以在数字上最小化外图框的失真。变形模块102还可以对第一区域内的第一内容单元和第二区域内的第二内容单元进行重塑和/或调整大小，这是因为变形模块102还重塑和/或调整第一区域和第二区域的大小。在一些实施例中，尽管边界和/或外图框经由设计界面110而在原始⑶1106和/或重塑后的⑶1108上是可见的，然而在没有界面设计工具100的情况下，边界和/或外图框对于可以查看原始⑶1106和/或重塑后的⑶1108的终端用户是不可见的。也就是说，边界和/或外图框可以是只对利用界面设计工具100的界面设计者可见的标记。现在转向图2A，图2A是示意了根据这里所提出的至少一些实施例的原始⑶1106的示例实现的屏幕显示示图。原始⑶1106可以包括一个或多个内容单元，例如第一组按钮202、第二组按钮204、状态窗206、第一内容部分208、第二内容部分210、以及标志横幅212。第一内容部分208和第二内容部分210可以包括各个视觉媒体，例如文本、超链接、图像、视频、各个其他图形单元、或其组合。第一组按钮202、第二组按钮204、状态窗206、第一内容部分208、第二内容部分210、以及标志横幅212可以统称为内容单元202 212。现在转向图2B，图2B是示意了根据这里所提出的至少一些实施例的在经由设计界面110添加了边界214和外图框216之后的原始⑶1106的示例实现的屏幕显示示图。通过第一输入功能112和第二输入功能114，界面设计者可以定义关于原始⑶1106的边界214和外图框216。在图2B所示意的示例中，边界214由沿第一组按钮202、第二组按钮204和标志横幅212的外边缘的虚线指示。进一步地，在图2B所示意的示例中，外图框216由勾画出第一区域218、第二区域220、第三区域222、第四区域224、以及第五区域226的虚线指示。第一区域218可以包括第一组按钮202。第二区域220可以包括状态窗206。第三区域222可以包括第一内容部分208。第四区域224可以包括第二内容部分210。第五区域226可以包括标志横幅212和第二组按钮204。现在转向图3A、3B和3C，屏幕显示示图分别示例了根据这里所提出的至少一些实施例的重塑后的⑶1108的第一、第二和第三示例实现。在从原始⑶1106到重塑后的⑶1108的变换期间，可以根据边界214保持第一组按钮202、第二组按钮204和标志横幅212的形状和尺寸。状态窗206、第一内容部分208、和第二内容部分210的比例可以根据外图框216保持。也就是说，在状态窗206、第一内容部分208、和第二内容部分210之间的纵横比可以保持相同或基本相同。可以执行变形以使外边缘与新的形状匹配，同时最小化外图框的数字失真。此外，可以在第二区域220、第三区域222和第四区域224内，并且还根据外图框216分别重塑和/或调整状态窗206、第一内容部分208和第二内容部分210的大小。应理解，可以不关于图2A按比例绘制图3A、3B和3C。现在转向图4，图4是示意了根据这里所提出的至少一些实施例的用于重塑图形用户界面的示例过程400的流程图。过程400可以包括如块402 408中的一个或多个所示意的各个操作、功能或动作。过程400可以开始于块402 (接收GUI内的一个或多个内容单元的输入)，其中图形设计工具100可以被配置用于接收原始GUI内的一个或多个内容单元。例如，图形设计工具100可以接收原始⑶1106内的内容单元202 212。在一些实施例中，设计界面110可以提供多个未经选择的内容单元。界面设计者可以通过从多个未经选择的内容单元中选择内容单元来创建GUI。在示意性示例中，内容单元可以包括第一内容单元、第二内容单元、第三内容单元和其他内容单元。块402可后接块404。在块404 (接收与第一内容单元相对应的边界)，界面设计工具100可以被配置用于接收与一个或多个内容单元相对应的一个或多个边界。具体地，设计模块104可以实施对边界的定义。继续该示意性示例，界面设计工具100可以经由设计界面110接收与GUI中的第一内容单元相对应的边界。设计界面UO可以包括第一输入功能112，第一输入功能112使得界面设计者能够定义边界。在一些实施例中，第一输入功能112可以包括描绘功能，界面设计者可以借由该描绘功能来描绘或以其他方式手动地标记沿第一内容单元的外边缘的连续线。该连续线可以定义边界。在一些其他实施例中，第一输入功能112可以包括坐标输入功能，界面设计者可以借由该功能来输入沿第一内容单元的外边缘的一个或多个坐标，并提供关于该坐标构成边界的整个几何形状的指示。在接收到坐标和指示时，第一输入功能112可以沿着与接收到的坐标相对应的第一内容单元的外边缘来标记边界。可以类似地实现用于标识原始⑶1106中的内容单元的外边缘的其他适当技术。块404可后接块406。在块406 (接收勾画出包含第二内容单元的第一区域和包含第三内容单元的第二区域的外图框)，界面设计工具100可以被配置用于接收勾画出GUI内的一个或多个区域的一个或多个外图框。具体地，设计模块104可以实施对外图框的定义。继续该示意性示例，界面设计工具100可以经由设计界面110接收勾画出包含第二内容单元的第一区域和包含第三内容单元的第二区域的外图框。设计界面110可以包括使得界面设计者能够定义外图框的第二输入功能114。在一些实施例中，第二输入功能114可以包括描绘功能，界面设计者可以借由该描绘功能，通过标记原始GUI内的线来手动地定义外图框。可以类似地实现用于勾画出原始⑶I内的多个区域的其他适当技术。块406可后接块408。在块408 (根据边界和外图框对GUI执行内容保持变形)，界面设计工具100可以被配置用于经由变形模块102对原始⑶I执行内容保持变形，从而将原始⑶I变换为重塑后的GUI (例如，重塑后的GUI108)。当变形模块102对原始GUI执行内容保持变形时，变形模块102可以保持所定义边界内的内容单元的形状和尺寸，同时重塑和/或调整不在所定义边界内的其他内容单元的大小。继续该示意性示例，变形模块102可以保持至少第一内容单元的大小和尺寸，并重塑和/或调整其他内容单元的大小。当变形模块102对原始⑶I执行内容保持变形时，变形模块102还可以保持第一区域和第二区域的比例。因为变形模块102还重塑和/或调整第一区域和/或第二区域的大小，所以变形模块102还可以重塑和/或调整第一区域内的第二内容单元和第二区域内的第三内容单元。在块408之后，过程400可以重复(例如，周期性地、持续性地或按需)或者终止。图5是示出了能够实现在此提供的至少一些实施例的示例计算系统的示意计算机硬件架构的计算机架构示图。图5包括计算机500，计算机500包括处理器510、存储器520和一个或多个驱动器530。计算机500可以实现为传统计算机系统、嵌入式控制计算机、膝上型电脑或服务器计算机、移动设备、机顶盒、信息亭、车载信息系统、移动电话、定制机、或一些其他硬件平台。驱动器530及其关联计算机存储介质可以提供对计算机可读指令、数据结构、程序模块和计算机500的其他数据的存储。驱动器530可以包括操作系统540、应用程序550、程序模块560和数据库580。程序模块560可以包括界面设计工具100。界面设计工具100可以适于执行上面参照图4更详细描述了的用于重塑图形用户界面的处理400。计算机500还包括用户输入设备590，用户可以通过用户输入设备590输入命令和数据。输入设备可以包括电子数字变换器、麦克风、键盘和指向设备，统称为鼠标、轨迹球、或触摸板。其他输入设备可以包括操纵杆、游戏板、圆盘式卫星、扫描仪等。这些和其他输入设备可以通过用户输入接口(用户输入接口与系统总线耦接)与处理器510耦接，但也可以通过其他接口和总线结构(例如，并行端口、游戏端口或通用串行总线(“USB”))耦接。诸如计算机500之类的计算机还可以包括可以通过输出外设接口594等耦接的其他外设输出设备，如扬声器。计算机500可以使用与一个或多个计算机(例如与网络接口 596耦接的远程计算机)的逻辑连接，在联网环境中操作。远程计算机可以是个人计算机、服务器、路由器、网络PC、对等设备或其他普通网络节点，并且可以包括上面所述的与计算机500相关的许多或所有元件。联网环境可以包括公共办公区、广域网(WAN)、局域网(LAN)、内联网和因特网。当在LAN或WLAN联网环境中使用时，计算机500可以通过网络接口 596或网络适配器与LAN耦接。当在WAN联网环境中使用时，计算机500典型地包括通过WAN(例如，因特网或网络508)建立通信的调制解调器或其他机制。WAN可以包括因特网、所示意的网络508、各种其他网络或其组合。应当理解，可以使用用于建立通信链路、环、网格、总线、云或计算机之间的网络的其他机制。根据一些实施例，计算机500可以耦接到联网环境。计算机500可以包括物理计算机可读存储介质或与驱动器530相关联的介质或其他存储设备的一个或多个实例。系统总线可以使处理器510能够从/向计算机可读存储介质读取代码和/或数据。介质可以表示使用任何适合的技术实现的存储元件形式的设备，包括但不限于，半导体、磁材料、光介质、电存储器、电气化学存储器或任意其他这样的存储技术。介质可以表不与存储器520相关联的组件，以RAM、R0M、闪存或其他类型的易失性或非易失性存储技术为特征。介质还可以表示次级存储器，实现为存储驱动器530等。硬驱动实施方式以固态为特征，或者可以包括存储磁编码信息的旋转介质。存储介质可以包括一个或多个程序模块560。程序模块560可以包括软件指令，当载入处理器510并被执行时，软件指令将通用计算系统变换为专用计算设备。如在本说明书中详述地，程序模块560可以提供各种工具或技术，计算机500可以使用这里所讨论的组件、逻辑流和/或数据结构，借助于该各种工具或技术参与整个系统或操作环境中。可以由任意数量的晶体管或其他电路元件(可单独或共同采取任意数量的状态)来构造处理器510。更具体地，处理器510可以作为状态机或有限状态机操作。这种机器可以通过加载程序模块560内包含的可执行指令而变换为第二机器或特定机器。这些计算机可执行指令可以通过指定处理器510如何在各状态之间变换来变换处理器510，从而将构成处理器510的晶体管或其他电路元件从第一机器变换为第二机器。还可以通过从一个或多个用户输入设备590、网络接口 596、其他外设、其他接口或一个或多个用户或其他参与者接收输入，来变换任一机器状态。任一机器也可以变换状态、或者各种输出设备(如，打印机、扬声器、视频显示器等)的各种物理特性。对程序模块560进行编码也可以变换存储介质的物理结构。在本文的不同实施方式中，物理结构的特定变换可以取决于各种因素。这些因素的示例可以包括但不限于:用于实现存储介质的技术、存储介质以初级存储器为特征还是以次级存储器为特征等。例如，如果存储介质实现为基于半导体的存储器，则程序模块560可以在在其中对软件进行编码时变换半导体存储器520的物理状态。例如，软件可以变换晶体管、电容器或构成半导体存储器520的其它分立电路元件的状态。作为另一示例，可以使用诸如驱动器530之类的磁或光技术来实现存储介质。在这样的实施方式中，程序模块560可以在在其中对软件进行编码时变换磁或光介质的物理状态。这些变换可以包括改变给定磁介质内特定位置的磁特性。这些变换还可以包括改变给定光介质内的特定位置的物理特征或特性，以改变那些位置的光特性。应当理解，可以在不偏离本文的范围和精神的情况下做出物理介质的各种其他变换。现在转向图6，图6是示出了示例计算机程序产品600的部分视图的示意图，计算机程序产品600包括用于在计算设备上执行根据这里所述的至少一些实施例设置的计算机过程的计算机程序。示例计算机程序产品的示意性实施例使用信号承载介质602提供，并且可以包括以下604中的至少一个指令:一个或多个指令，用于接收图形用户界面内的一个或多个内容单元；一个或多个指令，用于接收与所述第一内容单元相对应的边界；一个或多个指令，用于接收将图形用户界面的包含第二内容单元的第一区域与图形用户界面的包含第三内容单元的第二区域分开的外图框；以及一个或多个指令，用于对图形用户界面执行内容保持变形。在一些实施例中，一个或多个计算机程序产品600的信号承载介质602包括计算机可读介质606、可记录介质608和/或通信介质610。尽管这里所描述的主题是在结合计算机系统上的操作系统和应用程序的执行来执行的程序模块的大体上下文中提出的，然而本领域技术人员将认识到，可以结合其他类型的程序模块来执行其他实施方式。一般地,程序模块包括例程、程序、组件、数据结构和执行特定任务或实现特定抽象数据类型的其他类型的数据结构。此外，本领域技术人员将理解，这里描述的主题可以利用其他计算机系统配置(包括手持设备、多核处理器系统、基于微处理器的或可编程的消费电子设备、迷你计算机、大型机等)来实践。本公开不局限于在该申请中描述的具体实施例的方面，这些方面意在作为各个方面的说明。如对于本领域普通技术人员清楚明白的，在不脱离本发明精神和范围的情况下可以进行许多改进和变化。除了这里所列举的之外，本领域普通技术人员根据前述描述对于本发明公开范围内的功能等效方法和设备是清楚明白的。这些改进和变化均落在所附权利要求的范围之内。本发明公开只受到所附权利要求以及这些权利要求所赋予的全部等效范围的限制。应该理解的是这种公开不是局限于具体的方法、试剂、化合物组成或生物系统，而是当然可以变化。还应该理解的是这里使用的术语只是为了描述具体实施例的目的，而不是为了限制。至于本文中任何关于多数和/或单数术语的使用，本领域技术人员可以从多数形式转换为单数形式，和/或从单数形式转换为多数形式，以适合具体环境和/或应用。为清楚起见，在此明确声明单数形式/多数形式可互换。
本领域技术人员应当理解，一般而言，所使用的术语，特别是所附权利要求中(例如，在所附权利要求的主体部分中)使用的术语，一般地应理解为“开放”术语(例如，术语“包括”应解释为“包括但不限于”，术语“具有”应解释为“至少具有”等)。本领域技术人员还应理解，如果意在所引入的权利要求中标明具体数目，则这种意图将在该权利要求中明确指出，而在没有这种明确标明的情况下，则不存在这种意图。例如，为帮助理解，所附权利要求可能使用了引导短语“至少一个”和“一个或多个”来引入权利要求中的特征。然而，这种短语的使用不应被解释为暗示着由不定冠词“一”或“一个”引入的权利要求特征将包含该特征的任意特定权利要求限制为仅包含一个该特征的实施例，即便是该权利要求既包括引导短语“一个或多个”或“至少一个”又包括不定冠词如“一”或“一个”(例如，“一”和/或“一个”应当被解释为意指“至少一个”或“一个或多个”)；在使用定冠词来引入权利要求中的特征时，同样如此。另外，即使明确指出了所引入权利要求特征的具体数目，本领域技术人员应认识到，这种列举应解释为意指至少是所列数目(例如，不存在其他修饰语的短语“两个特征”意指至少两个该特征，或者两个或更多该特征)。此外，在使用类似于“A、B和C等中至少一个”这样的表述的那些实例中，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B和C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。在使用类似于“A、B或C等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B或C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。本领域技术人员还应理解，实质上任意表不两个或更多可选项目的转折连词和/或短语，无论是在说明书、权利要求书还是附图中，都应被理解为给出了包括这些项目之一、这些项目任一方、或两个项目的可能性。例如，短语“A或B”应当被理解为包括“A”或“B”、或“A和B”的可能性。另外，在以马库什组描述本公开的特征或方案的情况下，本领域技术人员应认识至IJ，本公开由此也是以该马库什组中的任意单独成员或成员子组来描述的。本领域技术人员应当理解，出于任意和所有目的，例如为了提供书面说明，这里公开的所有范围也包含任意及全部可能的子范围及其子范围的组合。任意列出的范围可以被容易地看作充分描述且实现了将该范围至少进行二等分、三等分、四等分、五等分、十等分等。作为非限制性示例，在此所讨论的每一范围可以容易地分成下三分之一、中三分之一和上三分之一等。本领域技术人员应当理解，所有诸如“直至”、“至少”、“大于”、“小于”之类的语言包括所列数字，并且指代了随后可以如上所述被分成子范围的范围。最后，本领域技术人员应当理解，范围包括每一单独数字。因此，例如具有I 3个单元的组是指具有1、2或3个单元的组。类似地,具有I 5个单元的组是指具有1、2、3、4或5个单元的组，以此类推。尽管已经在此公开了多个方案和实施例，但是本领域技术人员应当明白其他方案和实施例。这里所公开的多个方案和实施例是出于说明性的目的，而不是限制性的，本公开的真实范围和精神由所附权利要求表征。
权利要求
1.一种用于重塑图形用户界面的计算机实现的方法，包括: 通过具有处理器和存储器的计算机接收所述图形用户界面内的一个或多个内容单元的输入； 通过所述计算机接收与所述一个或多个内容单元中的第一内容单元相对应的边界；以及 在接收到所述边界时，通过所述计算机对所述图形用户界面执行内容保持变形，以保持与所述边界相对应的所述第一内容单元的形状和尺寸。
2.根据权利要求1所述的计算机实现的方法，其中，接收所述图形用户界面内的一个或多个内容单元的输入包括: 通过所述计算机提供一个或多个未经选择的内容单元；以及 通过所述计算机接收从所述一个或多个未经选择的内容单元中选择的一个或多个内容单元的输入。
3.根据权利要求1所述的计算机实现的方法，其中，接收与所述一个或多个内容单元中的第一内容单元相对应的边界包括: 通过所述计算机在设计工具中提供所述一个或多个内容单元，其中所述设计工具包括用于定义所述边界的输入功能；以及 通过所述计算机经由所述设计工具中的输入功能来接收所述边界。
4.根据权利要求3所述的计算机实现的方法，其中，所述输入功能被配置用于通过在所述设计工具中标记所述第一内`容单元来实施对所述边界的定义。
5.根据权利要求4所述的计算机实现的方法，其中，在设计工具中提供所述一个或多个内容单元包括:通过所述计算机在所述设计工具中显示所述一个或多个内容单元；以及 其中，经由所述设计工具中的输入功能来接收所述边界包括:通过所述计算机接收所述第一内容单元的外边缘上的定义了所述边界的连续线的标记。
6.根据权利要求4所述的计算机实现的方法，其中，在经由所述设计工具显示所述图形用户界面时所述标记是可见的，以及在没有所述设计工具而显示所述图形用户界面时所述标记是不可见的。
7.根据权利要求3所述的计算机实现的方法，其中，所述输入功能被配置用于接收所述第一内容单元周围的多个坐标，以用于定义所述边界。
8.根据权利要求7所述的计算机实现的方法，其中，经由所述设计工具中的输入功能来接收所述边界包括:通过所述计算机接收所述第一内容单元的外边缘上的所述多个坐标以及关于所述多个坐标构成定义所述边界的完整几何形状的指示。
9.根据权利要求1所述的计算机实现的方法，还包括:通过所述计算机接收将所述图形用户界面的包含第二内容单元的第一区域与所述图形用户界面的包含第三内容单元的第二区域分开的外图框，所述第二内容单元和所述第三内容单元在所述一个或多个内容单元中；以及 其中，对所述图形用户界面执行内容保持变形以保持与所述边界相对应的所述第一内容单元的形状和尺寸包括:通过所述计算机对所述图形用户界面执行内容保持变形，以保持所述第一区域和所述第二区域的比例，根据所述内容保持变形，所述第二内容单元的形状在所述第一区域内调整，以及所述第三内容单元的形状在所述第二区域内调整。
10.根据权利要求9所述的计算机实现的方法，其中，接收将所述图形用户界面的包含第二内容单元的第一区域与所述图形用户界面的包含第三内容单元的第二区域分开的外图框包括: 通过所述计算机在设计工具中提供所述一个或多个内容单元，其中所述设计工具包括用于定义所述外图框的输入功能；以及 通过所述计算机经由所述设计工具中的输入功能接收所述外图框。
11.根据权利要求10所述的计算机实现的方法，其中，所述输入功能被配置用于通过标记勾画出所述第一区域和所述第二区域的线来实施对所述外图框的定义。
12.根据权利要求11所述的计算机实现的方法，其中，在设计工具中提供所述一个或多个内容单元包括:通过所述计算机在所述设计工具中显示所述一个或多个内容单元；以及 其中，经由所述设计工具中的输入功能接收外图框包括:通过所述计算机接收勾画出所述第一区域和所述第二区域的用于定义所述外图框的线的标记。
13.根据权利要求1所述的计算机实现的方法，其中，所述一个或多个内容单元包括图形单元和文本单元。
14.根据权利要求1所述的计算机实现的方法，其中，对所述图形用户界面执行内容保持变形包括:通过所述计算机对所述图形用户界面执行内容保持变形，以使得所述图形用户界面与非矩形表面一致；以及其中所述方法还包括在所述非矩形表面上显示所述图形用户界面。
15.一种计算机系统，包括: 处理器； 存储器；以及 设计工具，在所述处理器中根据存储器执行，所述设计工具在被所述处理器执行时使得所述计算机系统通过下列步骤重塑图形用户界面: 接收图形用户界面内的一个或多个内容单元，所述一个或多个内容单元包括第一内容单元、第二内容单元和第三内容单元； 接收与所述第一内容单元相对应的边界； 接收将所述图形用户界面的包含第二内容单元的第一区域与所述图形用户界面的包含第三内容单元的第二区域分开的外图框；以及 在接收到所述边界和所述外图框时，对所述图形用户界面执行内容保持变形，以保持与所述边界相对应的第一内容单元的形状和尺寸，保持所述第一区域和所述第二区域的比例，根据所述内容保持变形，所述第二内容单元的形状在所述第一区域内调整，以及所述第三内容单元的形状在所述第二区域内调整。
16.根据权利要求15所述的计算机系统，其中，接收与所述一个或多个内容单元中的第一内容单元相对应的边界包括: 提供用于在一个或多个内容单元中定义所述边界的第一输入功能；以及 经由所述第一输入功能接收所述边界。
17.根据权利要求16所述的计算机系统，其中，所述第一输入功能被配置用于接收所述第一内容单元的外边缘上的用于定义所述边界的连续线的标记。
18.根据权利要求17所述的计算机系统，其中，在经由所述设计工具显示所述图形用户界面时所述连续线是可见的，以及在没有所述设计工具而显示所述图形用户界面时所述连续线是不可见的。
19.根据权利要求16所述的计算机系统，其中，所述第一输入功能被配置用于接收第一内容单元的外边缘上的多个坐标以及关于所述多个坐标构成定义了所述边界的完整几何形状的指示。
20.根据权利要求16所述的计算机系统，其中，接收将所述图形用户界面的包含第二内容单元的第一区域与所述图形用户界面的包含第三内容单元的第二区域分开的外图框包括: 提供用于在所述一个或多个内容单元中定义外图框的第二输入功能；以及 经由所述第二输入功能接收所述外图框。
21.根据权利要求20所述的计算机系统，其中，所述第二输入功能被配置用于接收勾画出所述第一区域和所述第二区域的用于定义所述外图框的线的标记。
22.根据权利要求15所述的计算机系统，其中，所述一个或多个内容单元包括图形单元和文本单元。
23.根据权利要求15所述的计算机系统，其中，对图形用户界面执行内容保持变形包括:对所述图形用户界面执行内容保持变形，以使得所述图形用户界面与非矩形表面一致；以及 其中，所述设计工具在由所述处理器执行时还使得所述计算机系统通过由增强现实设备在所述非矩形表面 上显示所述图形用户界面来重塑所述图形用户界面。
24.一种存储有计算机可执行指令的计算机可读存储介质，所述计算机可执行指令在由计算机执行时使计算机: 接收图形用户界面内的一个或多个内容单元，所述一个或多个内容单元包括第一内容单元、第二内容单元和第三内容单元； 接收与所述第一内容单元相对应的边界； 接收将所述图形用户界面的包含第二内容单元的第一区域与所述图形用户界面的包含第三内容单元的第二区域分开的外图框；以及 在接收到所述边界和所述外图框时，对图形用户界面执行内容保持变形以得图形用户界面与非矩形表面一致，以保持与所述边界相对应的第一内容单元的形状和尺寸，以及保持所述第一区域和所述第二区域的比例，根据所述内容保持变形，所述第二内容单元的形状在所述第一区域内调整，以及所述第三内容单元的形状在所述第二区域内调整；以及 将所述图形用户界面显示在非矩形表面上。
全文摘要
本公开总体描述了用于重塑图形用户界面的技术。图形用户界面可以包括一个或多个内容单元。界面设计工具使得用户能够定义关于图形用户界面的一个或多个边界。界面设计工具还对图形用户界面执行内容保持变形。当界面设计工具执行内容保持变形时，界面设计工具可以保持边界所定义的任意内容单元的形状和尺寸。
文档编号G09G5/00GK103201786SQ201080070058
公开日2013年7月10日 申请日期2010年12月1日 优先权日2010年12月1日
发明者埃泽齐埃尔·克鲁格里克 申请人:英派尔科技开发有限公司
利用内容保持变形来重塑界面
背景技术：
除非本文另外指出，否则本节中描述的素材不是本申请权利要求的现有技术，并且不应因包括在本节中而承认是现有技术。各种技术可以可视地修改现有的图形用户界面(“⑶I”)。例如，一些传统技术可以增大GUI的像素大小和/或增大界面区域(例如，新闻馈送窗、文本框等)的大小。可以利用这种应用来实现针对具有较小显示器的设备(例如，智能电话)所设计的GUI或在具有较大显示器的设备(例如，台式计算机)上设计的⑶I。然而，这些传统技术缺少重塑⑶I的功能。
发明内容
本公开总体描述了一些重塑图形用户界面的方法。方法中的一个或多个操作可以通过具有处理器和存储器的计算机来执行。根据一些示例方法，计算机可以接收图形用户界面内的一个或多个内容单元的输入。计算机还可以接收与内容单元中的第一内容单元相对应的边界。在接收到所述边界时，计算机对所述图形用户界面执行内容保持变形，以保持与所述边界相对应的所述第一内容单元的形状和尺寸。本公开总体描述了一些计算机系统。一些示例计算机系统可以被配置为包括处理器、耦接到处理器的存储器、以及设计工具。设计工具可以适于在处理器中根据存储器执行，并且在被处理器执行时使得计算机系统通过执行下列操作中的一个或多个来重塑图形用户界面。计算机系统可以接收图形用户界面内的一个或多个内容单元。一个或多个内容单元可包括第一内容单元、第二内容单元和第三内容单元。计算机系统还可以接收与所述第一内容单元相对应的边界。计算机系统还可以接收将图形用户界面的包含第二内容单元的第一区域与图形用户界面的包含第三内容单元的第二区域分开的外图框(keyline)。在接收到所述边界和所述外图框时，计算机系统可以对图形用户界面执行内容保持变形。在内容保持变形期间，计算机系统可以保持与所述边界相对应的第一内容单元的形状和尺寸，以及保持所述第一区域和所述第二区域的比例。此外，计算机系统可以根据内容保持变形，在第一区域和第二区域内分别调整第二内容单元和第三内容单元的形状。本公开总体描述了一些计算机存储介质。一些示例计算机存储介质可以包括存储在其上的用于一些方法的计算机可执行指令，所述计算机可执行指令在由计算机执行时将计算机适配为重塑图形用户界面。根据一些示例方法，计算机可以被配置为执行下列操作中的一个或多个。计算机可以接收图形用户界面内的一个或多个内容单元。所述内容单元可包括第一内容单元、第二内容单元和第三内容单元。计算机还可以接收与所述第一内容单元相对应的边界。计算机还可以接收将图形用户界面的包含第二内容单元的第一区域与图形用户界面的包含第三内容单元的第二区域分开的外图框。在接收到所述边界和所述外图框时，计算机对图形用户界面执行内容保持变形，以使得图形用户界面与非矩形表面一致。在内容保持变形期间，计算机可以保持与所述边界相对应的第一内容单元的形状和尺寸，以及所述第一区域和所述第二区域的比例。计算机可以根据内容保持变形，在第一区域和第二区域内分别调整所述第二内容单元和第三内容单元的形状。以上发明内容仅仅是说明性的，而绝不是限制性的。除了上述示例性的各方案、各实施例和各特征之外，参照附图和以下详细说明，将清楚其他方案、其他实施例和其他特征。
根据以下说明和所附权利要求，结合附图，本公开的前述和其他特征将更加清楚。在认识到这些附图仅仅示出了根据本公开的一些示例且因此不应被认为限制了本公开范围的前提下，通过使用附图以额外的特征和细节来详细描述本公开，在附图中:图1是示意了适于重塑图形用户界面的示例界面设计工具的功能框图；图2A是示意了原始⑶I的示例实现的屏幕显示示图；图2B是示意了在经由设计界面添加了边界和外图框之后的原始GUI的示例实现的屏幕显示示图；图3A-3C是示意了重塑后的⑶I的多个示例实现的屏幕显示示图；图4是示意了用于重塑图形用户界面的示例过程的流程图；图5是示意了示例计算系统的框图；以及图6是不意了计算机程序广品的不意图；以上附图全部根据本文所述的至少一些实施例来布置。
具体实施例方式在以下详细说明中，参考了作为详细说明的一部分的附图。在附图中，类似符号通常表示类似部件，除非上下文另行指明。
具体实施方式
部分、附图和权利要求书中记载的示例性实施例并不是限制性的。在不脱离在此所呈现主题的精神或范围的情况下，可以利用其他实施例，且可以进行其他改变。应当理解，在此一般性记载以及附图中图示的本公开的各方案可以按照在此明确和隐含公开的多种不同配置来设置、替换、组合、分割和设计。本公开总体上尤其涉及配置用于通过利用内容保持变形来重塑⑶I的界面设计工具。可以在期望有⑶I的备选视觉配置的各个应用中使用重塑后的⑶I。例如，在增强现实应用中，可以为了投影到一非矩形表面上而重塑⑶I，以使得将重塑后的⑶I投影到该非矩形表面上“看起来和感觉上”与将原始GUI投影到一矩形表面上保持类似。界面设计者可能希望在内容保持变形期间保持GUI的各个部分。例如，界面设计者可能想要保持在GUI中显示的商标和界面控件的形状。在这点上，界面设计工具可以提供功能，使得界面设计者可以在发起内容保持变形之前在GUI中的一个或多个内容单元周围定义一个或多个边界。当界面设计工具执行内容保持变形时，内容保持变形可以保持所定义的边界内的内容单元的形状和尺寸，同时对不在所定义的边界内的其他内容单元进行重塑和/或调整其大小。界面设计工具还可以提供功能，使得界面设计者能够在发起内容保持变形之前定义勾画出GUI内的各个区域的一个或多个外图框。例如，外图框可以勾画区分包含第一内容单元的第一区域和包含第二内容单元的第二区域。当界面设计工具执行内容保持变形时，界面设计工具可以保持第一区域和第二区域的比例。因为界面设计工具还对第一区域和第二区域进行重塑和/或调整大小，所以界面设计工具还可以对第一区域内的第一内容单元和第二区域内的第二内容单元进行重塑和/或调整大小。现在转向图1，功能框图示意了根据这里所呈现的至少一些实施例的适于重塑图形用户界面的示例界面设计工具100。界面设计工具100可以包括变形模块102和设计模块104。变形模块102可以适于对原始⑶1106执行内容保持变形，从而将原始⑶1106转变为重塑后的⑶1108。在各个实施例中，内容保持变形指的是通过维持关键点连接的局部相似性、在最小化总视觉形变的约束下所执行的变型或变形。内容保持变形可以在边界处提供严格的变换，以及在外图框之间的区域周围提供相似的变形，其中外图框表示可以是刚性的或与中等程度类似的边界线。外图框可以提供显著性测量。可以利用外图框作为能量框，沿着能量框的失真能量能够被最小化，以保持“视觉和感觉”。应理解，内容保持变形通常是已知的。这样，这里不进一步具体描述内容保持变形。例如，在Liu et al., “Content-PreservingWarps for3D Video Stabilization “， ACM Transactions on Graphics(Proceedings ofSIGGRAPH2009)中描述了关于内容保持变形的一些背景。设计模块104可以包括设计界面110。设计界面110可以被配置用于显示原始GUI106，以及提供使得其用户(仅作为示例，例如界面设计者)能够定义关于原始GUI106的边界和/或外图框的各种功能。具体地，设计界面110可以包括第一输入功能112和第二输入功能114。通过第一输入功能112，界面设计者可以在原始⑶1106中的一个或多个内容单元周围定义一个或多个边界。如这里所使用的，“内容单元”可以指原始GUI106内的任意适当的视觉单元。内容单元可以表示为文本、超链接、图像、视频、各种其他图形单元、或其组合。内容单元的一些示例可以包括窗、菜单、图标和界面控件(例如，按钮)。在一些实施例中，第一输入功能112可以包括描绘功能，界面设计者可以借由该描绘功能来描绘或以其他方式手动地标记沿内容单元的外边缘的连续线。该连续线可以定义边界。界面设计者可以利用鼠标、触摸屏、或其他适当的输入设备来手动标记边界。在一些其他实施例中，第一输入功能112可以包括坐标输入功能，界面设计者可以经由该功能来输入沿内容单元的外边缘的一个或多个坐标，并提供关于该坐标构成边界的整个几何形状的指示。在接收到坐标和指示时，第一输入功能112可以沿着与接收到的坐标相对应的内容单元的外边缘来标记边界。在一些其他实施例中，可以从具有预定义边界的界面单元的库中拖拽或调用界面单元。可以类似地实现用于标识原始GUI106中的内容单元的外边缘的其他适当技术。当变形模块102对原始GUI106执行内容保持变形时，变形模块102可以保持所定义边界内的内容单元的形状和尺寸，同时对不在所定义边界内的其他内容单元进行重塑和/或调整大小。通过第二输入功能114，界面设计者可以定义勾画出原始⑶1106内的多个区域的一个或多个外图框。外图框所指定的每一个区域可以包括一个或多个内容单元。在一些实施例中，第二输入功能114可以包括描绘功能，界面设计者可以借由该描绘功能，通过标记原始⑶1106内的线来定义外图框。可以类似地实现用于勾画原始⑶1106内的多个区域的其他适当技术。
在示意性示例中，外图框可以勾画出原始⑶1106中的第一区域和第二区域。第一区域可以包括第一内容单元，第二区域可以包括第二内容单元。当变形模块102执行内容保持变形时，变形模块102可以保持第一区域和第二区域的比例，或按照其他方式变形区域以在数字上最小化外图框的失真。变形模块102还可以对第一区域内的第一内容单元和第二区域内的第二内容单元进行重塑和/或调整大小，这是因为变形模块102还重塑和/或调整第一区域和第二区域的大小。在一些实施例中，尽管边界和/或外图框经由设计界面110而在原始⑶1106和/或重塑后的⑶1108上是可见的，然而在没有界面设计工具100的情况下，边界和/或外图框对于可以查看原始⑶1106和/或重塑后的⑶1108的终端用户是不可见的。也就是说，边界和/或外图框可以是只对利用界面设计工具100的界面设计者可见的标记。现在转向图2A，图2A是示意了根据这里所提出的至少一些实施例的原始⑶1106的示例实现的屏幕显示示图。原始⑶1106可以包括一个或多个内容单元，例如第一组按钮202、第二组按钮204、状态窗206、第一内容部分208、第二内容部分210、以及标志横幅212。第一内容部分208和第二内容部分210可以包括各个视觉媒体，例如文本、超链接、图像、视频、各个其他图形单元、或其组合。第一组按钮202、第二组按钮204、状态窗206、第一内容部分208、第二内容部分210、以及标志横幅212可以统称为内容单元202 212。现在转向图2B，图2B是示意了根据这里所提出的至少一些实施例的在经由设计界面110添加了边界214和外图框216之后的原始⑶1106的示例实现的屏幕显示示图。通过第一输入功能112和第二输入功能114，界面设计者可以定义关于原始⑶1106的边界214和外图框216。在图2B所示意的示例中，边界214由沿第一组按钮202、第二组按钮204和标志横幅212的外边缘的虚线指示。进一步地，在图2B所示意的示例中，外图框216由勾画出第一区域218、第二区域220、第三区域222、第四区域224、以及第五区域226的虚线指示。第一区域218可以包括第一组按钮202。第二区域220可以包括状态窗206。第三区域222可以包括第一内容部分208。第四区域224可以包括第二内容部分210。第五区域226可以包括标志横幅212和第二组按钮204。现在转向图3A、3B和3C，屏幕显示示图分别示例了根据这里所提出的至少一些实施例的重塑后的⑶1108的第一、第二和第三示例实现。在从原始⑶1106到重塑后的⑶1108的变换期间，可以根据边界214保持第一组按钮202、第二组按钮204和标志横幅212的形状和尺寸。状态窗206、第一内容部分208、和第二内容部分210的比例可以根据外图框216保持。也就是说，在状态窗206、第一内容部分208、和第二内容部分210之间的纵横比可以保持相同或基本相同。可以执行变形以使外边缘与新的形状匹配，同时最小化外图框的数字失真。此外，可以在第二区域220、第三区域222和第四区域224内，并且还根据外图框216分别重塑和/或调整状态窗206、第一内容部分208和第二内容部分210的大小。应理解，可以不关于图2A按比例绘制图3A、3B和3C。现在转向图4，图4是示意了根据这里所提出的至少一些实施例的用于重塑图形用户界面的示例过程400的流程图。过程400可以包括如块402 408中的一个或多个所示意的各个操作、功能或动作。过程400可以开始于块402 (接收GUI内的一个或多个内容单元的输入)，其中图形设计工具100可以被配置用于接收原始GUI内的一个或多个内容单元。例如，图形设计工具100可以接收原始⑶1106内的内容单元202 212。在一些实施例中，设计界面110可以提供多个未经选择的内容单元。界面设计者可以通过从多个未经选择的内容单元中选择内容单元来创建GUI。在示意性示例中，内容单元可以包括第一内容单元、第二内容单元、第三内容单元和其他内容单元。块402可后接块404。在块404 (接收与第一内容单元相对应的边界)，界面设计工具100可以被配置用于接收与一个或多个内容单元相对应的一个或多个边界。具体地，设计模块104可以实施对边界的定义。继续该示意性示例，界面设计工具100可以经由设计界面110接收与GUI中的第一内容单元相对应的边界。设计界面UO可以包括第一输入功能112，第一输入功能112使得界面设计者能够定义边界。在一些实施例中，第一输入功能112可以包括描绘功能，界面设计者可以借由该描绘功能来描绘或以其他方式手动地标记沿第一内容单元的外边缘的连续线。该连续线可以定义边界。在一些其他实施例中，第一输入功能112可以包括坐标输入功能，界面设计者可以借由该功能来输入沿第一内容单元的外边缘的一个或多个坐标，并提供关于该坐标构成边界的整个几何形状的指示。在接收到坐标和指示时，第一输入功能112可以沿着与接收到的坐标相对应的第一内容单元的外边缘来标记边界。可以类似地实现用于标识原始⑶1106中的内容单元的外边缘的其他适当技术。块404可后接块406。在块406 (接收勾画出包含第二内容单元的第一区域和包含第三内容单元的第二区域的外图框)，界面设计工具100可以被配置用于接收勾画出GUI内的一个或多个区域的一个或多个外图框。具体地，设计模块104可以实施对外图框的定义。继续该示意性示例，界面设计工具100可以经由设计界面110接收勾画出包含第二内容单元的第一区域和包含第三内容单元的第二区域的外图框。设计界面110可以包括使得界面设计者能够定义外图框的第二输入功能114。在一些实施例中，第二输入功能114可以包括描绘功能，界面设计者可以借由该描绘功能，通过标记原始GUI内的线来手动地定义外图框。可以类似地实现用于勾画出原始⑶I内的多个区域的其他适当技术。块406可后接块408。在块408 (根据边界和外图框对GUI执行内容保持变形)，界面设计工具100可以被配置用于经由变形模块102对原始⑶I执行内容保持变形，从而将原始⑶I变换为重塑后的GUI (例如，重塑后的GUI108)。当变形模块102对原始GUI执行内容保持变形时，变形模块102可以保持所定义边界内的内容单元的形状和尺寸，同时重塑和/或调整不在所定义边界内的其他内容单元的大小。继续该示意性示例，变形模块102可以保持至少第一内容单元的大小和尺寸，并重塑和/或调整其他内容单元的大小。当变形模块102对原始⑶I执行内容保持变形时，变形模块102还可以保持第一区域和第二区域的比例。因为变形模块102还重塑和/或调整第一区域和/或第二区域的大小，所以变形模块102还可以重塑和/或调整第一区域内的第二内容单元和第二区域内的第三内容单元。在块408之后，过程400可以重复(例如，周期性地、持续性地或按需)或者终止。图5是示出了能够实现在此提供的至少一些实施例的示例计算系统的示意计算机硬件架构的计算机架构示图。图5包括计算机500，计算机500包括处理器510、存储器520和一个或多个驱动器530。计算机500可以实现为传统计算机系统、嵌入式控制计算机、膝上型电脑或服务器计算机、移动设备、机顶盒、信息亭、车载信息系统、移动电话、定制机、或一些其他硬件平台。驱动器530及其关联计算机存储介质可以提供对计算机可读指令、数据结构、程序模块和计算机500的其他数据的存储。驱动器530可以包括操作系统540、应用程序550、程序模块560和数据库580。程序模块560可以包括界面设计工具100。界面设计工具100可以适于执行上面参照图4更详细描述了的用于重塑图形用户界面的处理400。计算机500还包括用户输入设备590，用户可以通过用户输入设备590输入命令和数据。输入设备可以包括电子数字变换器、麦克风、键盘和指向设备，统称为鼠标、轨迹球、或触摸板。其他输入设备可以包括操纵杆、游戏板、圆盘式卫星、扫描仪等。这些和其他输入设备可以通过用户输入接口(用户输入接口与系统总线耦接)与处理器510耦接，但也可以通过其他接口和总线结构(例如，并行端口、游戏端口或通用串行总线(“USB”))耦接。诸如计算机500之类的计算机还可以包括可以通过输出外设接口594等耦接的其他外设输出设备，如扬声器。计算机500可以使用与一个或多个计算机(例如与网络接口 596耦接的远程计算机)的逻辑连接，在联网环境中操作。远程计算机可以是个人计算机、服务器、路由器、网络PC、对等设备或其他普通网络节点，并且可以包括上面所述的与计算机500相关的许多或所有元件。联网环境可以包括公共办公区、广域网(WAN)、局域网(LAN)、内联网和因特网。当在LAN或WLAN联网环境中使用时，计算机500可以通过网络接口 596或网络适配器与LAN耦接。当在WAN联网环境中使用时，计算机500典型地包括通过WAN(例如，因特网或网络508)建立通信的调制解调器或其他机制。WAN可以包括因特网、所示意的网络508、各种其他网络或其组合。应当理解，可以使用用于建立通信链路、环、网格、总线、云或计算机之间的网络的其他机制。根据一些实施例，计算机500可以耦接到联网环境。计算机500可以包括物理计算机可读存储介质或与驱动器530相关联的介质或其他存储设备的一个或多个实例。系统总线可以使处理器510能够从/向计算机可读存储介质读取代码和/或数据。介质可以表示使用任何适合的技术实现的存储元件形式的设备，包括但不限于，半导体、磁材料、光介质、电存储器、电气化学存储器或任意其他这样的存储技术。介质可以表不与存储器520相关联的组件，以RAM、R0M、闪存或其他类型的易失性或非易失性存储技术为特征。介质还可以表示次级存储器，实现为存储驱动器530等。硬驱动实施方式以固态为特征，或者可以包括存储磁编码信息的旋转介质。存储介质可以包括一个或多个程序模块560。程序模块560可以包括软件指令，当载入处理器510并被执行时，软件指令将通用计算系统变换为专用计算设备。如在本说明书中详述地，程序模块560可以提供各种工具或技术，计算机500可以使用这里所讨论的组件、逻辑流和/或数据结构，借助于该各种工具或技术参与整个系统或操作环境中。可以由任意数量的晶体管或其他电路元件(可单独或共同采取任意数量的状态)来构造处理器510。更具体地，处理器510可以作为状态机或有限状态机操作。这种机器可以通过加载程序模块560内包含的可执行指令而变换为第二机器或特定机器。这些计算机可执行指令可以通过指定处理器510如何在各状态之间变换来变换处理器510，从而将构成处理器510的晶体管或其他电路元件从第一机器变换为第二机器。还可以通过从一个或多个用户输入设备590、网络接口 596、其他外设、其他接口或一个或多个用户或其他参与者接收输入，来变换任一机器状态。任一机器也可以变换状态、或者各种输出设备(如，打印机、扬声器、视频显示器等)的各种物理特性。对程序模块560进行编码也可以变换存储介质的物理结构。在本文的不同实施方式中，物理结构的特定变换可以取决于各种因素。这些因素的示例可以包括但不限于:用于实现存储介质的技术、存储介质以初级存储器为特征还是以次级存储器为特征等。例如，如果存储介质实现为基于半导体的存储器，则程序模块560可以在在其中对软件进行编码时变换半导体存储器520的物理状态。例如，软件可以变换晶体管、电容器或构成半导体存储器520的其它分立电路元件的状态。作为另一示例，可以使用诸如驱动器530之类的磁或光技术来实现存储介质。在这样的实施方式中，程序模块560可以在在其中对软件进行编码时变换磁或光介质的物理状态。这些变换可以包括改变给定磁介质内特定位置的磁特性。这些变换还可以包括改变给定光介质内的特定位置的物理特征或特性，以改变那些位置的光特性。应当理解，可以在不偏离本文的范围和精神的情况下做出物理介质的各种其他变换。现在转向图6，图6是示出了示例计算机程序产品600的部分视图的示意图，计算机程序产品600包括用于在计算设备上执行根据这里所述的至少一些实施例设置的计算机过程的计算机程序。示例计算机程序产品的示意性实施例使用信号承载介质602提供，并且可以包括以下604中的至少一个指令:一个或多个指令，用于接收图形用户界面内的一个或多个内容单元；一个或多个指令，用于接收与所述第一内容单元相对应的边界；一个或多个指令，用于接收将图形用户界面的包含第二内容单元的第一区域与图形用户界面的包含第三内容单元的第二区域分开的外图框；以及一个或多个指令，用于对图形用户界面执行内容保持变形。在一些实施例中，一个或多个计算机程序产品600的信号承载介质602包括计算机可读介质606、可记录介质608和/或通信介质610。尽管这里所描述的主题是在结合计算机系统上的操作系统和应用程序的执行来执行的程序模块的大体上下文中提出的，然而本领域技术人员将认识到，可以结合其他类型的程序模块来执行其他实施方式。一般地,程序模块包括例程、程序、组件、数据结构和执行特定任务或实现特定抽象数据类型的其他类型的数据结构。此外，本领域技术人员将理解，这里描述的主题可以利用其他计算机系统配置(包括手持设备、多核处理器系统、基于微处理器的或可编程的消费电子设备、迷你计算机、大型机等)来实践。本公开不局限于在该申请中描述的具体实施例的方面，这些方面意在作为各个方面的说明。如对于本领域普通技术人员清楚明白的，在不脱离本发明精神和范围的情况下可以进行许多改进和变化。除了这里所列举的之外，本领域普通技术人员根据前述描述对于本发明公开范围内的功能等效方法和设备是清楚明白的。这些改进和变化均落在所附权利要求的范围之内。本发明公开只受到所附权利要求以及这些权利要求所赋予的全部等效范围的限制。应该理解的是这种公开不是局限于具体的方法、试剂、化合物组成或生物系统，而是当然可以变化。还应该理解的是这里使用的术语只是为了描述具体实施例的目的，而不是为了限制。至于本文中任何关于多数和/或单数术语的使用，本领域技术人员可以从多数形式转换为单数形式，和/或从单数形式转换为多数形式，以适合具体环境和/或应用。为清楚起见，在此明确声明单数形式/多数形式可互换。
本领域技术人员应当理解，一般而言，所使用的术语，特别是所附权利要求中(例如，在所附权利要求的主体部分中)使用的术语，一般地应理解为“开放”术语(例如，术语“包括”应解释为“包括但不限于”，术语“具有”应解释为“至少具有”等)。本领域技术人员还应理解，如果意在所引入的权利要求中标明具体数目，则这种意图将在该权利要求中明确指出，而在没有这种明确标明的情况下，则不存在这种意图。例如，为帮助理解，所附权利要求可能使用了引导短语“至少一个”和“一个或多个”来引入权利要求中的特征。然而，这种短语的使用不应被解释为暗示着由不定冠词“一”或“一个”引入的权利要求特征将包含该特征的任意特定权利要求限制为仅包含一个该特征的实施例，即便是该权利要求既包括引导短语“一个或多个”或“至少一个”又包括不定冠词如“一”或“一个”(例如，“一”和/或“一个”应当被解释为意指“至少一个”或“一个或多个”)；在使用定冠词来引入权利要求中的特征时，同样如此。另外，即使明确指出了所引入权利要求特征的具体数目，本领域技术人员应认识到，这种列举应解释为意指至少是所列数目(例如，不存在其他修饰语的短语“两个特征”意指至少两个该特征，或者两个或更多该特征)。此外，在使用类似于“A、B和C等中至少一个”这样的表述的那些实例中，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B和C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。在使用类似于“A、B或C等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B或C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。本领域技术人员还应理解，实质上任意表不两个或更多可选项目的转折连词和/或短语，无论是在说明书、权利要求书还是附图中，都应被理解为给出了包括这些项目之一、这些项目任一方、或两个项目的可能性。例如，短语“A或B”应当被理解为包括“A”或“B”、或“A和B”的可能性。另外，在以马库什组描述本公开的特征或方案的情况下，本领域技术人员应认识至IJ，本公开由此也是以该马库什组中的任意单独成员或成员子组来描述的。本领域技术人员应当理解，出于任意和所有目的，例如为了提供书面说明，这里公开的所有范围也包含任意及全部可能的子范围及其子范围的组合。任意列出的范围可以被容易地看作充分描述且实现了将该范围至少进行二等分、三等分、四等分、五等分、十等分等。作为非限制性示例，在此所讨论的每一范围可以容易地分成下三分之一、中三分之一和上三分之一等。本领域技术人员应当理解，所有诸如“直至”、“至少”、“大于”、“小于”之类的语言包括所列数字，并且指代了随后可以如上所述被分成子范围的范围。最后，本领域技术人员应当理解，范围包括每一单独数字。因此，例如具有I 3个单元的组是指具有1、2或3个单元的组。类似地,具有I 5个单元的组是指具有1、2、3、4或5个单元的组，以此类推。尽管已经在此公开了多个方案和实施例，但是本领域技术人员应当明白其他方案和实施例。这里所公开的多个方案和实施例是出于说明性的目的，而不是限制性的，本公开的真实范围和精神由所附权利要求表征。
权利要求
1.一种用于重塑图形用户界面的计算机实现的方法，包括: 通过具有处理器和存储器的计算机接收所述图形用户界面内的一个或多个内容单元的输入； 通过所述计算机接收与所述一个或多个内容单元中的第一内容单元相对应的边界；以及 在接收到所述边界时，通过所述计算机对所述图形用户界面执行内容保持变形，以保持与所述边界相对应的所述第一内容单元的形状和尺寸。
2.根据权利要求1所述的计算机实现的方法，其中，接收所述图形用户界面内的一个或多个内容单元的输入包括: 通过所述计算机提供一个或多个未经选择的内容单元；以及 通过所述计算机接收从所述一个或多个未经选择的内容单元中选择的一个或多个内容单元的输入。
3.根据权利要求1所述的计算机实现的方法，其中，接收与所述一个或多个内容单元中的第一内容单元相对应的边界包括: 通过所述计算机在设计工具中提供所述一个或多个内容单元，其中所述设计工具包括用于定义所述边界的输入功能；以及 通过所述计算机经由所述设计工具中的输入功能来接收所述边界。
4.根据权利要求3所述的计算机实现的方法，其中，所述输入功能被配置用于通过在所述设计工具中标记所述第一内`容单元来实施对所述边界的定义。
5.根据权利要求4所述的计算机实现的方法，其中，在设计工具中提供所述一个或多个内容单元包括:通过所述计算机在所述设计工具中显示所述一个或多个内容单元；以及 其中，经由所述设计工具中的输入功能来接收所述边界包括:通过所述计算机接收所述第一内容单元的外边缘上的定义了所述边界的连续线的标记。
6.根据权利要求4所述的计算机实现的方法，其中，在经由所述设计工具显示所述图形用户界面时所述标记是可见的，以及在没有所述设计工具而显示所述图形用户界面时所述标记是不可见的。
7.根据权利要求3所述的计算机实现的方法，其中，所述输入功能被配置用于接收所述第一内容单元周围的多个坐标，以用于定义所述边界。
8.根据权利要求7所述的计算机实现的方法，其中，经由所述设计工具中的输入功能来接收所述边界包括:通过所述计算机接收所述第一内容单元的外边缘上的所述多个坐标以及关于所述多个坐标构成定义所述边界的完整几何形状的指示。
9.根据权利要求1所述的计算机实现的方法，还包括:通过所述计算机接收将所述图形用户界面的包含第二内容单元的第一区域与所述图形用户界面的包含第三内容单元的第二区域分开的外图框，所述第二内容单元和所述第三内容单元在所述一个或多个内容单元中；以及 其中，对所述图形用户界面执行内容保持变形以保持与所述边界相对应的所述第一内容单元的形状和尺寸包括:通过所述计算机对所述图形用户界面执行内容保持变形，以保持所述第一区域和所述第二区域的比例，根据所述内容保持变形，所述第二内容单元的形状在所述第一区域内调整，以及所述第三内容单元的形状在所述第二区域内调整。
10.根据权利要求9所述的计算机实现的方法，其中，接收将所述图形用户界面的包含第二内容单元的第一区域与所述图形用户界面的包含第三内容单元的第二区域分开的外图框包括: 通过所述计算机在设计工具中提供所述一个或多个内容单元，其中所述设计工具包括用于定义所述外图框的输入功能；以及 通过所述计算机经由所述设计工具中的输入功能接收所述外图框。
11.根据权利要求10所述的计算机实现的方法，其中，所述输入功能被配置用于通过标记勾画出所述第一区域和所述第二区域的线来实施对所述外图框的定义。
12.根据权利要求11所述的计算机实现的方法，其中，在设计工具中提供所述一个或多个内容单元包括:通过所述计算机在所述设计工具中显示所述一个或多个内容单元；以及 其中，经由所述设计工具中的输入功能接收外图框包括:通过所述计算机接收勾画出所述第一区域和所述第二区域的用于定义所述外图框的线的标记。
13.根据权利要求1所述的计算机实现的方法，其中，所述一个或多个内容单元包括图形单元和文本单元。
14.根据权利要求1所述的计算机实现的方法，其中，对所述图形用户界面执行内容保持变形包括:通过所述计算机对所述图形用户界面执行内容保持变形，以使得所述图形用户界面与非矩形表面一致；以及其中所述方法还包括在所述非矩形表面上显示所述图形用户界面。
15.一种计算机系统，包括: 处理器； 存储器；以及 设计工具，在所述处理器中根据存储器执行，所述设计工具在被所述处理器执行时使得所述计算机系统通过下列步骤重塑图形用户界面: 接收图形用户界面内的一个或多个内容单元，所述一个或多个内容单元包括第一内容单元、第二内容单元和第三内容单元； 接收与所述第一内容单元相对应的边界； 接收将所述图形用户界面的包含第二内容单元的第一区域与所述图形用户界面的包含第三内容单元的第二区域分开的外图框；以及 在接收到所述边界和所述外图框时，对所述图形用户界面执行内容保持变形，以保持与所述边界相对应的第一内容单元的形状和尺寸，保持所述第一区域和所述第二区域的比例，根据所述内容保持变形，所述第二内容单元的形状在所述第一区域内调整，以及所述第三内容单元的形状在所述第二区域内调整。
16.根据权利要求15所述的计算机系统，其中，接收与所述一个或多个内容单元中的第一内容单元相对应的边界包括: 提供用于在一个或多个内容单元中定义所述边界的第一输入功能；以及 经由所述第一输入功能接收所述边界。
17.根据权利要求16所述的计算机系统，其中，所述第一输入功能被配置用于接收所述第一内容单元的外边缘上的用于定义所述边界的连续线的标记。
18.根据权利要求17所述的计算机系统，其中，在经由所述设计工具显示所述图形用户界面时所述连续线是可见的，以及在没有所述设计工具而显示所述图形用户界面时所述连续线是不可见的。
19.根据权利要求16所述的计算机系统，其中，所述第一输入功能被配置用于接收第一内容单元的外边缘上的多个坐标以及关于所述多个坐标构成定义了所述边界的完整几何形状的指示。
20.根据权利要求16所述的计算机系统，其中，接收将所述图形用户界面的包含第二内容单元的第一区域与所述图形用户界面的包含第三内容单元的第二区域分开的外图框包括: 提供用于在所述一个或多个内容单元中定义外图框的第二输入功能；以及 经由所述第二输入功能接收所述外图框。
21.根据权利要求20所述的计算机系统，其中，所述第二输入功能被配置用于接收勾画出所述第一区域和所述第二区域的用于定义所述外图框的线的标记。
22.根据权利要求15所述的计算机系统，其中，所述一个或多个内容单元包括图形单元和文本单元。
23.根据权利要求15所述的计算机系统，其中，对图形用户界面执行内容保持变形包括:对所述图形用户界面执行内容保持变形，以使得所述图形用户界面与非矩形表面一致；以及 其中，所述设计工具在由所述处理器执行时还使得所述计算机系统通过由增强现实设备在所述非矩形表面 上显示所述图形用户界面来重塑所述图形用户界面。
24.一种存储有计算机可执行指令的计算机可读存储介质，所述计算机可执行指令在由计算机执行时使计算机: 接收图形用户界面内的一个或多个内容单元，所述一个或多个内容单元包括第一内容单元、第二内容单元和第三内容单元； 接收与所述第一内容单元相对应的边界； 接收将所述图形用户界面的包含第二内容单元的第一区域与所述图形用户界面的包含第三内容单元的第二区域分开的外图框；以及 在接收到所述边界和所述外图框时，对图形用户界面执行内容保持变形以得图形用户界面与非矩形表面一致，以保持与所述边界相对应的第一内容单元的形状和尺寸，以及保持所述第一区域和所述第二区域的比例，根据所述内容保持变形，所述第二内容单元的形状在所述第一区域内调整，以及所述第三内容单元的形状在所述第二区域内调整；以及 将所述图形用户界面显示在非矩形表面上。
全文摘要
本公开总体描述了用于重塑图形用户界面的技术。图形用户界面可以包括一个或多个内容单元。界面设计工具使得用户能够定义关于图形用户界面的一个或多个边界。界面设计工具还对图形用户界面执行内容保持变形。当界面设计工具执行内容保持变形时，界面设计工具可以保持边界所定义的任意内容单元的形状和尺寸。
文档编号G09G5/00GK103201786SQ201080070058
公开日2013年7月10日 申请日期2010年12月1日 优先权日2010年12月1日
发明者埃泽齐埃尔·克鲁格里克 申请人:英派尔科技开发有限公司
最新回复(0)