Mashup Builder > Mashup Builder 工作区
Mashup Builder 工作区
在 ThingWorx Composer 中创建或修改混搭时，可以使用以下选项卡：
• “常规信息”- 指定常规信息，例如实体名称和说明。
• “设计”- 打开 Mashup Builder 工作区。
• “自定义 CSS”- 打开混搭的“自定义 CSS”页面。
有关详细信息，请参阅 自定义 CSS。
• “权限”- 指定对混搭的可见性、运行时和设计时访问。
• “更改历史记录”- 显示先前对混搭所做的更改。
• “查看关系”- 定义混搭的相关性和继承规则。
Mashup Builder 工作区位于“设计”选项卡上。
设计工作区的组成部分
Mashup Builder 工作区由以下几部分组成：
1. 左侧固定方框
2. 右侧固定方框
3. 工作区
4. 连接
工作区的工作区部分即为混搭的设计区域。您可以从“小组件”面板拖动小组件，然后根据需要对其进行排列。要选择多个小组件，请在工作区中拖动选择框，或按住 CTRL 键并单击各项。单击小组件左上角的 可配置绑定和事件。
右侧固定方框
默认情况下，右侧固定方框包含两个带有以下面板的部分：
• “数据”- 可供访问要在混搭中显示的数据。
数据通过 ThingWorx 实体提供，例如事物或事物模板。单击 选项可打开“添加数据”窗口，您可以在其中查找实体并从中添加选定服务。
有关数据服务的详细信息，请参阅 数据服务和绑定。
• “会话”- 可供访问会话参数。
会话参数类似于全局变量，并可由多个混搭使用。会话参数会为当前应用程序会话中登录的用户保留信息 (cookie 或安全信息)。有关“会话”面板的详细信息，请参阅 会话参数。
• “用户”- 可供访问当前用户的属性。有关“用户”面板的详细信息，请参阅 用户。
• “数据属性”- 显示当前选定数据服务的属性列表。其中包括参数、事件等。
• “函数”- 显示混搭内的函数列表。
有关函数的详细信息，请参阅 函数。
左侧固定方框
默认情况下，左侧固定方框包含两个带有以下面板的部分：
• “小组件”- 提供可添加到混搭的小组件列表。您可以将小组件从列表拖动到布局区域。
• “布局”- 显示响应式混搭中容器和项的布局选项。
• “混搭”- 提供可在您的环境中使用的混搭列表。
您可以将混搭从此列表拖动至布局区域，使其成为混搭内的嵌套混搭。请注意，包含的混搭必须位于“内置混搭”小组件中。您可以在“筛选混搭”字段中输入文本，以根据混搭名称筛选列表。
• “资源管理器”- 以分层树形式显示混搭中的当前小组件。
此列表可用于选择布局中可能被隐藏的小组件。您可以开始在“筛选浏览器”选项中输入文本，以基于您输入的文本来筛选列表。
• “属性”- 显示当前选定小组件的属性列表。
修改属性来配置小组件。您可以开始在“筛选属性”选项中输入文本，以基于您输入的文本来筛选列表。
工作区工具栏
工作区工具栏位于工作区的上方。
下表列出了可用的剪贴板命令：
命令
说明
剪切
复制
粘贴
使用这些命令可以调整混搭中选定项的大小，如下所示：
命令
说明
相同宽度
相同高度
相同大小
使用这些命令可以设置混搭分辨率和本地化，并且可以指定工作区设置。
命令
说明
在设计时设置混搭分辨率。
在设计时设置本地化标记的语言。
指定工作区布局。有关详细信息，请参阅 自定义 Mashup Builder 工作区。
使用以下命令可以控制工作区中的项选择和显示：
命令
说明
在工作区中选择项。这是默认工具。
可供您在工作区区域中移动。单击并拖动工作区中的任意位置，即可在其上移动。
* 
使用默认选择工具对静态混搭中的小组件进行重定位。
放大 10% 可以更详细地查看混搭。
缩小 10% 可以从更广泛的视角了解混搭。
将缩放比例重置为默认值。
连接
界面的“连接”部分会显示混搭中数据和事件的流。例如，如果单击某个按钮来调用事物的服务，“按钮”小组件的单击事件即会与该事物的服务之间建立连接。例如：
本部分还提供了“待办事项”面板，可提醒您为完成混搭小组件配置而需要完成的事项。