《显示和操纵计算机上的地面布局显示的系统和方法.pdf》由会员分享，可在线阅读，更多相关《显示和操纵计算机上的地面布局显示的系统和方法.pdf（20页珍藏版）》请在专利查询网上搜索。
1、10申请公布号CN104145246A43申请公布日20141112CN104145246A21申请号201380011851X22申请日2013022761/604,60220120229US13/775,28720130225USG06F9/44200601G06F3/0484200601A47G27/02200601G06Q10/04200601G06T19/0020060171申请人美利肯公司地址美国南卡罗来纳州72发明人A菲尔德斯RM马克梅坎小劳伦斯K塞兹S沃尔克BL哈克斯马CA马丁74专利代理机构北京市柳沈律师事务所11105代理人丁艺54发明名称显示和操纵计算机上的地面布局显示的。
2、系统和方法57摘要在计算机系统上的图形显示具有地面布局，其具有画布层和覆盖层。画布层具有摆放在网格中的拼块图形，拼块图形代表地面的多个部分。覆盖层具有对应于拼块图形的覆盖容器，覆盖层具有覆盖分区和覆盖图形。与覆盖容器中的覆盖分区相关联的覆盖功能操纵与该覆盖容器相关联的拼块图形。每个覆盖容器的覆盖图形在悬停事件发生在相关覆盖容器上之前一直是透明的。拼块调色板图示在地面布局的画布层中的拼块图形。工具布局显示包括与可以操纵铺地材料布局中的拼块图形的各种功能相关联的标记。透视的铺地材料布局被显示在具有透视房间设计的环境蒙板的透明窗口中。30优先权数据85PCT国际申请进入国家阶段日2014082986。
3、PCT国际申请的申请数据PCT/US2013/0279002013022787PCT国际申请的公布数据WO2013/130519EN2013090651INTCL权利要求书5页说明书8页附图6页19中华人民共和国国家知识产权局12发明专利申请权利要求书5页说明书8页附图6页10申请公布号CN104145246ACN104145246A1/5页21一种在计算机系统的监视器上生成图形显示的方法，所述计算机系统包括用于所述图形显示的悬停事件、具有起点激活和终点激活的拖拽事件和计算机激活事件，所述方法包括以下步骤在所述监视器上的所述图形显示中显示主题设计布局，该主题设计布局包括画布层，其具有根据预定网。
4、格布置的拼块图形，覆盖层，其具有覆盖容器，该覆盖容器布置在与所述画布层上的拼块图形的所述网格相互关联的网格中，每个覆盖容器与位于所述画布层的相应位置中的拼块图形相关联，每个覆盖容器具有覆盖功能和覆盖图形，每个覆盖容器中的所述覆盖功能包括与所述覆盖容器的第一旋转分区相关联的第一旋转功能；和与所述覆盖容器的交换分区相关联的交换功能，并且每个覆盖容器中的所述覆盖图形包括定位在所述覆盖容器的第一旋转分区中的第一旋转图形，每个覆盖容器中的所述覆盖图形是透明的，直至在相关覆盖容器上发生所述悬停，其中，当在相关覆盖容器的第一旋转分区上发生计算机激活事件时，与特定覆盖容器相关联的拼块图形在第一方向旋转预定的量。
5、，并且其中，将拖拽事件的终点激活发生时的第一覆盖容器所关联的拼块图形与拖拽事件的起点激活发生时的第二覆盖容器所关联的拼块图形交换。2如权利要求1所述的方法，其中所述覆盖图形进一步包括轮廓图形，该轮廓图形示出相关的拼块图形的边界。3如权利要求1所述的方法，其中所述覆盖图形进一步包括位于所述覆盖容器的交换分区中的交换图形。4如权利要求1所述的方法，其中用于所述画布层中的拼块图形和所述覆盖层中的覆盖单元的网格是砌石网格。5如权利要求1所述的方法，其中每个覆盖容器的覆盖功能进一步包括位于该覆盖容器的第二旋转分区中的第二旋转功能，并且相关覆盖容器的覆盖图形进一步包括位于所述第二旋转分区中的第二旋转图形，。
6、并且其中当在相关覆盖容器的第二旋转分区上发生计算机激活事件时，与特定覆盖容器相关联的拼块图形被以第二方向旋转。6如权利要求1所述的方法，进一步包括在所述图形显示中显示拼块调色板显示的步骤，所述拼块调色板显示包含拼块图形图标，该拼块图形图标代表用于所述主题设计布局的画布层的一组可能的拼块图形，其中所述拖拽事件的终点出现时覆盖容器所关联的拼块图形与拖拽事件的起点出现时的拼块图形图标所关联的拼块图形交换。7如权利要求1所述的方法，进一步包括在所述图形显示中显示拼块调色板显示的步骤，所述拼块调色板显示包含代表所述主题设计布局的画布层中的拼块图形的拼块图形图标，所述拼块图形图标分到相关拼块图案的分组中。。
7、8如权利要求7所述的方法，其中每个拼块图案的拼块图形在画布层中被按列分组到一起。9如权利要求7所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括多个拼块图案标记，其中每个拼块图案标记代表不同的拼块图案且每个配色方案标记代表用于每个拼块图案的不同配色方案，所述方法进一步包括以下权利要求书CN104145246A2/5页3步骤选择拼块图案标记，以及在配色方案标记上发生所述计算机激活事件而选择所述配色方案标记时，将所述画布层中与选择的拼块图案相关联的图形拼块改变成与相同的拼块图案相关联且具有选择的配色方案标记指示的配色方案的图形拼块，以及将所述拼块调色板显示中与选择的。
8、拼块图案相关联的拼块图形图标改变成与相同的拼块图案相关联且具有选择的配色方案标记指示的配色方案的拼块图形图标。10如权利要求7所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案标记，其中每个拼块图案标记代表不同的拼块图案，所述方法进一步包括以下步骤在特定拼块标记上发生计算机激活事件时，从所述拼块调色板显示中除去与该拼块图案标记相关联的拼块图标，和将所述主题设计布局的画布层中的拼块图形替换成与剩余在所述拼块调色板显示中剩余拼块图形图标相关联的拼块图形。11如权利要求7所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案。
9、标记，其中每个拼块图案标记代表不同的拼块图案，所述方法进一步包括以下步骤在特定拼块标记上发生计算机激活事件时，向所述拼块调色板显示添加与所选拼块图案标记相关联的拼块图标，以及将所述主题设计布局的画布层中的拼块图形替换成与所述拼块调色板显示中的拼块图形图标相关联的拼块图形。12如权利要求1所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图形定向标记，其中在拼块图形定向图标上计算机激活事件的发生将所述画布层中的拼块图形的角方向改变成统一的方向。13如权利要求1所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图形定向标记，其。
10、中在拼块图形定向图标上计算机激活事件的发生将所述画布层中的拼块图形的角方向改变成非统一的随机方向。14如权利要求1所述的方法，进一步包括在所述监视器上的所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案分组标记，其中在所述拼块图案分组标记上计算机激活事件的发生将拼块图形在所述画布层中的布置改变成在所述画布层的网格中的非统一的随机布置。15如权利要求1所述的方法，进一步包括在所述监视器上的所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案分组标记，其中在所述拼块图案分组标记上计算机激活事件的发生将拼块图形在所述画布层中的布置改变成在所述画布层的网格中通过拼块图案分。
11、到分组中。16如权利要求1所述的方法，进一步包括在所述监视器上的所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案分组标记，其中在所述拼块图案分组标记上计算机激活事件的发生将拼块图形在所述画布层中的布置改变成在所述画布层的网格中通过拼块图案分到分组中，所述分组是在所述画布层的网格中的列，每个列仅包含来自单个拼块图案的拼块图形。17如权利要求1所述的方法，进一步包括在所述监视器上的所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括多个网格尺寸标记，其中在特定网格尺寸标记上计算机激活事件的发生将所述画布层和所述覆盖层的网格的尺寸改变成与所述特定网格尺寸标记相关联的网格尺寸。。
12、18一种在计算机系统的监视器上生成图形显示的方法，所述计算机系统包括用于所权利要求书CN104145246A3/5页4述图形显示的悬停事件、具有起点激活和终点激活的拖拽事件和计算机激活事件，所述方法包括以下步骤在所述图形显示中显示房间场景，所述房间场景包括环境蒙板，其具有代表所述房间场景的一部分的透视房间设计，在所述透视房间设计中具有透明窗口，其用于代表所述房间场景的地面的至少一部分，与所述环境蒙板相关联的地面布局显示，所述地面布局显示具有画布层和覆盖层，所述画布层具有拼块图形，该拼块图形具有透视的形状并且根据预定透视网格来布置，所述拼块图形代表所述地面的一部分，所述覆盖层具有覆盖容器，该覆盖。
13、容器具有透视的形状并且布置在与所述画布层上的拼块图形的所述网格相互关联的透视网格中，每个覆盖容器与位于所述画布层的相应位置中的拼块图形相关联，每个覆盖容器具有至少一个覆盖功能分区和与每个覆盖功能分区相关联的覆盖功能，其中环境蒙板定位在所述地面布局显示的上方，并且所述地面布局显示的至少一部分通过所述环境蒙板的透明窗口可见，并且其中当在相关覆盖功能分区上发生计算机激活事件时，所述覆盖容器的覆盖功能操纵与相关覆盖容器相关联的拼块图形。19如权利要求18所述的方法，其中所述覆盖容器分别进一步包括轮廓图形，该轮廓图形示出与所述覆盖容器相关联的拼块图形画布的边界，并且其中每个覆盖容器中的轮廓图形是透明的直。
14、至在相关覆盖容器上发生悬停事件。20如权利要求18所述的方法，其中所述覆盖容器分别进一步包括位于交换分区中的交换图形，并且其中在每个覆盖容器中的交换图形是透明的直至在相关覆盖容器上发生悬停事件。21如权利要求18所述的方法，其中用于所述画布层中的拼块图形和所述覆盖层中的覆盖单元的网格是砌石网格。22如权利要求18所述的方法，其中所述覆盖容器分别包括第一旋转分区并且所述覆盖功能分别包括位于所述第一旋转分区内的第一旋转功能，并且其中，当在相关覆盖容器的第一旋转分区上发生计算机激活事件时，与特定覆盖容器相关联的拼块图形被以第一方向旋转预定的量。23如权利要求22所述的方法，其中所述覆盖容器分别进一步。
15、包括位于所述第一旋转分区中的第一旋转图形，所述第一旋转图形是透明的直至光标定位在所述相关轮廓容器上。24如权利要求22所述的方法，其中所述覆盖容器分别进一步包括第二旋转分区并且所述覆盖功能分别进一步包括位于所述第二旋转分区内的第二旋转功能，并且其中，当所述光标定位在所述特定覆盖容器的第一旋转分区上并且所述计算机系统的第二激活功能被激活时，与特定覆盖容器相关联的拼块图形被以第二方向旋转预定的量。25如权利要求24所述的方法，其中所述覆盖容器分别进一步包括位于所述第一旋转分区中的第一旋转图形和位于所述第二旋转分区中的第二旋转图形，并且在每个覆盖容器中的所述第一旋转图形和所述第二旋转图形是透明的直至。
16、在相关覆盖容器上发生所述悬停事件。权利要求书CN104145246A4/5页526如权利要求18所述的方法，进一步包括在所述图形显示中显示拼块调色板显示的步骤，所述拼块调色板显示包含拼块图形图标，该拼块图形图标代表用于所述主题设计布局的画布层的一组可能的拼块图形，其中所述拖拽事件的终点出现时覆盖容器所关联的拼块图形被与拖拽事件的起点出现时拼块图形图标所关联的拼块图形交换。27如权利要求18所述的方法，进一步包括在所述图形显示中显示拼块调色板显示的步骤，所述拼块调色板显示包含拼块图形图标，该拼块图形图标代表所述主题设计布局的画布层中的拼块图形，所述拼块图形图标分到相关拼块图案的分组中。28如权利。
17、要求27所述的方法，其中每个拼块图案的拼块图形在画布层中被按列分组到一起。29如权利要求27所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括多个拼块图案标记，其中每个拼块图案标记代表不同的拼块图案且每个配色方案标记代表用于每个拼块图案的不同配色方案，所述方法进一步包括以下步骤选择拼块图案标记，以及在配色方案标记上发生所述计算机激活事件而选择所述配色方案标记时，将所述画布层中与选择的拼块图案相关联的图形拼块改变成与相同的拼块图案相关联且具有选择的配色方案标记指示的配色方案的图形拼块，以及将所述拼块调色板显示中与选择的拼块图案相关联的拼块图形图标改变成与相同的拼块。
18、图案相关联且具有选择的配色方案标记指示的配色方案的拼块图形图标。30如权利要求27所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案标记，其中每个拼块图案标记代表不同的拼块图案，所述方法进一步包括以下步骤在特定拼块标记上发生计算机激活事件时，从所述拼块调色板显示中除去与该拼块图案标记相关联的拼块图标，和将所述主题设计布局的画布层中的拼块图形替换成与剩余在所述拼块调色板显示中剩余拼块图形图标相关联的拼块图形。31如权利要求27所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案标记，其中每个拼块图案标记代表不同的拼块图。
19、案，所述方法进一步包括以下步骤在特定拼块标记上发生计算机激活事件时，向所述拼块调色板显示添加与所选拼块图案标记相关联的拼块图标，以及将所述主题设计布局的画布层中的拼块图形替换成与所述拼块调色板显示中的拼块图形图标相关联的拼块图形。32如权利要求18所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图形定向标记，其中在拼块图形定向图标上计算机激活事件的发生将所述画布层中的拼块图形的角方向改变成统一的方向。33如权利要求18所述的方法，进一步包括在所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图形定向标记，其中在拼块图形定向图标上计算机激活事件的。
20、发生将所述画布层中的拼块图形的角方向改变成非统一的随机方向。34如权利要求18所述的方法，进一步包括在所述监视器上的所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案分组标记，其中在所述拼块图案分组标记上计算机激活事件的发生将拼块图形在所述画布层中的布置改变成在所述画布层的网格中的非统一的随机布置。35如权利要求18所述的方法，进一步包括在所述监视器上的所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案分组标记，其中在所述拼块图案分组权利要求书CN104145246A5/5页6标记上计算机激活事件的发生将拼块图形在所述画布层中的布置改变成在所述画布层的网格中通过。
21、拼块图案分到分组中。36如权利要求18所述的方法，进一步包括在所述监视器上的所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括拼块图案分组标记，其中在所述拼块图案分组标记上计算机激活事件的发生将拼块图形在所述画布层中的布置改变成在所述画布层的网格中通过拼块图案分到分组中，所述分组是在所述画布层的网格中的列，每个列仅包含来自单个拼块图案的拼块图形。37如权利要求18所述的方法，进一步包括在所述监视器上的所述图形显示中显示工具布局显示的步骤，所述工具布局显示包括多个环境蒙板标记，该环境蒙板标记代表了用于不同房间场景的不同环境蒙板，其中在特定环境蒙板尺寸标记上发生计算机激活事件将所述地面布局。
22、显示中的环境蒙板改变成与特定环境蒙板标记相关联的环境蒙板。权利要求书CN104145246A1/8页7显示和操纵计算机上的地面布局显示的系统和方法0001相关申请的交叉引用0002本申请要求于2012年2月29日提交的标题为“SYSTEMANDMETHODFORDISPLAYINGANDMANIPULATINGAFLOORLAYOUTDISPLAYONACOMPUTER”的第61/604,602号美国临时专利申请的优先权。技术领域0003本发明大体上涉及用于在计算机系统的监视器上显示图形显示GRAPHICDISPLAY的系统和方法，该系统和方法尤其用于显示铺地材料布局FLOORINGLAYOU。
23、T或具有铺地材料布局的房间场景ROOMSCENE。背景技术0004在设计具有地毯或地毯拼块CARPETTILE的地面时，顾客通常需要观看地毯，这是通过物理上具有可以被重新布置成可能的布局的代表性地毯拼块或者使用计算机设计系统来实现的，该系统是难处理的并且在实时地与地毯拼块图案、配色方案、强调特征ACCENT、布置和定向交互上的能力有限。此外，使用计算机设计系统会对顾客设想不同环境中的可能的布局的能力造成限制。0005因此，需要一种改进的处理、方法和产品来为使用者提供以下能力，即在计算机上在二维视图和三维透视图中设计对地面覆盖设计、颜色和布局的图形表示以及与以上这些实时交互的能力。附图说明000。
24、6仅仅为了说明的目的，可以通过参考附图进一步理解本发明；0007图1是用于在本发明中使用的具有监视器的计算机系统的示图；0008图2是在计算机监视器上的图形显示的示图，显示了主题设计布局显示、调色板PALLET显示和工具布局显示的实施例；0009图3是来自图2的主题设计布局显示的示图，具有覆盖容器OVERLAYCONTAINER分区和为了说明的目的而可见的图形；0010图4是来自图2的图形显示的实施例的示图，具有被悬停事件HOVEREVENT激活的单个覆盖容器的覆盖图形；0011图5是可替换的图形显示、环境蒙板的示图，该环境蒙板诸如是房间场景，带有在其中显示主题设计布局显示诸如地面布局的窗口，。
25、并且环境蒙板和主题设计布局均为三维透视图；0012图6是来自图5的环境蒙板的示图；0013图7是来自图5的主题设计布局或铺地材料布局的示图。具体实施方式说明书CN104145246A2/8页80014以下示例进一步说明了以上描述的主题，但是，这些示例无疑不应解释成以任何方式限制本申请的范围。0015现在参考附图，尤其参考图1，本发明提供了用于在计算机系统100的显示屏幕或监视器120上显示图形显示200的系统和方法，该图形显示200包括铺地材料布局或具有铺地材料布局的房间场景。计算机系统100包括悬停事件、拖拽事件和计算机激活事件。拖拽功能具有起点和终点。0016对于一些计算机装置，诸如具有控。
26、制光标的鼠标的标准计算机，悬停事件发生在光标被放置在监视器的显示中的期望位置的情况下。在这样的装置中，拖拽功能的起点可发生在按下DOWNCLICK鼠标按钮时光标的位置处，而终点发生在抬起UPCLICK鼠标按钮时光标的位置处。在这样的装置上的计算机激活事件典型地发生在抬起鼠标按钮时光标的位置处。0017对于一些计算机装置，诸如触摸装置计算机，悬停事件发生在向装置的监视器或显示屏施加轻击压力的位置处。对于这样的装置，拖拽功能的起点可发生在触摸或施加压力于装置的监视器的起始点，终点发生在显示屏幕上移动之后将接触或压力从监视器上移除时在监视器上所处的位置。在这样的装置上的计算机激活事件将典型地发生在向。
27、显示屏施加快速轻击、施加或释放压力所在的位置中。0018仍旧参考图1，计算机程序和计算机文件被计算机系统100用于产生和操作监视器120上的图形显示200。典型地，当计算机100连接到互联网99并且向主机98发送对于显示图形显示200的页面的请求时，计算机程序指令和文件从主机98或主机98、98、98”经由互联网99下载到作为“客户端”计算机的计算机100。计算机100然后将程序指令和文件置于计算机100中，该计算机的处理器使用该程序指令和文件来在监视器120上产生图形显示200。程序指令可以用诸如HTML5、CSS3、JAVASCRIPT、JQUERY17和以上语言、JSON这样的语言以及允。
28、许计算机100产生图形显示200和实现多种功能的其他语言来编码。下载的程序指令在计算机100中的标准浏览器诸如GOOGLECHROME16或更高版本、APPLESAFARI5或更高版本、MOZILLAFIREFOX10和更高版本以及MICROSOFTIE7具有GOOGLECHROMEFRAME或更高版本内运行。在使用图形显示200的会话中，计算机100可经由互联网99返回主机98或主机98、98、98”以根据计算机100对于图形显示200的需要获得额外的计算机程序指令和/或文件，如以下描述的。0019现在参考图2，图形显示200大体上包括主题设计布局显示1000、拼块调色板显示4000和工具布。
29、局显示5000。现在参考图3和图4，以说明主题设计布局显示1000的各部分的方式绘制出了主题设计布局显示1000。主题布局设计显示1000包括画布层2000和覆盖层3000。画布层2000具有多个拼块图形2100。覆盖层3000具有多个覆盖容器3100；每个覆盖容器3100对应于画布层3000中的拼块图形3100。覆盖层3000中的覆盖容器3100分别具有容器分区和覆盖图形。除了被激活时的覆盖图形以外，覆盖层3000是透明的。如图3中所示，覆盖层3000的所有覆盖容器中的覆盖图形是可视的；然而，在某些事件中，典型地仅仅单个覆盖容器3100的图形是可视的，如以下将描述的那样。此外，如图3中所示，。
30、为了说明的目的用虚线展示容器分区的边界；但是，在主题设计显示1000中容器分区的边界典型地是没有被示出的或者是不可视的。在图4中，示出了来自图2的图形显示200，其中单个覆盖层容器3100的覆盖图形被激活以便于显示。说明书CN104145246A3/8页90020现在参考图3和图4，画布层2000包括布置在网格或矩阵中的多个拼块图形2100。在一个实施例中，画布层2000是经由HTML、JAVASCRIPT、JQUERY和CSS3操纵和控制的HTML5元件。每一个拼块图形2100代表地面布局的一部分并通过预先确定的拼块图案TILEPATTERN进行分类。来自特定拼块图案的拼块图形2100将具有。
31、含普通设计元素的设计。拼块图形2100进一步通过配色方案COLORSCHEME进行分类。具有特定的拼块图案和配色方案的拼块图形2100将与具有相同的拼块图案和不同的配色方案的拼块图形2100具有相同的设计，但对色彩的使用不同。此外，具有特定的拼块图案和特定的配色方案的拼块图形2100可具有强调特征。强调特征可能是针对具有某个配色方案的拼块图案色彩发生变化的拼块图形2100，添加更多的拼块图案和配色方案中的拼块图形2100具有相同的拼块图案，但色彩设计不同，或者以上两种情况均发生。0021仍旧参考图3和图4，画布层2000中的网格可以是具有均匀的行和列的常规方形网格，或者是诸如砌石图案ASHLA。
32、RPATTERN的非常规网格。在砌石图案的一个示例中，网格或矩阵中的一列中的各行与相邻列的各行有偏移。在砌石图案的另一个示例中，一行中的各列与相邻行中的各列有偏移。以特定的角定向或旋转角度2200将拼块图形2100摆放在画布层2000的网格中。画布层2000中的拼块图形2100可以全部定向成相同的角方向，或者可以定向成使得画布层2000中的一个拼块图形2100的定向与其紧邻的拼块图形不同。例如，一组四个拼块图形2100可以定向成直角转弯QUARTERTURN图案，其中每个图形指向相同的顺时针转动的方向或逆时针转动的方向、交替的行或列中的所有拼块图形2100指向相反的方向、或在整个画布2000中。
33、拼块图形2100随机定向。0022仍旧参考图3和图4，覆盖层3000包括在网格或矩阵中的多个覆盖容器3100，该网格或矩阵与画布层2000中的拼块图形2100的网格或矩阵匹配。在一个实施例中，覆盖层3000包括用于覆盖容器3100的HTMLDIV容器元件，其通过HTML、JAVASCRIPT、JQUERY和CSS3来操纵和控制。每一个覆盖容器3100与画布层2000中相同位置的拼块图形2100相对应。每一个覆盖容器3100包括至少一个具有相关覆盖功能的覆盖容器分区3110。然而，覆盖容器2100将优选地包括多个覆盖容器分区，每一个分区均具有相关覆盖功能。覆盖功能包括在与该覆盖功能相关联的容器分。
34、区上的计算机激活事件发生时操纵画布层2000中的相关拼块图形2100的功能。0023图3和图4中的覆盖容器3100的覆盖容器分区包括第一旋转分区3111和第二旋转分区3112。覆盖容器2100的覆盖功能包括与第一旋转分区3111相关联的第一旋转功能和与第二旋转分区3112相关联的第二旋转功能。当在覆盖容器3100的第一旋转分区3111上发生计算机激活事件时，该覆盖容器3100的第一旋转功能将画布层2000中的相应拼块图形2100的定向顺时针旋转九十度。当在覆盖容器3100的第二旋转分区3112上发生计算机激活事件时，该覆盖容器3100的第二旋转功能将画布层2000中的相应拼块图形2100的定向。
35、逆时针旋转九十度。0024图3和图4中的覆盖容器3100还包括交换分区3113和与交换分区3113相关联的交换功能。交换功能由计算机120的拖拽事件来操作。当当拖拽事件的起点出现在第一覆盖容器3100的交换分区3113上时，第一覆盖容器3100在覆盖层3000中的位置和在画布层2000中的相应拼块图形2100被存放到计算机100的存储器中。接着，当该拖拽事件的终点出现在后续的覆盖容器3100的交换分区3113上时，与后续的覆盖容器3100相关联说明书CN104145246A4/8页10的拼块图形2100被与第一覆盖容器3100相关联的拼块图形2100替换，而与第一覆盖容器3100相关联的拼块图。
36、形2100被与后续的覆盖容器3100相关联的拼块图形2100替换。在一个实施例中，第一拼块图形3100的图像将被拖拽事件拖拽越过图形显示200，直至那个拖拽事件的终点完成，此时被拖拽的图像将删除。0025仍参考图3和图4，如图所示，每一个覆盖容器3100还包括覆盖图形，其提供关于覆盖容器3100的图形信息，诸如关于覆盖功能的图形信息。覆盖容器3100的覆盖图形具有位于覆盖容器3100的第一旋转分区3111中指向顺时针方向的第一旋转图形3131，和位于覆盖容器3100的第二旋转分区3112中指向逆时针方向的第二旋转图形3132。覆盖容器3100的覆盖图形还包括位于交换分区3113内的交换图形31。
37、33。在一个实施例中，每个覆盖容器3100的覆盖图形包括轮廓图形OUTLINEGRAPHIC3134，其示出覆盖层3100中的覆盖容器3100和画布层2100中的相关拼块图形2100的边界。在一个实施例中，每个覆盖容器3100的覆盖图形都是透明的，直至在覆盖容器3100上发生悬停事件，此时那个特定覆盖容器3100的覆盖图形变成可视的。尽管覆盖容器的覆盖图形被描述为具有第一旋转图形3131、第二旋转图形3132、交换图形3133和轮廓图形3134的单个图形，但是覆盖图形的各个部分中的每一个可以自身就是单个图形。此外，覆盖图形的各部分其中的一个或多个可以是从编程语言调出的程式化悬停效果。0026再。
38、次参考图2，在监视器120上的图形显示200中，调色板显示4000被示出为邻近主题设计布局显示1000。在一个实施例中，调色板显示4000是通过HTML、JAVASCRIPT、JQUERY和CSS3来操纵和控制的HTML5元件。调色板显示4000具有用于画布层2000中的每一个拼块图形2100的拼块图形图标4100，该拼块图形图标具有特定的拼块图案、配色方案和强调特征。特定的拼块图形3100可在画布层3000中不止一次出现，但是在调色板显示4000中将仅具有一个相关的拼块图形图标4100。在调色板显示4000中，通过公共拼块图案来将拼块图形图标4100分组。0027仍参考图2，在一个实施例中在。
39、拼块调色板显示4000中的拼块图形图标4100可以用作将拼块图形2100摆放到画布2000中的源。在这样的实施例中，通过在拼块图形图标4100上激活拖拽事件的起点，并接着在覆盖容器3100上激活终点，与终点发生的覆盖容器3100相对应的画布网格的位置中的拼块图形2100被与起点发生的拼块图形图标4100关联的拼块图形2100所替换。0028仍参考图2，示出在图形显示200中与主题设计布局显示1000邻近的工具布局显示5000。在一个实施例中，工具布局显示5000中的每一个工具包括通过HTML、JAVASCRIPT、JQUERY和CSS3来操纵和控制的HTML5元件。如图2中所示，工具布局显示5。
40、000包括拼块图案标记5100、配色方案标记5200和强调特征标记5300。拼块图案标记5100包括对可用于在主题设计布局DISPLAY1000的画布层2100中所有拼块图案的代表。配色方案标记5200包括可用于拼块图案标记5100中的拼块图案的所有配色方案的标记。强调特征标记5300包括可用于每一种拼块图案和配色方案组合的所有强调特征方案的标记。每个拼块图案均具有与特定拼块图案相关联的默认配色方案和强调特征。0029现在参考图2和图3，拼块图案标记5100可用于改变画布层2000中的拼块图形2100和拼块调色板显示5000中的相关拼块图形图标5100。当在工具布局显示5000中的拼块图案标记。
41、5100上发生计算机激活事件并且在画布层2000中没有拼块图形2100具有说明书CN104145246A105/8页11与该拼块图案标记5100相关联的拼块图案时，画布层2000被重新配置成包括与具有默认配色方案和默认强调特征方案的拼块图案相关联的拼块图形2100，并且与画布2000中的附加拼块图形2100相关联的拼块图形图标4100被添加到拼块调色板显示4000。当在工具布局显示5000中的拼块图案标记5100上发生计算机激活事件并且画布层2100包括具有与特定拼块图案标记5100相关联的拼块图案的拼块图形2100时，画布层2000被重新配置成没有与那个拼块图案相关联的拼块图形2100，并且。
42、与附加拼块图形2100相关联的拼块图形图标4100被从拼块调色板显示4000中除去。在图2和图3中所示的实施例中，拼块图案标记5100包括用于所有可用拼块图案的标记，但是用于当前没在使用中的拼块图案的标记的不透明度降低，以指示特定图案未激活或者在使用中。0030仍参考图2和图3，配色方案标记5200可用于将画布层2000中的拼块图形2100和拼块调色板显示5000中的相关拼块图形图标5100改变成具有相同拼块图案和不同配色方案的拼块图形2100和拼块图形图标5100。为了改变画布2000中的拼块图形2100和拼块调色板显示4000中的相关拼块图形图标4100的配色方案，计算机激活事件被首先用于。
43、选择配色方案将改变的拼块图案的拼块图案标记5100。一旦选择了拼块图案标记5100，则在代表期望的配色方案的配色方案标记5200上激活计算机激活事件会将拼块调色板显示5100中的拼块图形图标5100改变成代表具有特定的拼块图案和配色方案的拼块图形2100，并且将画布层2000重新配置成使用具有选定的拼块图案和选定的配色方案的拼块图形2100。典型地，选择新的配色方案可以仅仅将画布2000中具有一定拼块图案的拼块图形2100替换成具有相同拼块图案和不同配色方案的拼块图形2100，或者可以用选定的拼块图案重新绘制画布层2000。然而，选择新的配色方案可能导致对于那个特定的配色方案，拼块图案具有更少。
44、的或更多个拼块图形2100，这种情况下将使用选定的拼块图形2100重新绘制画布层2000。0031仍参考图2和图3，强调特征标记5300可用于将画布层2000中的拼块图形2100和拼块调色板显示5000中的相关拼块图形图标5100改变成具有相同的拼块图案和配色方案但具有不同的强调特征方案的拼块图形2100和拼块图形图标5100。为了改变画布2000中的拼块图形2100和拼块调色板显示4000中的相关拼块图形图标4100的强调特征方案，必须首先选择将要改变的拼块图案和配色方案。拼块图案是通过在期望的拼块图案的拼块图案标记5100上激活计算机激活事件来选择的。接着，通过在期望的配色方案的配色方案标。
45、记5200上激活计算机激活事件来选择配色方案。一旦选定了拼块图案和配色方案，在代表期望的强调特征方案的强调特征方案标记5300上激活计算机激活事件将通过使用具有选定的拼块图案、配色方案和强调特征方案的拼块图形2100来更新画布层2000，并且拼块调色板显示5100中的拼块图形图标5100将改变成代表更新后的画布层2000中的拼块图形2100。典型地，选择强调特征方案将导致对于该配色方案和强调特征方案，拼块图案具有更多的拼块图形2100，这种情况下将使用选定的拼块图形2100来重新绘制画布层2000。类似地，如果选择强调特征方案将导致对于该配色方案和强调特征方案，拼块图案具有更少的拼块图形210。
46、0，将使用选定的拼块图形2100来重新绘制画布层2000。如果选择强调特征方案导致拼块图形2100的数目无变化，则可以用选定的拼块图形2100来重新绘制画布层2000，或者可以仅用新的拼块图形2100来替换画布2000中因为选择而改变的旧的拼块图形2100。说明书CN104145246A116/8页120032仍参考图2和图3，工具布局显示5000还包括拼块图形定向标记5400或安装方法，各自具有用于每个拼块图形定向标记5400的相关定向功能。如之前讨论的，画布2000中的每一个拼块图形2100定向在特定方向上。与拼块图形定向标记5400相关联的定向功能将根据该定向功能旋转画布层2000中的拼。
47、块图形2100。如图所示，拼块图形定向标记5400包括“单一”定向标记和“随机”定向标记。在单一定向标记上激活计算机激活事件时，与单一定向标记相关联的单一定向功能会将画布层2000中的拼块图形2100对齐到具有相同方向的定向。在随机定向标记上激活计算机激活事件时，与随机定向标记相关联的随机定向功能会将画布层2000中的拼块图形2100的定向改变成随机的定向。0033仍参考图2和图3，工具布局显示5000还包括拼块图案分组标记5500或具有相关分组功能的图案显示。如之前说明的，画布2000中的每一个拼块图形2100均根据网格或矩阵来布置。分组功能根据选定的分组功能来将拼块图形2100布置在画布层。
48、2000的网格或矩阵中。如图所示，拼块图案分组标记5500包括“混合BLEND”分组标记和“分离SEPARATION”分组标记。在混合分组标记上激活计算机激活事件时，与混合分组标记相关联的混合分组功能以随机摆放的方式将拼块图形2100布置在画布层2000的网格或矩阵内而不考虑拼块图形2100的拼块图案。在分离分组标记上激活计算机激活功能时，与分离分组标记相关联的分离分组功能将拼块图形2100以多个组的形式布置在画布层2000的网格或矩阵内，其中每个组具有共同的拼块图案。在一个实施例中，分离分组功能将画布层200的网格或矩阵中的拼块图形2100组织成使得网格或矩阵的每一列仅包括具有特定拼块图案的。
49、拼块图形2100。0034仍参考图2和图3，工具布局显示5000还包括网格尺寸标记5600，和相关的网格尺寸功能。如之前所讨论的，画布2000中的每一个拼块图形2100均根据网格或矩阵来布置。当在特定网格尺寸标记5600上激活计算机激活事件时，相关的网格尺寸功能5600将画布层2000和覆盖层3000中的网格或矩阵的尺寸改变成依照网格尺寸标记5600的网格尺寸，并且用新的网格尺寸要求的拼块图形2100和覆盖单元3100的数目来重新绘制画布层2000和覆盖层3000。0035现在参考图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和覆盖层3。