侧边栏微件

侧边栏微件是一个布局容器,可提供两个相邻的面板,使您可以控制嵌套微件的布局和分配。 该微件允许用户同时查看信息集合。

示例

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

  • 您希望用户能够在继续显示相邻地图的同时隐藏和显示过滤器或要素列表。
  • 您希望在相邻面板中分配微件并调整面板大小以在更大或更小的空间中显示内容。

用法说明

您可以配置侧边栏微件以水平或垂直对齐面板。 例如,用户可以比较相邻面板中不同图层或数据集的内容。 您可以允许最终用户调整停靠面板的大小和折叠停靠面板。 如果要排除折叠面板的按钮,请确保面板已默认展开。

页面面板的轮廓部分中,此微件具有两个默认的子容器来组织布局中的嵌套微件。 第一个与左侧或顶部面板相对应,第二个与右侧或底部面板相对应,具体取决于您配置的停靠边。

提示:

如果嵌套的微件填充了两个面板,则可以通过在轮廓中选择侧边栏微件或单击微件选项工具条上的设置按钮 设置 打开侧边栏微件的配置设置。 要移动侧边栏微件及其嵌套微件,请单击工具条上的移动按钮 移动,同时将组拖动到画布上的新位置。

设置

侧边栏微件包括以下设置:

  • 侧面板 - 可以折叠和展开侧面板以显示/隐藏其内容。
    • 停靠边 - 可折叠侧面板的停靠位置。
    • 大小 - 可折叠面板的大小(与停靠边设置相对应的面板)。
    • 叠加 - 打开后,侧面板将覆盖另一个面板的一部分。
    • 可调整大小 - 可通过拖动分隔线来调整侧面板的大小。
    • 默认状态 - 指定当最终用户首次打开页面时,侧边栏是展开还是折叠状态。
  • 折叠按钮 - 折叠按钮用于显示或隐藏侧面板。 您可以移除按钮或指定设置以更改其外观,例如背景颜色、图标颜色和图标形状。 您可以选择按钮样式及其在面板中的位置(居中、顶部或底部)。 您还可以定义按钮和图标大小(以像素为单位)以及水平和垂直偏移。
  • 分隔线 - 更改相邻面板之间分隔线的外观,例如线的样式、颜色和粗细。
  • 面板属性 - 为每个面板的背景选择填充颜色或图像。 如果选择图像,则可以使用适合填充居中平铺拉伸将其放置在面板中。

交互选项

可使用按钮微件打开和关闭侧边栏微件。

为此,将按钮微件和侧边栏微件添加至您的应用程序。在按钮微件设置的操作选项卡中,单击添加触发器,然后选择按钮单击触发器。 选择侧边栏微件作为目标,然后选择切换侧边栏操作。