“卡片”微件

“卡片”微件提供一个灵活且可扩展的内容容器,您可以在其中显示各种相关信息。 其内容可以包括不同的微件,例如文本、图像、按钮和地图。 从多个预定义的卡片模板中进行选择,或者选择一个空白模板来设计自己的模板。 您可以设置链接以支持单击卡片,还可以为其默认和悬停状态配置不同的样式。

示例

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

  • 您希望将有关单个主题的相关信息收集到一个连贯的内容中,例如,为 ArcGIS 地图或要素服务汇总项目详细信息。
  • 您希望将简洁的行动号召进行分组,例如为受众展示一组数据或产品,以找到他们需要的内容并能够单击卡片以便于访问。
  • 您想要显示一个带有简短文本和图像或地图的某地点的直观汇总,用户可以对其进行单击以浏览应用程序的另一个页面或部分中的更多详细信息。

用法说明

添加卡片微件时,首先选择模板设计,然后单击开始。 在画布上,选择卡片中嵌套的微件以修改其内容和布局,或者通过从插入面板中拖动微件来将更多微件添加到卡片。 “卡片”微件中支持所有微件。

提示:

如果嵌套的微件填充了容器,则可以通过在轮廓窗格中选择以打开“卡片”微件的配置设置。

卡片微件可具有两种状态:默认悬停。 悬停状态会在用户将鼠标悬停在卡片上时显示。 悬停状态可用于指示卡片可单击以及包含其他信息。 当为卡片启用两种状态时,状态按钮会显示在画布上的卡片附近。 可使用这些按钮在编辑两种状态之间切换。 当您选择嵌套微件时,将显示链接到按钮 链接到。 该按钮用于指示微件设置是隔离还是跨两种状态同步。 如果您单击链接到,将显示其他选项,可用于将一种状态下的微件设置应用于另一种状态或隔离该状态下的微件设置。

  • 对于同步微件,微件内容和样式设置(背景、边框和阴影)相同,并且不同状态的大小和位置可以不同。
  • 对于隔离微件,可以配置属性,而不会影响处于另一种状态的其他微件。
  • 要在另一种状态下使用相同微件,或者还要同步微件的大小和位置,选择微件,然后将其应用于目标状态。
  • 删除同步微件时,处于不同状态的相同微件也会一并删除,除非先将该微件隔离。

设置

“卡片”微件包括以下设置:

  • 选择一个模板 - 从预定义的卡片设计中选择或以空白卡片模板开始。 (如果选择模板,可稍后自定义其外观。)
  • 设置链接 - 在卡片上添加链接以转至应用程序中的其他内容,例如网址、剖面视图、窗口或页面。如果链接到网址,输入 URL(以 https:// 开头)。 除了 web 地址之外,还可以使用 URL 选项设置链接以转至电子邮件地址、电话号码等。 可选择将链接在与应用程序相同的窗口中、顶部窗口还是新窗口中打开。
  • 状态 - 提供可视化表示,以使用不同的颜色、样式和内容传达卡片的状态。
    • 默认 - 用户未进行交互时的卡片默认状态。 您可以为此状态设置背景、边框和框阴影样式。
    • 选定 - 用户指向卡片时启动的状态。 此状态是可选的。 打开悬停状态时,您可以隔离设计(包括微件布局和内容)。 您可以为此状态设置背景、边框、框阴影和动画过渡的样式。
      • 布局 - 选择用于设计悬停状态布局的模式。
        • 自动 - 任何嵌套微件的设置将在默认和悬停状态之间同步。 如果您选择此模式,则在画布上编辑默认状态时,只能为嵌套微件配置设置。 如果您只想在默认和悬停状态之间更改卡片的内容设置(例如背景和边框设备),则此模式适用。
        • 自定义 - 为卡片悬停状态创建单独布局。 如果您选择此模式,则可以在编辑两个状态时手动排列和配置微件。 您添加至一个状态布局的任何微件不会自动针对另一个状态显示,但是您可以使用链接到按钮 链接到 在两种状态之间同步微件。

在本主题中
  1. 示例
  2. 用法说明
  3. 设置