“手风琴”微件

“手风琴”微件是一种布局容器，可以将其他微件按垂直顺序组织成垂直堆叠的菜单。 放在“手风琴”微件中的每个微件都将成为具有展开和折叠状态的标题。 可以自定义标题、展开和折叠按钮以及微件面板。

示例

使用此微件可支持以下应用程序设计要求：

• 您希望组织如文本、图例和图层列表等元素。
• 您希望节省应用程序页面上的空间，因为不需要同时显示所有内容。
• 您希望显示标题，并允许用户选择是否要展开并查看更多信息。

用法说明

添加“手风琴”微件时，会显示快速样式菜单。 可以从四种默认样式中选择。 这四种样式之间的主要区别在于标题的形状和内容。 可以在微件设置中自定义上述所有内容。

要将微件添加到手风琴，可以从插入微件面板拖入微件。

可以通过单击并拖动微件标题来重新排列手风琴中的微件。 您也可以单击微件，然后使用微件工具栏上显示的下移和上移按钮。

要从手风琴中移除微件，单击其标题并将其拖出。

要更改标题中微件的图标和名称，请选择微件并更改微件配置面板顶部的图标和名称。

设置

“手风琴”微件包括以下设置：

• 布局 - 这些设置影响标题元素彼此之间的间距以及相对于“手风琴”微件面板边缘的间距。
  • 间距 - 以像素 (px) 为单位定义标题之间的垂直间距。
  • 填充 - 更改填充空间的大小，即微件面板的标题和边缘之间的空间，可以一次性全部更改，也可以单独更改。 可以以像素 (px) 为单位指定大小值。
• 常规设置 - 这些是与展开标题相关的设置。
  • 可以扩展多少个项目 - 选择用户一次只能展开一个标题，还是一次可以展开多个标题。
  • 加载时展开项目 - 可以选择在首次加载微件时自动展开一个或多个微件。
  • 展开/折叠所有按钮 - 向微件面板添加用于展开和折叠所有标题的按钮。
• 标题 - 可以单击标题编辑器的三个不同部分，以显示与背景和边框、填充以及内容相关的设置。

  

  • 背景和边框 - 修改与标题背景和边框相关的设置。
    • 背景 - 选择标题折叠和展开时的背景颜色。
    • 边框 - 以像素 (px) 为单位更改标题边框的填充颜色、笔划和大小。 可以更改整个边框的所有上述属性，也可以分别更改四条边的属性。
      • 边框半径 - 一次性或单独更改四个角的边框半径长度。 可以以像素 (px) 或百分比 (%) 为单位指定半径值。 设置较大的半径以使标题的角更圆。
  • 填充 - 更改填充空间的大小，填充空间是标题的四个边缘与标题内容之间的空间，可以一次性全部更改，也可以单独更改。 可以以像素 (px) 为单位指定值。
  • 内容 - 修改与标题内容相关的设置。
    • 图标 - 在标题中包含微件图标。 可以更改图标的大小及颜色。 可以在每个微件配置面板的顶部设置微件图标。

      注：

      如果上传自定义图标，则可能无法使用此设置更改其颜色。

    • 文本 - 对标题中的文本应用粗体、斜体、删除线和下划线格式。 还可以更改字体颜色并以像素 (px) 为单位设置字体大小。
    • 按钮 - 设置展开按钮和折叠按钮的图标。
    • 切换位置 - 选择放置展开和折叠按钮的位置，可以位于每个标题的左侧（开始）或右侧（结尾）。
• 面板 - 修改与微件面板相关的设置，这些面板是使用展开和折叠按钮打开和关闭的面板。
  • 填充 - 更改填充空间的大小，即微件内容和微件面板四个边缘之间的空间，可以一次性全部更改，也可以单独更改。 可以以像素 (px) 为单位指定大小值。
  • 填充 - 选择微件面板的填充颜色。
  • 边框 - 以像素 (px) 为单位更改面板边框的填充颜色、笔划和大小。 可以更改整个边框的所有上述属性，也可以分别更改四条边的属性。
    • 边框半径 - 一次性或单独更改四个角的边框半径长度。 可以以像素 (px) 或百分比 (%) 为单位指定半径值。 设置较大的半径以使面板的角更圆。