CN101681235B - 用于图中形状选择的动态用户界面 - Google Patents

用于图中形状选择的动态用户界面 Download PDF

Info

Publication number
CN101681235B
CN101681235B CN2008800202608A CN200880020260A CN101681235B CN 101681235 B CN101681235 B CN 101681235B CN 2008800202608 A CN2008800202608 A CN 2008800202608A CN 200880020260 A CN200880020260 A CN 200880020260A CN 101681235 B CN101681235 B CN 101681235B
Authority
CN
China
Prior art keywords
shape
user interface
diagram shape
control
diagram
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.)
Expired - Fee Related
Application number
CN2008800202608A
Other languages
English (en)
Other versions
CN101681235A (zh
Inventor
D·艾伯森
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Microsoft Technology Licensing LLC
Original Assignee
Microsoft Corp
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Microsoft Corp filed Critical Microsoft Corp
Publication of CN101681235A publication Critical patent/CN101681235A/zh
Application granted granted Critical
Publication of CN101681235B publication Critical patent/CN101681235B/zh
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F17/00—Digital computing or data processing equipment or methods, specially adapted for specific functions
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/20—Drawing from basic elements, e.g. lines or circles
    • G06T11/206—Drawing of charts or graphs

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • Mathematical Physics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

此处描述的技术用于提供动态用户界面(UI)，以允许用户选择用于插入流程图或其它图的活动图形状而不离开绘图画布。通过采用此处所给出的各实施例，作图应用程序在绘图画布中为用户提供了动态用户界面，包括从位于与绘图画布相邻的形状图库中对图形状的选择。使用动态用户界面，用户可选择该形状并将该形状插入图而不离开画布。另外，用户可从动态用户界面选择替代的形状来替代现有图形状而不离开绘图画布。当光标悬停或在图形状、连接控制或任何其它UI触发器附近导航时，动态用户界面被触发以在靠近光标处显示。

Description

用于图中形状选择的动态用户界面
背景技术
许多作图应用程序允许创建流程图以示出商业过程。特定形状常被用于在流程图中标识该过程中各种类型的步骤。例如，矩形可标识过程中的动作步骤，而菱形表示过程中的判定步骤。为了使用作图应用程序来创建流程图，包括流程图中常用的多个形状的形状图库通常呈现给用户。形状图库位于与画布相邻但分开的区域，在画布上创建流程图。用户可随后选择所需的形状，并且将该形状拖入画布上放到流程图中所需的位置。为添加额外的形状，用户必须重复将光标移动到形状图库、选择所需的形状、以及将该形状拖入绘图画布上的位置的过程。
将形状添加到流程图的另一种方法包括：以前述的方式从形状图库中选择一个形状。将过程图的第一形状从形状图库中拖入绘图画布后，用户可通过选择绘图画布上一特定对象或控制，继续将与从形状图库中选择的形状相同的后续形状添加到流程图。例如，华盛顿州雷蒙德市的微软公司提供的“MICROSOFT OFFICE VISIO 2007”作图应用程序利用了当鼠标光标悬停在图形状上时出现的连接控制。当随后选择了连接控制之一，与在形状图库中选择的图形状相同的图形状被放置在流程图中，位于所利用的连接控制指示的位置，并且插入连接器来连接邻近的形状。
类似地，为了改变图的形状，用户可选择画布上将要被改变的图的形状，随后从形状图库中选择所需的图的形状。例如，为了将动作步骤改变成判定步骤，用户在绘图画布上选择动作步骤并且随后从形状图库中选择判定步骤。作为响应，矩形的动作步骤变成菱形的判定步骤。在如上所示的每一种方法中，需要用户通过鼠标光标离开绘图画布来以便从形状图库中选择所需的图形状。由于作图常常是一个快速的过程，因任何理由而离开绘图画布都会造成效率的降低。
此处所做出的本发明正是对于这些和其它考虑事项而提供的。
发明内容
此处描述的技术用于提供动态用户界面(UI)，以允许用户选择和改变图形状而不离开流程图或其它图的绘图画布。通过利用此处所提出的概念，作图应用程序或其它类型的应用程序提供了当光标被移动到图中特定控制时紧邻光标的动态UI。利用该动态UI，用户可根据动态UI提供的控制将活动图形状改变成不同的形状，而不离开绘图画布。
根据本发明的一方面，作图应用程序确定光标在绘图画布上的UI触发器附近。UI触发器可以是图形状或连接控制。连接控制允许选择的图形状被插入到图中并且被连接到一个相邻的图形状。响应于确定光标在UI触发器附近，作图应用程序在绘图画布上显示动态UI，并且随后通过动态UI接收对UI形状控制的选择。作图应用程序随后根据对UI形状控制的选择来设置活动图形状，并且在绘图画布上显示该活动图形状。
在实现中，呈现在绘图画布上的动态UI包括对应于在图中可用于放置的多个图形状的可选形状控制。根据与绘图画布相邻的形状图库中可用的图形状来选择特定形状控制和对应的图形状。经动态UI可用的图形控制可直接与形状图库中的图形状相关，或可以是对形状图库中可用形状的选择。
本发明各方面进一步包括显示具有可选UI形状控制的动态UI，可选UI形状控制对应于绘图画布上的图中可用于放置的多个图形状。对UI形状控制的选择被接收并且活动图形状被相应地设置。活动图形状随后被显示在绘图画布上。实施例包括确定光标在活动图形状附近，以及作为响应，在绘图画布上显示动态UI。对第二UI形状控制的选择通过动态UI被接收，并且活动图形状被对应于对第二UI形状控制的选择的图形状替换。
应当理解，尽管此处描述的实现是在作图应用程序的上下文中提出的，但创建或显示过程的可视呈现的任何类型的程序都可以利用此处提供的概念。上述主题也可被实现为计算机控制的装置、计算机进程、计算系统或诸如计算机可读介质等制品。通过阅读以下详细描述和查阅相关联的附图，这些和各个其它特征将是明显的。
提供本概述是为了以简化的形式介绍将在以下详细描述中进一步描述的一些概念。本概述并不旨在标识出所要求保护的主题的关键特征或必要特征，本概述也不旨在用于限定所要求保护的主题的范围。此外，所要求保护的主题不限于解决在本发明的任一部分中提及的任何或所有缺点的实现。
附图说明
图1A-1C是示出此处提供的用于当将图形状添加到图中时改变活动图形状选择的一个实现的屏幕图；
图2A-2B是示出此处提供的用于改变图中现有图形状的另一实施例的屏幕图；
图3A-3B是示出在本文描述的一个实现中提供的用于提供图上形状选择的说明性过程的流程图；以及
图4是示出用于能够实现此处所提出的各实施例的计算系统的说明性计算机硬件和软件体系结构的计算机体系结构图。
具体实施方式
以下详细描述针对用于提供动态UI来允许用户改变将被插入流程图或其它图的活动图形状而不离开绘图画布的技术。通过采用此处提出的各实施例，作图应用程序或其它类型的应用程序可以在绘图画布中为用户提供动态UI。动态UI包括对图形状的选择，对图形状的选择对应于位于与绘图画布相邻的形状图库中的图形状。使用动态UI，用户可选择活动形状并将该形状插入图而不离开画布。
尽管此处所述的主题是在结合操作系统和应用程序在计算系统上的执行而执行的程序模块的一般上下文中提供的，但本领域技术人员可以认识到，可结合其它类型的程序模块来执行其它实现。一般而言，程序模块包括执行特定任务或实现特定的抽象数据类型的例程、程序、组件、数据结构和其它类型的结构。此外，本领域的技术人员可以理解，此处所述的本主题可以使用其它计算机系统配置来实践，这些其它计算机系统配置包括手持式设备、多处理器系统、基于微处理器或可编程的消费电子产品、小型计算机、大型计算机等。
在以下详细描述中，参考了构成其一部分并作为说明示出了各具体实施例或示例的附图。首先将参考图1A-2B描述各种实现的各方面，图1A-2B示出了来自作图应用程序的示例屏幕图。尽管此处描述的作图应用程序是“MICROSOFT OFFICE VISIO 2007”作图应用程序，但应当理解，本发明同等应用于能够创建以及显示图的所有作图应用程序。还应理解，尽管此处提供的本发明在创建和编辑流程图的上下文中进行描述，本发明同等应用于能够创建以及编辑诸如网络图的任何其它类型的图。
现在参考附图，其中全部若干附图中相同的标号表示相同的元素，用于改变图中的图形状的计算系统和方法的各方面将被描述。具体地，图1示出了使用作图应用程序来创建的一个说明性示例图106。图106在图页面102的绘图画布104上被创建。图106包括多个过程操作，由图形状114A-114C以及连接器116A和116B来表示。如上简要讨论的，特定形状常被用于流程图中来标识该过程中各种类型的步骤。例如，矩形可标识过程中的动作步骤，而菱形表示过程中的判定步骤。
为了说明图106通常是如何被创建的，描述图1A所示的图页面102是有帮助的。图页面102包括绘图画布104和与绘图画布104相邻的多个控制。形状图库108是位于与绘图画布104相邻的一个控制区域。形状图库108提供图库形状控制110A-110D，对应于创建图时最常用的四个不同的图形状。应当理解，形状图库可以是包括一切的，包含对应于由作图应用程序提供的每个可用图形状的图库形状控制110，或者可包含对应于常用或用户指定的图形状的任何数量的图形状。
用于利用形状图库108来创建图106的第一方法包括通过光标120来选择所需的图库形状控制110，以及从形状图库108中将每个图形状114拖放到绘图画布104。用户随后可选择连接器126，将每个连接器116拖放到绘图画布104，并且将它们连接在图形状114A-114C之间。为便于该过程，“MICROSOFTOFFICE VISIO 2007”作图应用程序提供了自动连接控制128。当被选择时，自动连接控制128允许用户选择图库形状控制110A-110D中的一项来标识活动图形状112。在图1A中，表示动作步骤的矩形形状被选作活动图形状112。一旦图形状114通过诸如上述拖放方法之类的方法被放置在绘图画布104，随后用户可将光标120移动到图形状114A-114C的任一项附近或悬停在其上，来触发作图应用程序以显示图形状周围的连接控制118A-118C。应当理解，对关于任何其它图组件的光标120移动的描述中，本发明通篇使用的术语“附近”包括紧邻图组件的光标120的移动，以及等同于悬停在图组件上的光标120的移动。
连接控制118A-118C标识待插入图106中的下一个图形状114可用的放置位置。连接控制118A-118C提供可选指示符表示包围图形状114的每一个方向，在其中可添加和连接另一图形状114。例如，连接控制118A向用户指示图形状114可放置在图形状114C之上。当对应于矩形图形状的图库形状控制110A被选作活动图形状112时，如果用户选择连接控制118A，则作图应用程序会将动作步骤直接放置在图106中的图形状114C之上，并且通过从图形状114C到新的动作步骤的箭头将新的动作步骤连接到图形状114C。
与创建图106的拖放方法相比，虽然自动连接过程允许提高的效率，但两种方法都要求用户将光标120从绘图画布104移动到形状图库108以选择不同的图库形状控制110以及改变活动图形状112。根据此处提供的实现，用户可将光标120导航在连接控制118上，连接控制118对应于待放置到图106中的下一个图形状114的所需放置方向。作为该动作的结果，给用户提供了动态UI 122，其允许用户选择不同的活动图形状112以改变待放置到图106中的下一个图形状114。
图1A示出了在其中创建图106的示例。当前活动图形状112是矩形，表示动作步骤。当用户选择图库形状口控制110A时，活动图形状112已由用户先前设置，假定是在将图形状114B放置到图106时。将图形状114C添加到图106之后，用户可能想将判定步骤直接放置到图形状114B的右边。实施例提供了对动态UI 122的触发，而不是在绘图画布104之外导航来选择对应于三角形判定步骤形状的图库形状控制110B。在该示例中，光标120悬停在其上而被示为突出显示的连接控制118B用作东动态UI 122的UI触发器130。UI触发器130可以是图106的任何组件，该组件由作图应用程序指定、用于触发动态UI 122。UI触发器130在图1A所示的示例中是一个连接控制118B，如将在以下参考图2A描述的，UI触发器130也可以是图形状114。
动态UI 122被描述为动态的，因为它可以出现在绘图画布104中的任何位置，在绘图画布104中光标120在结合了UI触发器130。动态UI 122可以呈现在绘图画布104上围绕光标120的任何位置，但优选地是位于与光标120和对应的UI触发器130足够接近的位置，使得UI触发器130与动态UI 122之间的导航距离为最小。动态UI 122被示作包括四个UI形状控制124A-124D，对应于位于形状图库108中的四个图库形状控制110A-110D。应当理解，动态UI 122可包括除UI形状控制124A-124D以外的任何数量和类型的控制。另外，UI形状控制124A-124D可以与图库形状控制110A-110D的数量和类型相同，或者可以包括位于形状图库108中的图库形状控制110A-110D的较小子集。
一旦动态UI 122在光标120附近被触发和显示，用户可以将光标120导航在动态UI 122上，并且选择对应于创建中的图106的下一组件的所需图形状的UI形状控制124。选择的UI形状控制124将设置活动图形状112用于加入到图106的后续图形状114添加。例如，查看图1B，由于用户想将判定步骤添加到图形状114C的右边，用户将光标120导航在动态UI 122上，并且选择对应于菱形判定步骤的UI形状控制124B。选择UI形状控制124B之后，图库形状控制110B则被突出显示为活动图形状112。
根据一个实施例，对UI形状控制124B的选择将判定步骤和合适的连接器放置在图106中的位置，并且将活动图形状112设置为用于后续图形状114添加的图库形状控制110B。图1C示出了放置在图106中的所得活动图形状112以及对应的连接器116C。或者，对UI形状控制124B的选择仅将活动图形状112设置为用于后续图形状114添加的图库形状控制110B。需要对连接控制118B进行另外的选择以将所需的判定步骤放置到图106中的位置。根据又一替换，对UI形状控制124B的选择将判定步骤和合适的连接器放置在图106中的位置，但不改变将活动图形状112设置到图库形状控制110B。如果用户主要利用单一类型的图形状114且仅偶尔需要插入不同类型的图形状114，此替换是合乎需要的。这些替换实施例可根据作图应用程序的用户指定偏好而被建立为主要的实施例。
本发明在此提供的实现另外为用户提供了改变图中现有图形状的能力。图2A示出了在图页面102的绘图画布104中正在创建的示例图206。图206包括图形状214A-214C以及对应的控制器216A和216B。假定用户决定图形状214C应该是一个菱形来表示判定步骤，而不是一个矩形来表示动作步骤。用户可以选择图形状214C，并且随后导航到形状图库108来选择图库形状控制110B以实现改变。然而，在此提供的实现允许用户作出所需的改变而不离开绘图画布104。
在该实施例中，图形状214C用作UI触发器130。当用户将光标120导航在图形状214C上时，作图应用程序检测UI触发器130上的移动，并且将动态UI 122显示在与光标120和/或UI触发器130附近的位置。为了用菱形判定步骤替换图形状214C，用户选择UI形状控制124B。在检测到对UI形状控制124B的选择时，作图应用程序用活动图形状112替换图形状214C，如图2B所示。应当理解，作图应用程序可建立用作UI触发器130以触发动态UI 122显示的任何类型和数量的图控制。
例如，所有图形状214A-214D可以是UI触发器130，其触发动态UI 122显示用于触发动态UI 122的特定图形状214的替换。图形状214A-214D的每一个也是用于显示连接控制218A-218C的一个触发器，有助于向图206添加图形状214。连接控制218A-218C的每一个也可以是用于触发动态UI 122的UI触发器130，以帮助用户改变将后继添加到图206的图形状214的类型。取决于图形状214是否触发了动态UI 122，或者连接控制218是否触发了动态UI122，用户对UI形状控制124的选择将改变现有图形状214或者将图形状214添加到图206。
现在转到图3A-3B，将描述在绘图画布104中提供允许用户在创建图106时选择活动图形状112的动态UI 122的说明性例程300。应理解，此处所述的逻辑操作被实现为(1)一系列计算机实现动作或运行于计算系统上的程序模块，和/或(2)计算系统内的互连机器逻辑电路或电路模块。该实现是取决于计算机系统的性能和其他要求的选择的问题。因此，此处所描述的逻辑操作被不同地称为操作、结构设备、动作或模块。这些操作、结构设备、动作和模块可用软件、固件、专用数字逻辑以及它们的任何组合来实现。还应当理解，可以实现比各附图所示的并在此处描述的更多或更少操作。这些操作也可按与本文所描述的不同的次序来执行。
例程300开始于操作302，其中作图应用程序接收对形状图库108中图库形状控制110的选择。从操作302，例程300继续到操作304，其中作图应用程序将对应于选择的图库形状控制110的形状设置成活动图形状112。例程从操作304继续到操作306，其中作图应用程序接收将活动图形状112插入到图106的请求。该请求可源自从形状图库108到绘图画布104的拖放动作，或者源自对图106中连接控制118的选择。从操作306，例程300继续到操作308，其中作图应用程序将请求的活动图形状112和任何要求的连接器116显示到图106。当用户通过对连接控制器118的选择来请求图形状114时，可能需要连接器116。
例程300从操作308继续到操作310，其中作图应用程序检测在靠近UI触发器130的一阈值内移动或悬停在UI触发器130上的光标120。从操作310，例程300继续到操作312，其中作图应用程序响应于检测光标120靠近UI触发130器或在其之上而在光标120附近显示动态UI 122。如上所述，动态UI 122可包括一个或多个形状图库108中的图库形状控制110A-110D。例程300从操作312继续到操作314，其中作图应用程序接收对UI形状控制124的选择，其对应于所需图形状114。
从操作314，例程300继续到操作316，其中作图应用程序将对应于选择的UI形状控制124的形状设置成活动图形状112。例程从操作316继续到操作318，其中作图应用程序确定触发动态UI 122的UI触发器130是否是连接控制118。如果UI触发器130不是连接控制118，那么就是图形状114，则例程300前进到操作320，其中作图应用程序用活动图形状112替换指定的图形状114。从操作320，例程300继续到操作326并如下所述地前进。
然而，如果在操作318，应用程序确定UI触发器130是连接控制118，则例程300继续到操作322，其中应用程序在图106中显示活动图形状112。活动图形状112根据连接控制118而被对齐。例如，如果连接控制118指向右边，则活动图形状112将被放置到关联的现有图形状114的右边并对齐。从操作322，例程300继续到操作324，其中作图应用程序在图106中显示活动图形状112与关联的现有图形状114之间的连接器116。从操作324，例程300继续到操作326，其中作图应用程序将动态UI 122从绘图画布104中移除。例程继续到操作328并且结束。
图4示出了用于能够执行此处所描述软件组件的计算机400的说明性计算机体系结构，其用于在绘图画布104范围内提供用于接收对活动图形状112的选择的图中动态UI 122。图1所示的计算机体系结构示出了常规台式计算机、膝上型计算机或服务器计算机并且可用于具体化此处所描述的计算机程序中的任一方面。
图4所示的计算机体系结构包括中央处理单元402(CPU)、包括随机存取存储器414(RAM)和只读存储器(ROM)416的系统存储器408、以及将存储器耦合至CPU 402的系统总线404。基本输入/输出系统存储在ROM 416中，它包含帮助诸如在启动期间在计算机400内元件之间传递信息的基本例程。计算机400还包括用于存储操作系统418、应用程序和其它程序模块等的大容量存储设备410，这将在以下更为详尽地描述。
大容量存储设备410通过连接至总线404的大容量存储控制器(未示出)连接到CPU 402。大容量存储设备410及其相关联的计算机可读介质为计算机400提供非易失性存储。尽管本文所包含的计算机可读介质的描述指的是大容量存储设备，如硬盘或CD-ROM驱动器，但本领域的技术人员应理解，计算机可读介质可以是可由计算机400访问的任何可用计算机存储介质。
作为示例而非限制，计算机可读介质可包括以用于存储诸如计算机可读指令、数据结构、程序模块或其它数据等信息的任何方法或技术实现的易失性和非易失性、可移动和不可移动介质。例如，计算机可读介质包括但不限于，RAM、ROM、EPROM、EEPROM、闪存或其它固态存储器技术、CD-ROM、数字多功能盘(DVD)、HD-DVD、蓝光(BLU-RAY)或其它光学存储、磁带盒、磁带、磁盘存储或其它磁性存储设备、或能用于存储所需信息且可以由计算机400访问的任何其它介质。
根据各实施例，计算机400可以使用通过诸如网络420等网络与远程计算机的逻辑连接在联网环境中操作。计算机400可以通过连接至总线404的网络接口单元406来连接到网络420。应当理解，网络接口单元406也可用于连接至其它类型的网络和远程计算机系统。计算机400还可以包括用于接收和处理来自多个其它设备的输入的输入/输出控制器412，这些设备包括键盘、鼠标或者电子指示笔(未在图4中示出)。应当理解，此处描述的如通过鼠标执行的用户输入操作可以通过键盘、电子指示笔或任何其它合适的用户输入设备来执行。类似地，输入/输出控制器可以提供至显示屏、打印机或其它类型的输出设备(也未在图4中示出)的输出。
如前简述的那样，多个程序模块和数据文件可以存储在计算机400的大容量存储设备410和RAM 414内，包括适于控制联网台式机、膝上型计算机或服务器计算机的操作的操作系统418。大容量存储设备410和RAM 414还可以存储一个或多个程序模块。更具体地，大容量存储设备410和RAM 414可以存储作图应用程序422。
基于上述内容，应当理解，此处提供了用于提供动态用户界面(UI)来允许用户选择和改变图形状而不离开流程图或其它图的绘图画布的技术。尽管用对计算机结构特征、方法动作和计算机可读介质专用的语言描述了此处呈现的本主题，但可以理解，所附权利要求书中定义的本发明不必限于此处所述的具体特征、动作或介质。相反，具体特征、动作和介质是作为实现权利要求的示例形式公开的。
上述主题仅作为说明提供，并且不应被解释为限制。可对此处所述的主题作出各种修改和改变，而不必遵循所示和所述的示例实施例和应用，且不背离所附权利要求书中所述的本发明的真正精神和范围。

Claims (20)

1.一种当创建图(106)时选择图形状(114)的方法，所述方法包括：
确定光标(120)在绘图画布(104)上用户界面触发器(130)附近；
响应于确定光标(120)在用户界面触发器(130)附近，在绘图画布(104)上显示动态用户界面(122)；
通过动态用户界面(122)接收对用户界面形状控制(124)的选择；
根据对用户界面形状控制(124)的选择来设置活动图形状(112)用于加入到图(106)的图形状(114)后续添加；以及
在绘图画布(104)上显示活动图形状(112)。
2.如权利要求1所述的方法，其特征在于，用户界面触发器包括连接控制，用于将活动图形状插入到与同连接控制相关联的图形状相邻，并且在被插入的活动图形状与相邻的图形状之间插入连接器；
3.如权利要求1所述的方法，其特征在于，用户界面触发器包括图形状，其中在绘图画布上显示活动图形状包括用活动图形状替代图形状。
4.如权利要求1所述的方法，其特征在于，动态用户界面包括多个图形状。
5.如权利要求4所述的方法，其特征在于，动态用户界面的多个图形状直接与显示在与绘图画布相邻的形状图库中的一组图形状相关。
6.如权利要求4所述的方法，其特征在于，多个图形状包括位于与绘图画布相邻的形状图库的一组图形状中的图形状子集。
7.如权利要求1所述的方法，其特征在于，进一步包括：
确定光标在与绘图画布上活动图形状相关联的连接控制附近；
响应于确定光标在与活动图形状相关联的连接控制附近，在绘图画布上显示动态用户界面；
通过动态用户界面接收对第二用户界面形状控制的选择；
根据对第二用户界面形状控制的选择来设置活动图形状；以及
在绘图画布上显示活动图形状。
8.如权利要求7所述的方法，其特征在于，连接控制包括至少一个表示活动图形状被插入到图的放置方向的可选指示符，其中在绘图画布上显示活动图形状包括根据连接控制显示活动图形状，以及根据连接控制将连接活动图形状的连接器插入到图形状。
9.一种当创建图(106)时选择图形状(114)的系统，所述系统包括：
用于确定光标(120)在绘图画布(104)上用户界面触发器(130)附近的装置；
用于响应于确定光标(120)在用户界面触发器(130)附近，在绘图画布
(104)上显示动态用户界面(122)的装置；
用于通过动态用户界面(122)接收对用户界面形状控制(124)的选择的装置；
用于根据对用户界面形状控制(124)的选择来设置活动图形状(112)用于加入到图(106)的图形状(114)后续添加的装置；以及
用于在绘图画布(104)上显示活动图形状(112)的装置。
10.一种计算机实现的方法，包括：
确定光标在绘图画布上用户界面触发器附近；
响应于确定光标在用户界面触发器附近，在所述绘图画布上呈现动态用户界面，所述动态用户界面包括多个对应于在绘图画布上的图中可放置的多个图形状的可选用户界面形状控制；
通过动态用户界面接收对用户界面形状控制的选择；
根据对用户界面形状控制的选择来设置活动图形状；以及
在绘图画布上显示活动图形状。
11.如权利要求10所述的方法，其特征在于，能放置在图中的多个图形状直接与显示在与绘图画布相邻的形状图库中的一组图形状相关。
12.如权利要求10所述的方法，其特征在于，能放置在图中的多个图形状包括位于与绘图画布相邻的形状图库的一组图形状中的图形状子集。
13.如权利要求10所述的方法，其特征在于，进一步包括：
确定光标在活动图形状附近；
响应于确定光标在活动图形状附近，呈现与活动图形状相关联的连接控制；以及
确定光标在与活动图形状相关联的连接控制附近；
通过动态用户界面接收对第二用户界面形状控制的选择；
根据对第二用户界面形状控制的选择来设置活动图形状；以及
在绘图画布上显示活动图形状。
14.如权利要求13所述的方法，其特征在于，连接控制包括至少一个可选指示符，表示当选择至少一个可选控制符时，与对第二用户界面形状控制的选择相关的活动图形状被插入到图的放置方向。
15.如权利要求10所述的方法，其特征在于，进一步包括：
确定光标在活动图形状附近；
响应于确定光标在图形状附近，在绘图画布上显示动态用户界面；
通过动态用户界面接收对第二用户界面形状控制的选择；以及
用对应于对第二用户界面形状控制的选择的图形状来替代活动图形状。
16.一种当创建图(106)时选择活动图形状(112)的方法，所述方法包括：
接收对活动图形状(112)的用户选择；
接收在图(106)中显示动态图形状(112)的请求；
响应于接收在图(106)中显示动态图形状(112)的请求，在图(106)中显示动态图形状(112)；
确定光标(120)在与绘图画布(104)上显示的活动图形状(112)相关联的连接控制(118)附近；
响应于确定光标(120)在连接控制(118)附近，在绘图画布(104)上光标(120)附近显示动态用户界面(122)
通过动态用户界面(122)接收对用户界面形状控制(124)的选择；
根据对用户界面形状控制(124)的选择来设置活动图形状(112)用于加入到图(106)的图形状(114)的后续添加；以及
在绘图画布(104)上显示活动图形状(112)。
17.如权利要求16所述的方法，其特征在于，接收对活动图形状的用户选择包括从与绘图画布相邻的形状图库中接收对活动图形状的用户选择。
18.如权利要求16所述的方法，其特征在于，所述连接控制包括至少一个可选指示符，表示当选择至少一个可选控制符时，活动图形状被插入到图的放置方向。
19.如权利要求16所述的方法，其特征在于，进一步包括：
确定光标在根据对用户界面形状控制的选择来设置的活动图形状附近；
响应于确定光标在活动图形状附近，在绘图画布上光标附近显示动态用户界面；
通过动态用户界面接收对用户界面形状控制的选择；以及
用对应于经动态用户界面对用户界面形状控制的选择的图形状来替代活动图形状。
20.一种当创建图(106)时选择活动图形状(112)的系统，所述系统包括：
用于接收对活动图形状(112)的用户选择的装置；
用于接收在图(106)中显示动态图形状(112)的请求的装置；
用于响应于接收在图(106)中显示动态图形状(112)的请求，在图(106)中显示动态图形状(112)的装置；
用于确定光标(120)在与绘图画布(104)上显示的活动图形状(112)相关联的连接控制(118)附近的装置；
用于响应于确定光标(120)在连接控制(118)附近，在绘图画布(104)上光标(120)附近显示动态用户界面(122)的装置；
用于通过动态用户界面(122)接收对用户界面形状控制(124)的选择的装置；
用于根据对用户界面形状控制(124)的选择来设置活动图形状(112)用于加入到图(106)的图形状(114)的后续添加的装置；以及
用于在绘图画布(104)上显示活动图形状(112)的装置。
CN2008800202608A 2007-06-15 2008-06-01 用于图中形状选择的动态用户界面 Expired - Fee Related CN101681235B (zh)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
US11/763,656 2007-06-15
US11/763,656 US8739068B2 (en) 2007-06-15 2007-06-15 Dynamic user interface for in-diagram shape selection
PCT/US2008/065462 WO2008157010A2 (en) 2007-06-15 2008-06-01 Dynamic user interface for in-diagram shape selection

Publications (2)

Publication Number Publication Date
CN101681235A CN101681235A (zh) 2010-03-24
CN101681235B true CN101681235B (zh) 2012-04-25

Family

ID=40133510

Family Applications (1)

Application Number Title Priority Date Filing Date
CN2008800202608A Expired - Fee Related CN101681235B (zh) 2007-06-15 2008-06-01 用于图中形状选择的动态用户界面

Country Status (6)

Country Link
US (1) US8739068B2 (zh)
EP (1) EP2174205A4 (zh)
JP (1) JP5130358B2 (zh)
KR (1) KR101486608B1 (zh)
CN (1) CN101681235B (zh)
WO (1) WO2008157010A2 (zh)

Families Citing this family (32)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8762871B2 (en) * 2008-02-03 2014-06-24 Microsoft Corporation Dynamic preview of diagram elements to be inserted into a diagram
US20090319948A1 (en) * 2008-06-20 2009-12-24 Smartdraw.Com Automated editing of graphics charts
US8698807B2 (en) * 2008-09-26 2014-04-15 International Business Machines Corporation Intuitively connecting graphical shapes
US9652803B2 (en) 2009-10-20 2017-05-16 Trading Technologies International, Inc. Virtualizing for user-defined algorithm electronic trading
US20110246875A1 (en) * 2010-04-02 2011-10-06 Symantec Corporation Digital whiteboard implementation
US9019275B2 (en) 2010-10-01 2015-04-28 Lucid Software, Inc. Manipulating graphical objects
US9293117B2 (en) 2010-10-01 2016-03-22 Lucid Software, Inc Manipulating graphical objects
US9223471B2 (en) * 2010-12-28 2015-12-29 Microsoft Technology Licensing, Llc Touch screen control
US8566220B2 (en) 2011-01-26 2013-10-22 Trading Technologies International, Inc. Block placing tool for building a user-defined algorithm for electronic trading
US9367201B2 (en) 2011-11-30 2016-06-14 Microsoft Technology Licensing, Llc Graphic flow having unlimited number of connections between shapes
WO2014025831A1 (en) * 2012-08-07 2014-02-13 Lucid Software, Inc. Manipulating graphical objects
US8918405B2 (en) 2012-11-29 2014-12-23 International Business Machines Corporation Auto suggestion tool
JP6112968B2 (ja) * 2013-05-23 2017-04-12 インターナショナル・ビジネス・マシーンズ・コーポレーションＩｎｔｅｒｎａｔｉｏｎａｌ Ｂｕｓｉｎｅｓｓ Ｍａｃｈｉｎｅｓ Ｃｏｒｐｏｒａｔｉｏｎ コマンド生成方法、装置及びプログラム
KR101537467B1 (ko) * 2014-01-16 2015-07-16 두산중공업 주식회사 도면 편집 영역 확장 방법 및 시스템
KR101539171B1 (ko) * 2014-01-16 2015-07-29 두산중공업 주식회사 설계 도면 블럭 확장 방법 및 시스템
US20150222498A1 (en) * 2014-02-03 2015-08-06 Invensys Systems, Inc. Faster flowsheet design by predictive connectivity
US10860167B2 (en) 2014-07-29 2020-12-08 Autodesk, Inc. Reality capture graphical user interface
JP2016115017A (ja) * 2014-12-12 2016-06-23 日本電信電話株式会社 フローチャート作成方法及びプログラム
CN105117185B (zh) * 2015-08-07 2018-02-13 东北电力大学 一种桌面系统的辅助信息显示面板系统
US10713304B2 (en) * 2016-01-26 2020-07-14 International Business Machines Corporation Entity arrangement by shape input
US10691316B2 (en) 2016-03-29 2020-06-23 Microsoft Technology Licensing, Llc Guide objects for drawing in user interfaces
CN107015721A (zh) * 2016-10-20 2017-08-04 阿里巴巴集团控股有限公司 一种应用界面的管理方法和装置
CN107085494B (zh) * 2017-04-24 2018-05-08 武汉史蒂芬凯科技有限公司 一种在基于触摸屏的智能终端上创建或删除对象间关联线的方法
US10402642B2 (en) * 2017-05-22 2019-09-03 Microsoft Technology Licensing, Llc Automatically converting ink strokes into graphical objects
EP4435597A2 (en) * 2018-04-17 2024-09-25 Casio Computer Co., Ltd. Display control apparatus, program and display controlling method
US20200137195A1 (en) * 2018-10-31 2020-04-30 Salesforce.Com, Inc. Techniques and architectures for managing operation flow in a complex computing environment
US10929367B2 (en) 2018-10-31 2021-02-23 Salesforce.Com, Inc. Automatic rearrangement of process flows in a database system
CN109739597B (zh) * 2018-12-21 2022-05-27 上海商汤智能科技有限公司 图像工具获取方法及装置、图像设备及存储介质
CN113330417A (zh) * 2019-02-15 2021-08-31 西门子（中国）有限公司 图形化编程方法、系统、装置、介质、处理器和终端
CN109976850B (zh) * 2019-03-13 2022-02-25 北京乐我无限科技有限责任公司 一种信息展示的方法、装置及电子设备
US11714928B2 (en) * 2020-02-27 2023-08-01 Maxon Computer Gmbh Systems and methods for a self-adjusting node workspace
US11373369B2 (en) 2020-09-02 2022-06-28 Maxon Computer Gmbh Systems and methods for extraction of mesh geometry from straight skeleton for beveled shapes

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5555357A (en) * 1994-06-03 1996-09-10 Claris Corporation Computer system and method for generating and manipulating charts and diagrams
US7117449B1 (en) * 2002-12-31 2006-10-03 Siebel Systems, Inc. Method and apparatus to present an integrated process modeler
CN1975745A (zh) * 2005-11-30 2007-06-06 美国德信公司 计算机辅助设计界面

Family Cites Families (54)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US4723211A (en) 1984-08-30 1988-02-02 International Business Machines Corp. Editing of a superblock data structure
US4686522A (en) 1985-02-19 1987-08-11 International Business Machines Corporation Method of editing graphic objects in an interactive draw graphic system using implicit editing actions
US4815029A (en) 1985-09-23 1989-03-21 International Business Machines Corp. In-line dynamic editor for mixed object documents
US6154756A (en) 1992-07-15 2000-11-28 Apple Computer, Inc. Computer system integrating different data types into a single environment
US5488685A (en) 1993-01-27 1996-01-30 Apple Computer, Inc. Method and apparatus for providing visual cues in a graphic user interface
JPH07282003A (ja) 1994-04-07 1995-10-27 Toshiba Corp 編集メニュー表示装置及び方法
US5588108A (en) * 1994-09-27 1996-12-24 Micrografx, Inc. System and method for generating graphics charts
US5774661A (en) 1995-04-18 1998-06-30 Network Imaging Corporation Rule engine interface for a visual workflow builder
US6002399A (en) 1995-06-16 1999-12-14 Apple Computer, Inc. Apparatus and method for creating diagrams
US5786816A (en) 1995-10-20 1998-07-28 Araxsys, Inc. Method and apparatus for graphical user interface-based and variable result healthcare plan
US5911145A (en) 1996-07-29 1999-06-08 Rae Technology, Inc. Hierarchical structure editor for web sites
DE69624809T2 (de) 1996-08-28 2003-07-03 Koninklijke Philips Electronics N.V., Eindhoven Verfahren und System zum Auswählen eines Informarionsgegenstandes
GB9623954D0 (en) 1996-11-15 1997-01-08 Xerox Corp Systems and methods providing flexible representations of work
US6057844A (en) 1997-04-28 2000-05-02 Adobe Systems Incorporated Drag operation gesture controller
JPH1186016A (ja) 1997-09-09 1999-03-30 Canon Inc 情報処理方法及び装置及びその記憶媒体
US6243092B1 (en) 1997-12-02 2001-06-05 Aspect Communications Transaction flow editing tool
CA2267570A1 (en) 1998-04-03 1999-10-03 Avid Technology, Inc. A user interface device for managing complex object relationships
US6751780B1 (en) 1998-10-01 2004-06-15 Hewlett-Packard Development Company, L.P. User interface for initiating the export of an optimized scanned document using drag and drop
US6715127B1 (en) 1998-12-18 2004-03-30 Xerox Corporation System and method for providing editing controls based on features of a raster image
US6239813B1 (en) 1999-01-20 2001-05-29 Timothy Joseph Erskine Method of defining a computer-generated intelligent symbol
US6628285B1 (en) 1999-02-11 2003-09-30 Autodesk, Inc. Intelligent drawing redlining and commenting feature
US6697087B1 (en) 1999-05-05 2004-02-24 Microsoft Corporation Updating diagrams of dynamic representational Models of dynamic systems
US6393425B1 (en) 1999-05-05 2002-05-21 Microsoft Corporation Diagramming real-world models based on the integration of a database, such as models of a computer network
US6289513B1 (en) 1999-06-01 2001-09-11 Isaac Bentwich Interactive application generation and text processing
US7373592B2 (en) * 1999-07-30 2008-05-13 Microsoft Corporation Modeless child windows for application programs
US7093192B2 (en) * 1999-07-30 2006-08-15 Microsoft Corporation Establishing and displaying dynamic grids
US6851089B1 (en) 1999-10-25 2005-02-01 Amazon.Com, Inc. Software application and associated methods for generating a software layer for structuring semistructured information
US7904799B1 (en) 1999-11-05 2011-03-08 Decentrix Acquisition Corporation Method and apparatus for generating a link to a presented web page
US6931288B1 (en) 2001-04-16 2005-08-16 Rockwell Automation Technologies, Inc. User interface and system for creating function block diagrams
US20030158832A1 (en) 2001-05-31 2003-08-21 Sijacic Michael Anthony Methods and system for defining and creating custom activities within process management software
US7047502B2 (en) 2001-09-24 2006-05-16 Ask Jeeves, Inc. Methods and apparatus for mouse-over preview of contextually relevant information
US20040261029A1 (en) 2001-10-15 2004-12-23 Skjaervik Geir Ove Method for flexible diagram generation and presentation tool
US20030076364A1 (en) 2001-10-18 2003-04-24 International Business Machines Corporation Method of previewing a graphical image corresponding to an icon in a clipboard
US7685527B2 (en) 2001-11-20 2010-03-23 Siebel Systems, Inc. Method and apparatus for controlling view navigation in workflow systems
US20030214539A1 (en) 2002-05-14 2003-11-20 Microsoft Corp. Method and apparatus for hollow selection feedback
US7137077B2 (en) 2002-07-30 2006-11-14 Microsoft Corporation Freeform encounter selection tool
US7554530B2 (en) 2002-12-23 2009-06-30 Nokia Corporation Touch screen user interface featuring stroke-based object selection and functional object activation
US7895536B2 (en) 2003-01-08 2011-02-22 Autodesk, Inc. Layer editor system for a pen-based computer
US20050108620A1 (en) * 2003-11-19 2005-05-19 Microsoft Corporation Method and system for selecting and manipulating multiple objects
US7503012B2 (en) 2004-01-13 2009-03-10 International Business Machines Corporation Invoking user designated actions based upon selected computer content
KR100601676B1 (ko) 2004-05-12 2006-07-14 삼성전자주식회사 편집기능을 갖는 문서 스캔 방법 및 장치 및 그를 이용한복합기
US7703036B2 (en) * 2004-08-16 2010-04-20 Microsoft Corporation User interface for displaying selectable software functionality controls that are relevant to a selected object
US7721201B2 (en) 2005-04-21 2010-05-18 Omegablue, Inc. Automatic authoring and publishing system
US7698635B2 (en) 2005-04-21 2010-04-13 Omegablue, Inc. Automatic authoring and publishing system
US7721200B2 (en) 2005-04-21 2010-05-18 Omegablue, Inc. Automatic authoring and publishing system
US7474310B2 (en) * 2005-08-12 2009-01-06 Microsoft Corporation Object association in a computer generated drawing environment
US8365135B2 (en) 2005-10-27 2013-01-29 International Business Machines Corporation Computer method and apparatus for connection creation in a software modeling system
US20080148164A1 (en) 2006-12-15 2008-06-19 Iac Search & Media, Inc. Toolbox minimizer/maximizer
US20080148192A1 (en) 2006-12-15 2008-06-19 Iac Search & Media, Inc. Toolbox pagination
US20080148188A1 (en) 2006-12-15 2008-06-19 Iac Search & Media, Inc. Persistent preview window
US20080270932A1 (en) 2006-12-15 2008-10-30 Iac Search & Media, Inc. Toolbox editing
US20080147634A1 (en) 2006-12-15 2008-06-19 Iac Search & Media, Inc. Toolbox order editing
US8762871B2 (en) 2008-02-03 2014-06-24 Microsoft Corporation Dynamic preview of diagram elements to be inserted into a diagram
US8924888B2 (en) 2008-11-13 2014-12-30 SAP France S.A. Dynamic data object insertion

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5555357A (en) * 1994-06-03 1996-09-10 Claris Corporation Computer system and method for generating and manipulating charts and diagrams
US7117449B1 (en) * 2002-12-31 2006-10-03 Siebel Systems, Inc. Method and apparatus to present an integrated process modeler
CN1975745A (zh) * 2005-11-30 2007-06-06 美国德信公司 计算机辅助设计界面

Also Published As

Publication number Publication date
EP2174205A4 (en) 2013-10-09
US8739068B2 (en) 2014-05-27
KR101486608B1 (ko) 2015-02-04
KR20100020959A (ko) 2010-02-23
US20080313565A1 (en) 2008-12-18
EP2174205A2 (en) 2010-04-14
WO2008157010A3 (en) 2009-02-12
JP2010531011A (ja) 2010-09-16
JP5130358B2 (ja) 2013-01-30
WO2008157010A2 (en) 2008-12-24
CN101681235A (zh) 2010-03-24

Similar Documents

Publication Publication Date Title
CN101681235B (zh) 用于图中形状选择的动态用户界面
CN101460943B (zh) 修改图表
CN102870106B (zh) 所选择的数据的临时格式化和绘制
RU2488157C2 (ru) Разделы презентации, имеющие определяемые пользователем свойства
US11675471B2 (en) Optimized joint document review
AU2011265626B2 (en) Role-based presentation views
CN101689177B (zh) 使用预定义布局来对图像和相关联的文本进行动态布局
AU2012308862B2 (en) Establishing content navigation direction based on directional user gestures
US9927952B2 (en) Utilizing a ribbon to access an application user interface
US8762871B2 (en) Dynamic preview of diagram elements to be inserted into a diagram
US20140164955A1 (en) Context menus
US20240152829A1 (en) Managing dependencies between work items tracked by a host service of a project management system
JPH11316642A (ja) フリ―フォ―ムグラフィックスシステムで使用するためのドメインオブジェクト
JPH11316641A (ja) フリ―フォ―ムグラフィックスシステムで使用するための計算される属性値を有するドメインオブジェクト
US20090150823A1 (en) Apparatus and Method for Improved Window Management in a Grid Management System
JP2000029812A (ja) 会議の目的を支援するための会議オブジェクトを有するフリ―フォ―ムグラフィックスシステム
TW201541333A (zh) 滑動表面
US20130067394A1 (en) Pointer invocable navigational user interface
JP5196902B2 (ja) 帳票システムおよび帳票システムの制御方法およびプログラムおよび記録媒体
JP5736491B2 (ja) バックアップジョブのイベントをナビゲートするための方法及びコンピュータ読み取り可能な記録媒体
JP2013137779A (ja) 帳票システムおよび帳票システムの制御方法およびプログラムおよび記録媒体
KR20190115401A (ko) 링크 뷰 방법, 링크 뷰 장치 및 링크 뷰 프로그램
CN105373290A (zh) 一种信息显示方法及电子设备

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant
ASS Succession or assignment of patent right

Owner name: MICROSOFT TECHNOLOGY LICENSING LLC

Free format text: FORMER OWNER: MICROSOFT CORP.

Effective date: 20150507

C41 Transfer of patent application or patent right or utility model
TR01 Transfer of patent right

Effective date of registration: 20150507

Address after: Washington State

Patentee after: MICROSOFT TECHNOLOGY LICENSING, LLC

Address before: Washington State

Patentee before: Microsoft Corp.

CF01 Termination of patent right due to non-payment of annual fee
CF01 Termination of patent right due to non-payment of annual fee

Granted publication date: 20120425