CN104145246B - 显示和操纵计算机上的地面布局显示的系统和方法 - Google Patents

显示和操纵计算机上的地面布局显示的系统和方法 Download PDF

Info

Publication number
CN104145246B
CN104145246B CN201380011851.XA CN201380011851A CN104145246B CN 104145246 B CN104145246 B CN 104145246B CN 201380011851 A CN201380011851 A CN 201380011851A CN 104145246 B CN104145246 B CN 104145246B
Authority
CN
China
Prior art keywords
piece
mark
tile patterns
covering
shows
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201380011851.XA
Other languages
English (en)
Other versions
CN104145246A (zh
Inventor
A.菲尔德斯
R.M.马克梅坎
小劳伦斯.K.塞兹
S.沃尔克
B.L.哈克斯马
C.A.马丁
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.)
Milliken and Co
Original Assignee
Milliken and Co
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 Milliken and Co filed Critical Milliken and Co
Publication of CN104145246A publication Critical patent/CN104145246A/zh
Application granted granted Critical
Publication of CN104145246B publication Critical patent/CN104145246B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/60—Editing figures and text; Combining figures or text
    • A—HUMAN NECESSITIES
    • A47—FURNITURE; DOMESTIC ARTICLES OR APPLIANCES; COFFEE MILLS; SPICE MILLS; SUCTION CLEANERS IN GENERAL
    • A47G—HOUSEHOLD OR TABLE EQUIPMENT
    • A47G27/00—Floor fabrics; Fastenings therefor
    • A47G27/02—Carpets; Stair runners; Bedside rugs; Foot mats
    • A47G27/0243—Features of decorative rugs or carpets
    • A47G27/0275—Surface patterning of carpet modules, e.g. of carpet tiles
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04815—Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q10/00—Administration; Management
    • G06Q10/04—Forecasting or optimisation specially adapted for administrative or management purposes, e.g. linear programming or "cutting stock problem"
    • G06Q10/043—Optimisation of two dimensional placement, e.g. cutting of clothes or wood
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/001—Texturing; Colouring; Generation of texture or colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T19/00—Manipulating 3D models or images for computer graphics
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T19/00—Manipulating 3D models or images for computer graphics
    • G06T19/20—Editing of 3D images, e.g. changing shapes or colours, aligning objects or positioning parts
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2210/00—Indexing scheme for image generation or computer graphics
    • G06T2210/04—Architectural design, interior design
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2219/00—Indexing scheme for manipulating 3D models or images for computer graphics
    • G06T2219/20—Indexing scheme for editing of 3D models
    • G06T2219/2024—Style variation

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Business, Economics & Management (AREA)
  • Human Resources & Organizations (AREA)
  • Computer Hardware Design (AREA)
  • Computer Graphics (AREA)
  • Economics (AREA)
  • Strategic Management (AREA)
  • Development Economics (AREA)
  • Game Theory and Decision Science (AREA)
  • Architecture (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Marketing (AREA)
  • Operations Research (AREA)
  • Quality & Reliability (AREA)
  • Tourism & Hospitality (AREA)
  • General Business, Economics & Management (AREA)
  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

在计算机系统上的图形显示具有地面布局，其具有画布层和覆盖层。画布层具有摆放在网格中的拼块图形，拼块图形代表地面的多个部分。覆盖层具有对应于拼块图形的覆盖容器，覆盖层具有覆盖分区和覆盖图形。与覆盖容器中的覆盖分区相关联的覆盖功能操纵与该覆盖容器相关联的拼块图形。每个覆盖容器的覆盖图形在悬停事件发生在相关覆盖容器上之前一直是透明的。拼块调色板图示在地面布局的画布层中的拼块图形。工具布局显示包括与可以操纵铺地材料布局中的拼块图形的各种功能相关联的标记。透视的铺地材料布局被显示在具有透视房间设计的环境蒙板的透明窗口中。

Description

显示和操纵计算机上的地面布局显示的系统和方法
相关申请的交叉引用
本申请要求于2012年2月29日提交的标题为“System and Method forDisplaying and Manipulating a Floor Layout Display on a Computer”的第61/604,602号美国临时专利申请的优先权。
技术领域
本发明大体上涉及用于在计算机系统的监视器上显示图形显示(graphicdisplay)的系统和方法，该系统和方法尤其用于显示铺地材料布局(flooring layout)或具有铺地材料布局的房间场景(room scene)。
背景技术
在设计具有地毯或地毯拼块(carpet tile)的地面时，顾客通常需要观看地毯，这是通过物理上具有可以被重新布置成可能的布局的代表性地毯拼块或者使用计算机设计系统来实现的，该系统是难处理的并且在实时地与地毯拼块图案、配色方案、强调特征(accent)、布置和定向交互上的能力有限。此外，使用计算机设计系统会对顾客设想不同环境中的可能的布局的能力造成限制。
因此，需要一种改进的处理、方法和产品来为使用者提供以下能力，即在计算机上在二维视图和三维透视图中设计对地面覆盖设计、颜色和布局的图形表示以及与以上这些实时交互的能力。
发明内容
本发明公开了一种在计算机系统的监视器上生成图形显示的方法，所述计算机系统包括用于所述图形显示的悬停事件、具有起点激活和终点激活的拖拽事件和计算机激活事件，所述方法包括以下步骤：在监视器上的图形显示中显示主题设计布局，该主题设计布局包括：画布层，其具有根据预定网格布置的拼块图形，覆盖层，其具有覆盖容器，该覆盖容器布置在与所述画布层上的拼块图形的所述网格相互关联的网格中，每个覆盖容器与位于所述画布层的相应位置中的拼块图形相关联，每个覆盖容器具有覆盖功能和覆盖图形，每个覆盖容器中的所述覆盖功能包括：与所述覆盖容器的第一旋转分区相关联的第一旋转功能；和与所述覆盖容器的交换分区相关联的交换功能，并且每个覆盖容器中的所述覆盖图形包括定位在所述覆盖容器的第一旋转分区中的第一旋转图形，每个覆盖容器中的所述覆盖图形是透明的，直至在相关覆盖容器上发生所述悬停，其中，当在相关覆盖容器的第一旋转分区上发生计算机激活事件时，与特定覆盖容器相关联的拼块图形在第一方向旋转预定的量，其中，将拖拽事件的终点激活发生时的第一覆盖容器所关联的拼块图形与拖拽事件的起点激活发生时的第二覆盖容器所关联的拼块图形交换，并且其中，每个覆盖容器的覆盖功能进一步包括位于该覆盖容器的第二旋转分区中的第二旋转功能，并且相关覆盖容器的覆盖图形进一步包括位于所述第二旋转分区中的第二旋转图形，并且其中当在相关覆盖容器的第二旋转分区上发生计算机激活事件时，与特定覆盖容器相关联的拼块图形被以第二方向旋转。
本发明还公开了一种在计算机系统的监视器上生成图形显示的方法，所述计算机系统包括用于所述图形显示的悬停事件、具有起点激活和终点激活的拖拽事件和计算机激活事件，所述方法包括以下步骤：在图形显示中显示房间场景，所述房间场景包括：环境蒙板，其具有代表所述房间场景的一部分的透视房间设计，在所述透视房间设计中具有透明窗口，其用于代表所述房间场景的地面的至少一部分，与所述环境蒙板相关联的地面布局显示，所述地面布局显示具有画布层和覆盖层，所述画布层具有拼块图形，该拼块图形具有透视的形状并且根据预定透视网格来布置，所述拼块图形代表所述地面的一部分，所述覆盖层具有覆盖容器，该覆盖容器具有透视的形状并且布置在与所述画布层上的拼块图形的所述网格相互关联的透视网格中，每个覆盖容器与位于所述画布层的相应位置中的拼块图形相关联，每个覆盖容器具有至少一个覆盖功能分区和与每个覆盖功能分区相关联的覆盖功能，其中环境蒙板定位在所述地面布局显示的上方，并且所述地面布局显示的至少一部分通过所述环境蒙板的透明窗口可见，其中当在相关覆盖功能分区上发生计算机激活事件时，所述覆盖容器的覆盖功能操纵与相关覆盖容器相关联的拼块图形，其中所述覆盖容器分别包括第一旋转分区并且所述覆盖功能分别包括位于所述第一旋转分区内的第一旋转功能，并且其中，当在相关覆盖容器的第一旋转分区上发生计算机激活事件时，与特定覆盖容器相关联的拼块图形被以第一方向旋转预定的量，其中所述覆盖容器分别进一步包括第二旋转分区并且所述覆盖功能分别进一步包括位于所述第二旋转分区内的第二旋转功能，并且其中，当光标定位在所述特定覆盖容器的第一旋转分区上并且所述计算机系统的第二激活功能被激活时，与特定覆盖容器相关联的拼块图形被以第二方向旋转预定的量。
附图说明
仅仅为了说明的目的，可以通过参考附图进一步理解本发明；
图1是用于在本发明中使用的具有监视器的计算机系统的示图；
图2是在计算机监视器上的图形显示的示图，显示了主题设计布局显示、调色板(pallet)显示和工具布局显示的实施例；
图3是来自图2的主题设计布局显示的示图，具有覆盖容器(overlay container)分区和为了说明的目的而可见的图形；
图4是来自图2的图形显示的实施例的示图，具有被悬停事件(hover event)激活的单个覆盖容器的覆盖图形；
图5是可替换的图形显示、环境蒙板的示图，该环境蒙板诸如是房间场景，带有在其中显示主题设计布局显示(诸如地面布局)的窗口，并且环境蒙板和主题设计布局均为三维透视图；
图6是来自图5的环境蒙板的示图；
图7是来自图5的主题设计布局或铺地材料布局的示图。
具体实施方式
以下示例进一步说明了以上描述的主题，但是，这些示例无疑不应解释成以任何方式限制本申请的范围。
现在参考附图，尤其参考图1，本发明提供了用于在计算机系统100的显示屏幕或监视器120上显示图形显示200的系统和方法，该图形显示200包括铺地材料布局或具有铺地材料布局的房间场景。计算机系统100包括悬停事件、拖拽事件和计算机激活事件。拖拽功能具有起点和终点。
对于一些计算机装置，诸如具有控制光标的鼠标的标准计算机，悬停事件发生在光标被放置在监视器的显示中的期望位置的情况下。在这样的装置中，拖拽功能的起点可发生在按下(down click)鼠标按钮时光标的位置处，而终点发生在抬起(up click)鼠标按钮时光标的位置处。在这样的装置上的计算机激活事件典型地发生在抬起鼠标按钮时光标的位置处。
对于一些计算机装置，诸如触摸装置计算机，悬停事件发生在向装置的监视器或显示屏施加轻击压力的位置处。对于这样的装置，拖拽功能的起点可发生在触摸或施加压力于装置的监视器的起始点，终点发生在显示屏幕上移动之后将接触或压力从监视器上移除时在监视器上所处的位置。在这样的装置上的计算机激活事件将典型地发生在向显示屏施加快速轻击、施加或释放压力所在的位置中。
仍旧参考图1，计算机程序和计算机文件被计算机系统100用于产生和操作监视器120上的图形显示200。典型地，当计算机100连接到互联网99并且向主机98发送对于显示图形显示200的页面的请求时，计算机程序指令和文件从主机98或主机98、98’、98”经由互联网99下载到作为“客户端”计算机的计算机100。计算机100然后将程序指令和文件置于计算机100中，该计算机的处理器使用该程序指令和文件来在监视器120上产生图形显示200。程序指令可以用诸如HTML5、CSS3、Javascript、jQuery 1.7和以上语言、JSON这样的语言以及允许计算机100产生图形显示200和实现多种功能的其他语言来编码。下载的程序指令在计算机100中的标准浏览器(诸如Google Chrome 16或更高版本、Apple Safari 5或更高版本、Mozilla Firefox10和更高版本以及Microsoft IE 7(具有Google Chrome Frame)或更高版本)内运行。在使用图形显示200的会话中，计算机100可经由互联网99返回主机98或主机98、98’、98”以根据计算机100对于图形显示200的需要获得额外的计算机程序指令和/或文件，如以下描述的。
现在参考图2，图形显示200大体上包括主题设计布局显示1000、拼块调色板显示4000和工具布局显示5000。现在参考图3和图4，以说明主题设计布局显示1000的各部分的方式绘制出了主题设计布局显示1000。主题布局设计显示1000包括画布层2000和覆盖层3000。画布层2000具有多个拼块图形2100。覆盖层3000具有多个覆盖容器3100；每个覆盖容器3100对应于画布层3000中的拼块图形3100。覆盖层3000中的覆盖容器3100分别具有容器分区和覆盖图形。除了被激活时的覆盖图形以外，覆盖层3000是透明的。如图3中所示，覆盖层3000的所有覆盖容器中的覆盖图形是可视的；然而，在某些事件中，典型地仅仅单个覆盖容器3100的图形是可视的，如以下将描述的那样。此外，如图3中所示，为了说明的目的用虚线展示容器分区的边界；但是，在主题设计显示1000中容器分区的边界典型地是没有被示出的或者是不可视的。在图4中，示出了来自图2的图形显示200，其中单个覆盖层容器3100的覆盖图形被激活以便于显示。
现在参考图3和图4，画布层2000包括布置在网格或矩阵中的多个拼块图形2100。在一个实施例中，画布层2000是经由HTML、Javascript、jQuery和CSS3操纵和控制的HTML5元件。每一个拼块图形2100代表地面布局的一部分并通过预先确定的拼块图案(tilepattern)进行分类。来自特定拼块图案的拼块图形2100将具有含普通设计元素的设计。拼块图形2100进一步通过配色方案(color scheme)进行分类。具有特定的拼块图案和配色方案的拼块图形2100将与具有相同的拼块图案和不同的配色方案的拼块图形2100具有相同的设计，但对色彩的使用不同。此外，具有特定的拼块图案和特定的配色方案的拼块图形2100可具有强调特征。强调特征可能是针对具有某个配色方案的拼块图案色彩发生变化的拼块图形2100，添加更多的拼块图案和配色方案中的拼块图形2100(具有相同的拼块图案，但色彩设计不同)，或者以上两种情况均发生。
仍旧参考图3和图4，画布层2000中的网格可以是具有均匀的行和列的常规方形网格，或者是诸如砌石图案(ashlar pattern)的非常规网格。在砌石图案的一个示例中，网格或矩阵中的一列中的各行与相邻列的各行有偏移。在砌石图案的另一个示例中，一行中的各列与相邻行中的各列有偏移。以特定的角定向或旋转角度将拼块图形2100摆放在画布层2000的网格中。画布层2000中的拼块图形2100可以全部定向成相同的角方向，或者可以定向成使得画布层2000中的一个拼块图形2100的定向与其紧邻的拼块图形不同。例如，一组四个拼块图形2100可以定向成直角转弯(quarter turn)图案，其中每个图形指向相同的顺时针转动的方向或逆时针转动的方向、交替的行或列中的所有拼块图形2100指向相反的方向、或在整个画布2000中拼块图形2100随机定向。
仍旧参考图3和图4，覆盖层3000包括在网格或矩阵中的多个覆盖容器3100，该网格或矩阵与画布层2000中的拼块图形2100的网格或矩阵匹配。在一个实施例中，覆盖层3000包括用于覆盖容器3100的HTML div容器元件，其通过HTML、Javascript、jQuery和CSS3来操纵和控制。每一个覆盖容器3100与画布层2000中相同位置的拼块图形2100相对应。每一个覆盖容器3100包括至少一个具有相关覆盖功能的覆盖容器分区3110。然而，覆盖容器2100将优选地包括多个覆盖容器分区，每一个分区均具有相关覆盖功能。覆盖功能包括在与该覆盖功能相关联的容器分区上的计算机激活事件发生时操纵画布层2000中的相关拼块图形2100的功能。
图3和图4中的覆盖容器3100的覆盖容器分区包括第一旋转分区3111和第二旋转分区3112。覆盖容器2100的覆盖功能包括与第一旋转分区3111相关联的第一旋转功能和与第二旋转分区3112相关联的第二旋转功能。当在覆盖容器3100的第一旋转分区3111上发生计算机激活事件时，该覆盖容器3100的第一旋转功能将画布层2000中的相应拼块图形2100的定向顺时针旋转九十度。当在覆盖容器3100的第二旋转分区3112上发生计算机激活事件时，该覆盖容器3100的第二旋转功能将画布层2000中的相应拼块图形2100的定向逆时针旋转九十度。
图3和图4中的覆盖容器3100还包括交换分区3113和与交换分区3113相关联的交换功能。交换功能由计算机120的拖拽事件来操作。当当拖拽事件的起点出现在第一覆盖容器3100的交换分区3113上时，第一覆盖容器3100在覆盖层3000中的位置和在画布层2000中的相应拼块图形2100被存放到计算机100的存储器中。接着，当该拖拽事件的终点出现在后续的覆盖容器3100的交换分区3113上时，与后续的覆盖容器3100相关联的拼块图形2100被与第一覆盖容器3100相关联的拼块图形2100替换，而与第一覆盖容器3100相关联的拼块图形2100被与后续的覆盖容器3100相关联的拼块图形2100替换。在一个实施例中，第一拼块图形3100的图像将被拖拽事件拖拽越过图形显示200，直至那个拖拽事件的终点完成，此时被拖拽的图像将删除。
仍参考图3和图4，如图所示，每一个覆盖容器3100还包括覆盖图形，其提供关于覆盖容器3100的图形信息，诸如关于覆盖功能的图形信息。覆盖容器3100的覆盖图形具有位于覆盖容器3100的第一旋转分区3111中指向顺时针方向的第一旋转图形3131，和位于覆盖容器3100的第二旋转分区3112中指向逆时针方向的第二旋转图形3132。覆盖容器3100的覆盖图形还包括位于交换分区3113内的交换图形3133。在一个实施例中，每个覆盖容器3100的覆盖图形包括轮廓图形(outline graphic)3134，其示出覆盖层3100中的覆盖容器3100和画布层2100中的相关拼块图形2100的边界。在一个实施例中，每个覆盖容器3100的覆盖图形都是透明的，直至在覆盖容器3100上发生悬停事件，此时那个特定覆盖容器3100的覆盖图形变成可视的。尽管覆盖容器的覆盖图形被描述为具有第一旋转图形3131、第二旋转图形3132、交换图形3133和轮廓图形3134的单个图形，但是覆盖图形的各个部分中的每一个可以自身就是单个图形。此外，覆盖图形的各部分其中的一个或多个可以是从编程语言调出的程式化悬停效果。
再次参考图2，在监视器120上的图形显示200中，调色板显示4000被示出为邻近主题设计布局显示1000。在一个实施例中，调色板显示4000是通过HTML、Javascript、jQuery和CSS3来操纵和控制的HTML5元件。调色板显示4000具有用于画布层2000中的每一个拼块图形2100的拼块图形图标4100，该拼块图形图标具有特定的拼块图案、配色方案和强调特征。特定的拼块图形3100可在画布层3000中不止一次出现，但是在调色板显示4000中将仅具有一个相关的拼块图形图标4100。在调色板显示4000中，通过公共拼块图案来将拼块图形图标4100分组。
仍参考图2，在一个实施例中在拼块调色板显示4000中的拼块图形图标4100可以用作将拼块图形2100摆放到画布2000中的源。在这样的实施例中，通过在拼块图形图标4100上激活拖拽事件的起点，并接着在覆盖容器3100上激活终点，与终点发生的覆盖容器3100相对应的画布网格的位置中的拼块图形2100被与起点发生的拼块图形图标4100关联的拼块图形2100所替换。
仍参考图2，示出在图形显示200中与主题设计布局显示1000邻近的工具布局显示5000。在一个实施例中，工具布局显示5000中的每一个工具包括通过HTML、Javascript、jQuery和CSS3来操纵和控制的HTML5元件。如图2中所示，工具布局显示5000包括拼块图案标记5100、配色方案标记5200和强调特征标记5300。拼块图案标记5100包括对可用于在主题设计布局display 1000的画布层2100中所有拼块图案的代表。配色方案标记5200包括可用于拼块图案标记5100中的拼块图案的所有配色方案的标记。强调特征标记5300包括可用于每一种拼块图案和配色方案组合的所有强调特征方案的标记。每个拼块图案均具有与特定拼块图案相关联的默认配色方案和强调特征。
现在参考图2和图3，拼块图案标记5100可用于改变画布层2000中的拼块图形2100和拼块调色板显示5000中的相关拼块图形图标5100。当在工具布局显示5000中的拼块图案标记5100上发生计算机激活事件并且在画布层2000中没有拼块图形2100具有与该拼块图案标记5100相关联的拼块图案时，画布层2000被重新配置成包括与具有默认配色方案和默认强调特征方案的拼块图案相关联的拼块图形2100，并且与画布2000中的附加拼块图形2100相关联的拼块图形图标4100被添加到拼块调色板显示4000。当在工具布局显示5000中的拼块图案标记5100上发生计算机激活事件并且画布层2100包括具有与特定拼块图案标记5100相关联的拼块图案的拼块图形2100时，画布层2000被重新配置成没有与那个拼块图案相关联的拼块图形2100，并且与附加拼块图形2100相关联的拼块图形图标4100被从拼块调色板显示4000中除去。在图2和图3中所示的实施例中，拼块图案标记5100包括用于所有可用拼块图案的标记，但是用于当前没在使用中的拼块图案的标记的不透明度降低，以指示特定图案未激活或者在使用中。
仍参考图2和图3，配色方案标记5200可用于将画布层2000中的拼块图形2100和拼块调色板显示5000中的相关拼块图形图标5100改变成具有相同拼块图案和不同配色方案的拼块图形2100和拼块图形图标5100。为了改变画布2000中的拼块图形2100和拼块调色板显示4000中的相关拼块图形图标4100的配色方案，计算机激活事件被首先用于选择配色方案将改变的拼块图案的拼块图案标记5100。一旦选择了拼块图案标记5100，则在代表期望的配色方案的配色方案标记5200上激活计算机激活事件会将拼块调色板显示5100中的拼块图形图标5100改变成代表具有特定的拼块图案和配色方案的拼块图形2100，并且将画布层2000重新配置成使用具有选定的拼块图案和选定的配色方案的拼块图形2100。典型地，选择新的配色方案可以仅仅将画布2000中具有一定拼块图案的拼块图形2100替换成具有相同拼块图案和不同配色方案的拼块图形2100，或者可以用选定的拼块图案重新绘制画布层2000。然而，选择新的配色方案可能导致对于那个特定的配色方案，拼块图案具有更少的或更多个拼块图形2100，这种情况下将使用选定的拼块图形2100重新绘制画布层2000。
仍参考图2和图3，强调特征标记5300可用于将画布层2000中的拼块图形2100和拼块调色板显示5000中的相关拼块图形图标5100改变成具有相同的拼块图案和配色方案但具有不同的强调特征方案的拼块图形2100和拼块图形图标5100。为了改变画布2000中的拼块图形2100和拼块调色板显示4000中的相关拼块图形图标4100的强调特征方案，必须首先选择将要改变的拼块图案和配色方案。拼块图案是通过在期望的拼块图案的拼块图案标记5100上激活计算机激活事件来选择的。接着，通过在期望的配色方案的配色方案标记5200上激活计算机激活事件来选择配色方案。一旦选定了拼块图案和配色方案，在代表期望的强调特征方案的强调特征方案标记5300上激活计算机激活事件将通过使用具有选定的拼块图案、配色方案和强调特征方案的拼块图形2100来更新画布层2000，并且拼块调色板显示5100中的拼块图形图标5100将改变成代表更新后的画布层2000中的拼块图形2100。典型地，选择强调特征方案将导致对于该配色方案和强调特征方案，拼块图案具有更多的拼块图形2100，这种情况下将使用选定的拼块图形2100来重新绘制画布层2000。类似地，如果选择强调特征方案将导致对于该配色方案和强调特征方案，拼块图案具有更少的拼块图形2100，将使用选定的拼块图形2100来重新绘制画布层2000。如果选择强调特征方案导致拼块图形2100的数目无变化，则可以用选定的拼块图形2100来重新绘制画布层2000，或者可以仅用新的拼块图形2100来替换画布2000中因为选择而改变的旧的拼块图形2100。
仍参考图2和图3，工具布局显示5000还包括拼块图形定向标记5400或安装方法，各自具有用于每个拼块图形定向标记5400的相关定向功能。如之前讨论的，画布2000中的每一个拼块图形2100定向在特定方向上。与拼块图形定向标记5400相关联的定向功能将根据该定向功能旋转画布层2000中的拼块图形2100。如图所示，拼块图形定向标记5400包括“单一”定向标记和“随机”定向标记。在单一定向标记上激活计算机激活事件时，与单一定向标记相关联的单一定向功能会将画布层2000中的拼块图形2100对齐到具有相同方向的定向。在随机定向标记上激活计算机激活事件时，与随机定向标记相关联的随机定向功能会将画布层2000中的拼块图形2100的定向改变成随机的定向。
仍参考图2和图3，工具布局显示5000还包括拼块图案分组标记5500或具有相关分组功能的图案显示。如之前说明的，画布2000中的每一个拼块图形2100均根据网格或矩阵来布置。分组功能根据选定的分组功能来将拼块图形2100布置在画布层2000的网格或矩阵中。如图所示，拼块图案分组标记5500包括“混合(blend)”分组标记和“分离(separation)”分组标记。在混合分组标记上激活计算机激活事件时，与混合分组标记相关联的混合分组功能以随机摆放的方式将拼块图形2100布置在画布层2000的网格或矩阵内而不考虑拼块图形2100的拼块图案。在分离分组标记上激活计算机激活功能时，与分离分组标记相关联的分离分组功能将拼块图形2100以多个组的形式布置在画布层2000的网格或矩阵内，其中每个组具有共同的拼块图案。在一个实施例中，分离分组功能将画布层200的网格或矩阵中的拼块图形2100组织成使得网格或矩阵的每一列仅包括具有特定拼块图案的拼块图形2100。
仍参考图2和图3，工具布局显示5000还包括网格尺寸标记5600，和相关的网格尺寸功能。如之前所讨论的，画布2000中的每一个拼块图形2100均根据网格或矩阵来布置。当在特定网格尺寸标记5600上激活计算机激活事件时，相关的网格尺寸功能5600将画布层2000和覆盖层3000中的网格或矩阵的尺寸改变成依照网格尺寸标记5600的网格尺寸，并且用新的网格尺寸要求的拼块图形2100和覆盖单元3100的数目来重新绘制画布层2000和覆盖层3000。
现在参考图5，示出了图形显示200的另一个实施例，其具有三维透视图形式的主题设计布局显示1000并且具有在该主题设计布局显示1000上的环境蒙板7000。与图2中的主体设计布局1000一样，在一个实施例中，图5中的主题设计布局显示1000和环境蒙板7000包括通过HTML、Javascript、jQuery和CSS3操纵和控制的HTML5元件。环境蒙板7000具有代表房间布局7100的透视图形设计，如图6中所示，具有位于房间地面代表的区域中的透明窗口7200。环境蒙板7000设置在主题设计布局或地面布局上，设计1000通过透明窗口7200显现。如图7中所示，主题布局显示(或地面布局显示)1000包括与以上关联图2至图4所描述的一样的画布层2000和覆盖层3000，具有相同的特征和功能，但是画布层2000和覆盖层3000的网格或矩阵为透视图的形式。图5中所示的图形显示200还包括拼块调色板显示4000，该调色板显示的特征和功能与以上关联图2所描述的相同。图5中示出的图形显示200还包括可替换的工具布局显示5000’。
仍参考图5，可替换的工具布局显示5000’包括与图2中的工具布局显示5000相同的拼块布局标记5100、配色方案标记5200、强调特征标记5300、拼块图形定向标记5400和拼块图案标记5500，具有相同的特征和功能。然而，图5中的可替换的工具布局显示5000’不包括网格尺寸标记5600。图5中的可替换的工具布局显示5000’包括环境蒙板标记5700。环境蒙板标记5700代表用于在主题设计布局显示1000中使用的不同环境蒙板7000，每种环境蒙板7000具有不同的透视房间设计7100和在其中显示地面布局1000的透明窗7200。如图中所示，环境蒙板标记5700包括用于开放的办公室、接待室、电梯前廊和大、小会议室的标记。在特定环境蒙板标记5700上激活计算机激活事件时，图形显示200中的环境蒙板7000改变成具有与特定环境蒙板标记5700相关联的房间设计7100和透明窗7200的环境蒙板，并且铺地材料布局显示1000的画布层2000和覆盖层3000改变成与所选定的环境蒙板7000相关联而指定的预定网格尺寸和位置。
因此，本发明包括交互式的单个显示，其包括可配置的地面设计图布局矩阵(例如，主地毯拼块显示区)。地面布局矩阵可以由终端用户定制。例如，默认布局矩阵可以是12×10，但其也可以被定制成最大为20×20、最小为4×4以及这二者之间的任意矩阵尺寸。其他定制选项包括遮盖掉地面设计图的区域，诸如多个列和其他排除区域。
此外，可获得地毯拼块的多种设计选样(design collection)。这些选样可一起存在于单个显示区中。不论布局是连续的还是在分离的区域中，都会保持选样完整性。
每个设计选样可占用使用者定义和定制的区域。在主布局图内，该区域可以是连续的或是分离的。该布局图按照其图案设计矩阵(例如，4×4、3×3等)布置在其使用者定义的区域内。可以通过从设计选样相关联的调色板拖拽颜色和投下该颜色来对该设计选样重新上色。可以根据设计选样的规则集(单一的、随机的、直角转弯的、砌石等)来动态地重新配置该设计选样。
该显示中的所有地毯拼块可以被终端使用者单独操纵。根据每种选样/设计规则集，可将显示中的地毯拼块以90度增量旋转。它们可以在其选样边界内被拖拽和/或交换。
终端使用者可以进一步定制设计所述地毯拼块显示。例如，终端使用者可以覆盖供应的家具标志来模拟规划的环境。或者，终端使用者可以动态产生客户安装地图来辅助安装计划。终端使用者可将客户设计的空间存储为“jpg”图形文件，以便在其他设计和/或通信应用中使用。“样张(tear sheet)”可被终端使用者打印出来，终端使用者定义哪些拼块与产品标识一起使用以便加速订货过程。
本文中提到的所有参考文件，包括出版物、专利申请和专利均并入本文中作为参考，其并入本文中作为参考的程度如同每个参考文献被单独和具体指示为并入本文中作为参考且其全部内容被陈述于此。
在描述本申请主题的上下文(尤其是在所附权利要求的上下文)中对术语“一个”和“这个”以及类似指示物的使用被解释为既包括单数又包括复数，除非本文中另作说明或者明显违背上下文。术语“包括”、“具有”、“包含”和“含有”应被解释为开放性的术语(即，意味着“包括，但不限于”)，除非另作说明。在本文中对值的范围的提及仅仅旨在用作对单独提及落在该范围内的每个单独的值的简略表达方法，除非本文另作说明，并且每个单独的值如同在本文中被单独提及一样并入说明书中。本文中描述的所有方法均可以任何适当的顺序执行，除非本文中另作说明或者明显违背上下文。对在本文中提供的任意和所有实例、或示例性语言(例如，“诸如”)的使用仅仅旨在更好地说明本申请的主旨，而并不对本公开的范围有所限制，除非另作声明。说明书中的语言都不应被解释成对于实现本公开的主题必须的任意未声明的元素。
本文中描述了本申请的主题的优选实施例，包括发明人已知实施所要求主题的最优方式。在阅读了前述内容之后，这些优选实施例的变形对于本领域普通技术人员来说会变得显而易见。发明人预期本领域技术人员能适当地利用这样的变形，并且发明人旨在本文中描述的主题能以与本文中具体描述不同的方式来实施。因此，本公开包括所附权利要求中提到的主题的所有修正和等同物，如可适用法律所允许的。此外，上述要素其所有可能变形的任意组合，都被本公开所涵盖，除非本文中另作说明或明显违背上下文。

Claims (34)

1.一种在计算机系统的监视器上生成图形显示的方法，所述计算机系统包括用于所述图形显示的悬停事件、具有起点激活和终点激活的拖拽事件和计算机激活事件，所述方法包括以下步骤：
在所述监视器上的所述图形显示中显示主题设计布局，该主题设计布局包括：
画布层，其具有根据预定网格布置的拼块图形，
覆盖层，其具有覆盖容器，该覆盖容器布置在与所述画布层上的拼块图形的所述网格相互关联的网格中，每个覆盖容器与位于所述画布层的相应位置中的拼块图形相关联，每个覆盖容器具有覆盖功能和覆盖图形，每个覆盖容器中的所述覆盖功能包括：
与所述覆盖容器的第一旋转分区相关联的第一旋转功能；和
与所述覆盖容器的交换分区相关联的交换功能，并且
每个覆盖容器中的所述覆盖图形包括定位在所述覆盖容器的第一旋转分区中的第一旋转图形，
每个覆盖容器中的所述覆盖图形是透明的，直至在相关覆盖容器上发生所述悬停，
其中，当在相关覆盖容器的第一旋转分区上发生计算机激活事件时，与特定覆盖容器相关联的拼块图形在第一方向旋转预定的量，
其中，将拖拽事件的终点激活发生时的第一覆盖容器所关联的拼块图形与拖拽事件的起点激活发生时的第二覆盖容器所关联的拼块图形交换，并且
其中，每个覆盖容器的覆盖功能进一步包括位于该覆盖容器的第二旋转分区中的第二旋转功能，并且相关覆盖容器的覆盖图形进一步包括位于所述第二旋转分区中的第二旋转图形，并且其中当在相关覆盖容器的第二旋转分区上发生计算机激活事件时，与特定覆盖容器相关联的拼块图形被以第二方向旋转。
2.如权利要求1所述的方法，其中所述覆盖图形进一步包括轮廓图形，该轮廓图形示出相关的拼块图形的边界。
3.如权利要求1所述的方法，其中所述覆盖图形进一步包括位于所述覆盖容器的交换分区中的交换图形。
4.如权利要求1所述的方法，其中用于所述画布层中的拼块图形和所述覆盖层中的覆盖单元的网格是砌石网格。
5.如权利要求1所述的方法，进一步包括在所述图形显示中显示拼块调色板显示的步骤，所述拼块调色板显示包含拼块图形图标，该拼块图形图标代表用于所述主题设计布局的画布层的一组可能的拼块图形，其中所述拖拽事件的终点出现时覆盖容器所关联的拼块图形与拖拽事件的起点出现时的拼块图形图标所关联的拼块图形交换。
6.如权利要求1所述的方法，进一步包括在所述图形显示中显示拼块调色板显示的步骤，所述拼块调色板显示包含代表所述主题设计布局的画布层中的拼块图形的拼块图形图标，所述拼块图形图标分到相关拼块图案的分组中。
7.如权利要求6所述的方法，其中每个拼块图案的拼块图形在画布层中被按列分组到一起。
8.如权利要求6所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括多个拼块图案标记，其中每个拼块图案标记代表不同的拼块图案且每个配色方案标记代表用于每个拼块图案的不同配色方案，所述方法进一步包括以下步骤：选择拼块图案标记，以及在配色方案标记上发生所述计算机激活事件而选择所述配色方案标记时，将所述画布层中与选择的拼块图案相关联的图形拼块改变成与相同的拼块图案相关联且具有选择的配色方案标记指示的配色方案的图形拼块，以及将所述拼块调色板显示中与选择的拼块图案相关联的拼块图形图标改变成与相同的拼块图案相关联且具有选择的配色方案标记指示的配色方案的拼块图形图标。
9.如权利要求6所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案标记，其中每个拼块图案标记代表不同的拼块图案，所述方法进一步包括以下步骤：在特定拼块标记上发生计算机激活事件时，从所述拼块调色板显示中除去与该拼块图案标记相关联的拼块图标，和将所述主题设计布局的画布层中的拼块图形替换成与剩余在所述拼块调色板显示中剩余拼块图形图标相关联的拼块图形。
10.如权利要求6所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案标记，其中每个拼块图案标记代表不同的拼块图案，所述方法进一步包括以下步骤：在特定拼块标记上发生计算机激活事件时，向所述拼块调色板显示添加与所选拼块图案标记相关联的拼块图标，以及将所述主题设计布局的画布层中的拼块图形替换成与所述拼块调色板显示中的拼块图形图标相关联的拼块图形。
11.如权利要求1所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图形定向标记，其中在拼块图形定向图标上计算机激活事件的发生将所述画布层中的拼块图形的角方向改变成统一的方向。
12.如权利要求1所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图形定向标记，其中在拼块图形定向图标上计算机激活事件的发生将所述画布层中的拼块图形的角方向改变成非统一的随机方向。
13.如权利要求1所述的方法，进一步包括在所述监视器上的所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案分组标记，其中在所述拼块图案分组标记上计算机激活事件的发生将拼块图形在所述画布层中的布置改变成在所述画布层的网格中的非统一的随机布置。
14.如权利要求1所述的方法，进一步包括在所述监视器上的所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案分组标记，其中在所述拼块图案分组标记上计算机激活事件的发生将拼块图形在所述画布层中的布置改变成在所述画布层的网格中通过拼块图案分到分组中。
15.如权利要求1所述的方法，进一步包括在所述监视器上的所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案分组标记，其中在所述拼块图案分组标记上计算机激活事件的发生将拼块图形在所述画布层中的布置改变成在所述画布层的网格中通过拼块图案分到分组中，所述分组是在所述画布层的网格中的列，每个列仅包含来自单个拼块图案的拼块图形。
16.如权利要求1所述的方法，进一步包括在所述监视器上的所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括多个网格尺寸标记，其中在特定网格尺寸标记上计算机激活事件的发生将所述画布层和所述覆盖层的网格的尺寸改变成与所述特定网格尺寸标记相关联的网格尺寸。
17.一种在计算机系统的监视器上生成图形显示的方法，所述计算机系统包括用于所述图形显示的悬停事件、具有起点激活和终点激活的拖拽事件和计算机激活事件，所述方法包括以下步骤：
在所述图形显示中显示房间场景，所述房间场景包括：
环境蒙板，其具有代表所述房间场景的一部分的透视房间设计，在所述透视房间设计中具有透明窗口，其用于代表所述房间场景的地面的至少一部分，
与所述环境蒙板相关联的地面布局显示，所述地面布局显示具有画布层和覆盖层，
所述画布层具有拼块图形，该拼块图形具有透视的形状并且根据预定透视网格来布置，所述拼块图形代表所述地面的一部分，
所述覆盖层具有覆盖容器，该覆盖容器具有透视的形状并且布置在与所述画布层上的拼块图形的所述网格相互关联的透视网格中，每个覆盖容器与位于所述画布层的相应位置中的拼块图形相关联，每个覆盖容器具有至少一个覆盖功能分区和与每个覆盖功能分区相关联的覆盖功能，
其中环境蒙板定位在所述地面布局显示的上方，并且所述地面布局显示的至少一部分通过所述环境蒙板的透明窗口可见，
其中当在相关覆盖功能分区上发生计算机激活事件时，所述覆盖容器的覆盖功能操纵与相关覆盖容器相关联的拼块图形，
其中所述覆盖容器分别包括第一旋转分区并且所述覆盖功能分别包括位于所述第一旋转分区内的第一旋转功能，并且其中，当在相关覆盖容器的第一旋转分区上发生计算机激活事件时，与特定覆盖容器相关联的拼块图形被以第一方向旋转预定的量，并且
其中所述覆盖容器分别进一步包括第二旋转分区并且所述覆盖功能分别进一步包括位于所述第二旋转分区内的第二旋转功能，并且其中，当光标定位在所述特定覆盖容器的第一旋转分区上并且所述计算机系统的第二激活功能被激活时，与特定覆盖容器相关联的拼块图形被以第二方向旋转预定的量。
18.如权利要求17所述的方法，其中所述覆盖容器分别进一步包括轮廓图形，该轮廓图形示出与所述覆盖容器相关联的拼块图形画布的边界，并且其中每个覆盖容器中的轮廓图形是透明的直至在相关覆盖容器上发生悬停事件。
19.如权利要求17所述的方法，其中所述覆盖容器分别进一步包括位于交换分区中的交换图形，并且其中在每个覆盖容器中的交换图形是透明的直至在相关覆盖容器上发生悬停事件。
20.如权利要求17所述的方法，其中用于所述画布层中的拼块图形和所述覆盖层中的覆盖单元的网格是砌石网格。
21.如权利要求17所述的方法，其中所述覆盖容器分别进一步包括位于所述第一旋转分区中的第一旋转图形，所述第一旋转图形是透明的直至光标定位在所述相关轮廓容器上。
22.如权利要求17所述的方法，其中所述覆盖容器分别进一步包括位于所述第一旋转分区中的第一旋转图形和位于所述第二旋转分区中的第二旋转图形，并且在每个覆盖容器中的所述第一旋转图形和所述第二旋转图形是透明的直至在相关覆盖容器上发生所述悬停事件。
23.如权利要求17所述的方法，进一步包括在所述图形显示中显示拼块调色板显示的步骤，所述拼块调色板显示包含拼块图形图标，该拼块图形图标代表用于主题设计布局的画布层的一组可能的拼块图形，其中所述拖拽事件的终点出现时覆盖容器所关联的拼块图形被与拖拽事件的起点出现时拼块图形图标所关联的拼块图形交换。
24.如权利要求17所述的方法，进一步包括在所述图形显示中显示拼块调色板显示的步骤，所述拼块调色板显示包含拼块图形图标，该拼块图形图标代表主题设计布局的画布层中的拼块图形，所述拼块图形图标分到相关拼块图案的分组中。
25.如权利要求24所述的方法，其中每个拼块图案的拼块图形在画布层中被按列分组到一起。
26.如权利要求24所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括多个拼块图案标记，其中每个拼块图案标记代表不同的拼块图案且每个配色方案标记代表用于每个拼块图案的不同配色方案，所述方法进一步包括以下步骤：选择拼块图案标记，以及在配色方案标记上发生所述计算机激活事件而选择所述配色方案标记时，将所述画布层中与选择的拼块图案相关联的图形拼块改变成与相同的拼块图案相关联且具有选择的配色方案标记指示的配色方案的图形拼块，以及将所述拼块调色板显示中与选择的拼块图案相关联的拼块图形图标改变成与相同的拼块图案相关联且具有选择的配色方案标记指示的配色方案的拼块图形图标。
27.如权利要求24所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案标记，其中每个拼块图案标记代表不同的拼块图案，所述方法进一步包括以下步骤：在特定拼块标记上发生计算机激活事件时，从所述拼块调色板显示中除去与该拼块图案标记相关联的拼块图标，和将所述主题设计布局的画布层中的拼块图形替换成与剩余在所述拼块调色板显示中剩余拼块图形图标相关联的拼块图形。
28.如权利要求24所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案标记，其中每个拼块图案标记代表不同的拼块图案，所述方法进一步包括以下步骤：在特定拼块标记上发生计算机激活事件时，向所述拼块调色板显示添加与所选拼块图案标记相关联的拼块图标，以及将所述主题设计布局的画布层中的拼块图形替换成与所述拼块调色板显示中的拼块图形图标相关联的拼块图形。
29.如权利要求17所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图形定向标记，其中在拼块图形定向图标上计算机激活事件的发生将所述画布层中的拼块图形的角方向改变成统一的方向。
30.如权利要求17所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图形定向标记，其中在拼块图形定向图标上计算机激活事件的发生将所述画布层中的拼块图形的角方向改变成非统一的随机方向。
31.如权利要求17所述的方法，进一步包括在所述监视器上的所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案分组标记，其中在所述拼块图案分组标记上计算机激活事件的发生将拼块图形在所述画布层中的布置改变成在所述画布层的网格中的非统一的随机布置。
32.如权利要求17所述的方法，进一步包括在所述监视器上的所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案分组标记，其中在所述拼块图案分组标记上计算机激活事件的发生将拼块图形在所述画布层中的布置改变成在所述画布层的网格中通过拼块图案分到分组中。
33.如权利要求17所述的方法，进一步包括在所述监视器上的所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案分组标记，其中在所述拼块图案分组标记上计算机激活事件的发生将拼块图形在所述画布层中的布置改变成在所述画布层的网格中通过拼块图案分到分组中，所述分组是在所述画布层的网格中的列，每个列仅包含来自单个拼块图案的拼块图形。
34.如权利要求17所述的方法，进一步包括在所述监视器上的所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括多个环境蒙板标记，该环境蒙板标记代表了用于不同房间场景的不同环境蒙板，其中在特定环境蒙板尺寸标记上发生计算机激活事件将所述地面布局显示中的环境蒙板改变成与特定环境蒙板标记相关联的环境蒙板。
CN201380011851.XA 2012-02-29 2013-02-27 显示和操纵计算机上的地面布局显示的系统和方法 Active CN104145246B (zh)

Applications Claiming Priority (5)

Application Number Priority Date Filing Date Title
US201261604602P 2012-02-29 2012-02-29
US61/604,602 2012-02-29
US13/775,287 US9454835B2 (en) 2012-02-29 2013-02-25 System and method for displaying and manipulating a floor layout display on a computer
US13/775,287 2013-02-25
PCT/US2013/027900 WO2013130519A1 (en) 2012-02-29 2013-02-27 System and method for displaying and manipulating a floor layout display on a computer

Publications (2)

Publication Number Publication Date
CN104145246A CN104145246A (zh) 2014-11-12
CN104145246B true CN104145246B (zh) 2017-07-14

Family

ID=49002373

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201380011851.XA Active CN104145246B (zh) 2012-02-29 2013-02-27 显示和操纵计算机上的地面布局显示的系统和方法

Country Status (5)

Country Link
US (2) US9454835B2 (zh)
EP (1) EP2820535B1 (zh)
CN (1) CN104145246B (zh)
AU (1) AU2013226199B2 (zh)
WO (1) WO2013130519A1 (zh)

Families Citing this family (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9622609B2 (en) 2012-03-02 2017-04-18 Columbia Insurance Company Pattern carpet tiles and methods of making and using same
US9349123B1 (en) * 2012-10-04 2016-05-24 Amazon Technologies, Inc. Hybrid native networked application
US9340982B2 (en) 2013-03-13 2016-05-17 Columbia Insurance Company Patterned tiles and floor coverings comprising same
US10121270B2 (en) * 2013-07-01 2018-11-06 Facebook, Inc. Flexible image layout
CN104268944A (zh) * 2014-09-09 2015-01-07 北京尔宜居科技有限责任公司 一种装饰瓷砖、大理石铺设方案自动展示方法
USD786300S1 (en) * 2014-12-16 2017-05-09 Bioinventors & Entrepeneurs Network Llc Display screen or portion thereof with a graphical user interface
US9830702B2 (en) 2015-10-22 2017-11-28 International Business Machines Corporation Dynamic real-time layout overlay
US10163184B2 (en) * 2016-08-17 2018-12-25 Adobe Systems Incorporated Graphics performance for complex user interfaces
US10783681B2 (en) 2017-09-13 2020-09-22 International Business Machines Corporation Artificially tiltable image display
US11151314B2 (en) * 2018-10-19 2021-10-19 Sap Se Extensible grid layout
CN116841439B (zh) * 2023-08-31 2023-12-15 深圳思谋信息科技有限公司 图像像素网格的展示方法、装置、计算机设备及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2002091198A1 (en) * 2001-05-03 2002-11-14 Milliken & Company Image manipulation system and method
CN101207717A (zh) * 2006-12-18 2008-06-25 三星电子株式会社 组织产生运动图像的模板的系统、方法和介质
WO2010062979A9 (en) * 2008-11-28 2010-10-21 Fujifilm Medical Systems Usa, Inc. Active overlay system and method for accessing and manipulating imaging dislays
CN102243547A (zh) * 2010-05-12 2011-11-16 索尼公司 图像处理设备、图像处理方法和图像处理程序

Family Cites Families (23)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5966454A (en) 1995-09-14 1999-10-12 Bentley Mills, Inc. Methods and systems for manipulation of images of floor coverings or other fabrics
US6931600B1 (en) 1999-05-07 2005-08-16 Autodesk, Inc. Integrating into an application objects that are provided over a network
US6459435B1 (en) 2000-01-11 2002-10-01 Bluebolt Networks, Inc. Methods, systems and computer program products for generating storyboards of interior design surface treatments for interior spaces
AU2001234541A1 (en) 2000-01-25 2001-08-07 Autodesk, Inc. Method and apparatus for providing access to and working with architectural drawings on the internet
US6572377B2 (en) 2000-06-09 2003-06-03 Cynthia H. Masters Computerized interior design expert system
US7523411B2 (en) 2000-08-22 2009-04-21 Bruce Carlin Network-linked interactive three-dimensional composition and display of saleable objects in situ in viewer-selected scenes for purposes of object promotion and procurement, and generation of object advertisements
US7246044B2 (en) 2000-09-13 2007-07-17 Matsushita Electric Works, Ltd. Method for aiding space design using network, system therefor, and server computer of the system
US20020123942A1 (en) 2001-03-01 2002-09-05 Bridges James C. Preview system for floor covering installations
US7072733B2 (en) 2002-01-22 2006-07-04 Milliken & Company Interactive system and method for design, customization and manufacture of decorative textile substrates
US7277572B2 (en) 2003-10-10 2007-10-02 Macpearl Design Llc Three-dimensional interior design system
US7661958B2 (en) 2004-03-18 2010-02-16 Customstart Design Ltd. Methods and apparatus for interior design component selection
US20060080125A1 (en) 2004-09-03 2006-04-13 Andy Shipman Carpet simulation method
US7801114B1 (en) 2005-10-26 2010-09-21 At&T Intellectual Property Ii, L.P. Method and apparatus for providing network based interior design application
JP2008186095A (ja) * 2007-01-26 2008-08-14 Canon Inc 画像処理装置及び画像処理方法、及びプログラム
US7733351B1 (en) 2007-02-06 2010-06-08 Judith Sinnard Method for forming an interactive image of indoor and outdoor spaces
US20080281561A1 (en) 2007-05-09 2008-11-13 Virtuecode Ltd Internet Enabled Consultation System, Method and Service for Interior Design of Real and Virtual Spaces
US20110179066A1 (en) 2008-06-20 2011-07-21 Business Intelligence Solutions Safe B.V. Methods, apparatus and systems for data visualization and related applications
JP2011010275A (ja) * 2009-05-26 2011-01-13 Sanyo Electric Co Ltd 画像再生装置及び撮像装置
US20110029401A1 (en) 2009-07-28 2011-02-03 Frances Champe Granger Method Of Providing Online House Or Office Décor Related Service
US8683387B2 (en) 2010-03-03 2014-03-25 Cast Group Of Companies Inc. System and method for visualizing virtual objects on a mobile device
US8527891B2 (en) * 2010-08-13 2013-09-03 International Business Machines Corporation Enabling user interactions between user interface components
US20120265758A1 (en) * 2011-04-14 2012-10-18 Edward Han System and method for gathering, filtering, and displaying content captured at an event
US20130113904A1 (en) * 2011-11-08 2013-05-09 Capso Vision, Inc. System and Method for Multiple Viewing-Window Display of Computed Spectral Images

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2002091198A1 (en) * 2001-05-03 2002-11-14 Milliken & Company Image manipulation system and method
CN101207717A (zh) * 2006-12-18 2008-06-25 三星电子株式会社 组织产生运动图像的模板的系统、方法和介质
WO2010062979A9 (en) * 2008-11-28 2010-10-21 Fujifilm Medical Systems Usa, Inc. Active overlay system and method for accessing and manipulating imaging dislays
CN102243547A (zh) * 2010-05-12 2011-11-16 索尼公司 图像处理设备、图像处理方法和图像处理程序

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
USING PHOTOSHOP LIGHTROOM 3;Adobe;《http://help.adobe.com/en_US/Lightroom/3.0/Using/lightroom_3_help.pdf》;20111128;第10页，第47-52页 *
美图秀秀2.7.6正式版;美图公司;《http://xiuxiu.meitu.com/download》;20110902;正文第2-4页 *

Also Published As

Publication number Publication date
US9454835B2 (en) 2016-09-27
AU2013226199B2 (en) 2016-01-07
CN104145246A (zh) 2014-11-12
US10002453B2 (en) 2018-06-19
US20160170604A1 (en) 2016-06-16
AU2013226199A1 (en) 2014-09-11
EP2820535A1 (en) 2015-01-07
US20130222423A1 (en) 2013-08-29
WO2013130519A1 (en) 2013-09-06
EP2820535B1 (en) 2020-08-26

Similar Documents

Publication Publication Date Title
CN104145246B (zh) 显示和操纵计算机上的地面布局显示的系统和方法
CN109597667A (zh) 用于在过程工厂中配置和呈现显示导航层级的系统和方法
Hunt Advanced guide to Python 3 programming
CN103649894B (zh) 基于上下文的动态菜单
US9495080B2 (en) Method for configuring a graphical user interface
CN101488072B (zh) 用于查看重叠对象的带有单层模式的计算机接口
US20070245250A1 (en) Desktop window manager using an advanced user interface construction framework
CN102750080B (zh) 显示具有3d视图的指南的电子设备及其方法
EP2608025A1 (en) Method and apparatus for computer aided design of human-machine interface animated graphical elements
US9946443B2 (en) Display navigation system for computer-implemented graphical user interface
CN106648337A (zh) 显示展示列表中内容的方法和装置、电子设备
US20080282166A1 (en) Method and system for designing a pastry
CN103955469B (zh) 一种浏览器中进行页面缩放的方法和装置
US7017124B2 (en) Method for controlling electronic devices using digital recall tool
JP2005296156A (ja) 医用画像表示装置
JP6880722B2 (ja) レイアウト計画システム
CN106716330A (zh) 多屏显示位置交换方法、信息处理装置以及信息处理装置的控制方法和控制程序
US8086967B2 (en) Multi-monitor support for MDI applications
JP5560598B2 (ja) 図形描画装置およびプログラム
Kozminski Windows Presentation Foundation (WPF) technology meets the challenges of operator interface design in automatic test systems
US10739942B2 (en) User interface and method for interactively selecting a display
JP7124327B2 (ja) 画像処理装置及びプログラム
CN108228036B (zh) 一种windows中窗口菜单的实现方法及装置
Jern Smart documents for web-enabled collaboration
Merelo et al. Creating Desktop Applications

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