图库控件

笔记:

使用“图库”控件以最佳方式展示图像。在常规布局、砖石布局或对齐布局之间切换,以准确显示所需图像。

图库控件允许您在页面上轻松添加复杂但设计精美的图库并为其设置样式。

将任何内容组合显示为图库的一部分:合并标题、说明、替代、描述或保持简洁。 您可以通过内容的样式和布局调整所有内容,并设置排版和定位。 使用 CSS 过滤器和混合模式为您的图库提供一致的时尚外观。

添加图库控件

您可以在控件面板/高级中找到图库控件,用鼠标拖动将此控件添加到表单设计器。

选择数据源

选择内容列表,并根据过滤条件设置需要显示的数据。

内容

  • 数据源:选择数据列表所属的应用。然后选择所选应用下的数据列表。
  • 数据过滤:单击过滤条件按钮,在此添加数据过滤的条件。
  • 首要排序&次要排序:设置列表中数据的排序方式。

提示:如果所选数据列表中的记录没有在所选图像字段上上传图片,则这些记录将不会显示在此图库控件中。

设置图库的内容

图片字段:设置要用作此图库控件的图片字段

图画尺寸:设置图片的大小,可以使缩略图,也可以是大图。

覆盖层标题&覆盖层描述:设置鼠标悬停在图库上时,显示的标题和描述。

链接:选择该数据表中每一项(行)的详细信息页面。详细信息页面是在数据列表中创建的表单。 选择默认布局将显示您在数据列表中设置的默认视图页面。 如果您创建了其他自定义列表表单,这些表单将在默认布局之后显示。

选择自定义链接将允许您创建动态链接。如果要以全屏模式显示图像本身,请选择“媒体文件”。如果只想显示此数据表中的数据,并且数据行设置为不可点击,请选择“无”。

在设置中打开:选择您希望打开详细信息页面的方式。弹出窗口表示详细信息页面将显示为弹出窗口,“全屏”表示单击每行后,该页面将被重定向到详细信息页面。新窗口将打开另一个窗口并显示详细信息页面。

设置

布局类型:图库的布局类型有:栅格/列表/两端对齐/瀑布流,其中,栅格基于您选择的纵横比;两端对齐允许您设置每行的高度,并为每张图片设置不同的宽度;瀑布流保持相同的图像宽度并调整到不同的高度。

:设置每行将显示的列数,从 1 到 24。当布局类型为“两端对齐”时,则不可设置列。

对齐高度:当布局类型为“两端对齐”时,可以设置每行的高度(单位:px/%)

项目间隙:设置一行中图片之间的间距

分页设置

仅显示部分记录:开关,默认值为,表示所选数据源的所有记录都将显示在此图库控件中。您可以设置每页记录中显示的记录数目,并通过对齐设置分页的对齐方式。

当您只想显示数据源的一部分内容,请打开此开关。您可以在“记录限数”输入您希望显示的记录数目。 打开查看更多记录将在此新闻控件的底部显示一个超链接。 您可以在自定义文本的文本框中自定义文本。同样的,您也可以在对齐设置对齐方式。

设置图库控件的样式

  • 图画
  1. 内边距:设置图库单元格中图片的内边距
  2. 边框类型:设置图库单元格的边框类型
  3. 边框半径:设置边框半径(圆角)
  4. 阴影:设置图库单元格的阴影
  • 覆盖层
  1. 内容对齐:设置覆盖层内容的对齐方式
  2. 背景类型:设置覆盖层的背景颜色:纯色/渐变
  3. 内边距:设置覆盖层的内边距(填充)
  • 标题
  1. 对齐:设置标题的对齐方式:左/中/右/两端对齐
  2. 文字颜色:设置标题的文本颜色
  3. 排版:标题文本的排版
  4. 内边距:标题的内边距(填充)
  5. 外边距:标题的外边距
  • 描述
  1. 对齐:设置描述的对齐方式:左/中/右/两端对齐
  2. 文字颜色:设置描述的文本颜色
  3. 排版:描述文本的排版
  4. 内边距:描述文本的内边距(填充)
  5. 外边距:描述文本的外边距
  • 分页设置

排版:设置分页的文本排版

常规/悬停/活动:设置鼠标三种不同状态下的分页样式

颜色:设置常规/悬停/活动三种状态下的分页文本颜色

之间留空:设置分页数字之间的间距

间距:设置内容和分页之间的间距

Updated on 2022年7月5日

Was this article helpful?

Related Articles