按钮微件

“按钮”微件提供了在您的应用程序中打开页面、窗口和剖面视图的链接,以及滚动到特定块或页面顶部或是转至网址的链接。 可使用数据源提供动态按钮,文本或链接会根据要素选择(例如在地图或列表中)而发生变化。 可以选择不同的样式、大小和颜色来设计按钮。

示例

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

  • 您有一个包含指向网站的 URL 的要素图层,并且您希望使用按钮作为链接来打开与所选要素关联的网站。
  • 您的应用程序具有多个页面,并且主页上有一个菜单可以访问每个页面。 您还拥有几个希望用户快速前往的部分。 您可以创建按钮以使用户返回主页,或从应用程序中的任何位置前往相关部分或页面。

用法说明

在将“按钮”微件添加到页面后,快速样式窗口将在该微件旁边显示,可在其中从适用于您的应用程序主题的预设设计中进行选择。 (要稍后再次访问此窗口,请单击微件工具条上的快速样式按钮 快速样式。)您还可以通过在高级设置中为常规和悬停状态选择颜色和字体来配置自己的按钮设计。

如果将按钮连接到数据源(例如要素图层),则可使用要素数据填充按钮的文本或链接的 URL。

提示:

单击“按钮”微件工具栏上的图钉按钮以使微件在滚动页面上可见。

设置

“按钮”微件包含以下设置:

  • 连接到数据 -(可选)将按钮连接到数据,以设置动态链接,例如使用要素属性中的 URL。
    • 选择数据 - 选择要素图层作为数据源。
  • 设置链接 - 在按钮上添加用于在您的应用程序中打开页面、窗口和剖面视图的链接,以及滚动到特定块或页面顶部或是转至网址的链接。 如果您链接到网址,请输入一个 URL(以 https:// 为开头)。 如果将按钮连接到数据源,请使用属性表达式为 URL 选择一个动态源。 可选择将链接在与应用程序相同的窗口中、顶部窗口还是新窗口中打开。
    • 工具提示 - 提供悬停文本来描述按钮打开的资源。
    • 文本 - 提供要在按钮上显示的文本。 如果将按钮连接到数据,可通过选择属性统计数据表达式使用基于数据源的动态文本。
    • 图标 - 向按钮添加图标,然后选择将其放置在按钮文本的左侧或右侧。 可从常规箭头库中选择图标,或从文件自行添加图标。
      注:

      可以上传以下图像格式:PNG、GIF、JPG、JPEG 和 BMP。

  • 高级 - 覆盖从应用程序主题继承的字体和颜色,以设置按钮的两种状态的样式:常规是没有用户交互的按钮状态;悬停是用户指向或单击按钮时启动的按钮状态。
    • 文本 - 更改字体大小(以像素为单位)和颜色,并使用粗体、斜体、删除线和下划线格式设置按钮文本的样式。
    • 背景 - 选择填充颜色或图像以设置按钮的背景。 如果选择图像,则可使用适合填充居中平铺拉伸将其放置在按钮中。 如果选择适合,按钮将在图像周围显示背景填充颜色。
    • 边框 - 选择边框的颜色、样式(例如虚线或点划线)和宽度(以像素为单位)。
    • - 更改半径大小(以像素或百分比为单位)以形成按钮角。 锁定设置可同步所有四个角的半径。
    • 阴影 - 使用以下设置在按钮周围添加阴影效果:
      • 偏移 X - 设置阴影的水平距离。 负值将阴影置于按钮的左侧,正值将阴影置于按钮的右侧。
      • 偏移 Y - 设置阴影的垂直距离。 负值将阴影置于按钮上方,正值将阴影置于按钮下方。
      • 模糊半径 - 向阴影应用模糊效果。
      • 传播半径 - 调整阴影的大小。
      • 颜色 - 选择阴影颜色。

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