折叠面板

笔记:

通过折叠面板控件,您可以创建可折叠的内容,以便用户只能看到每个内容部分的标题。这使您可以以精简的形式显示内容,用户不必滚动浏览长页面,并可以轻松地筛选标题。

在页面上添加折叠面板控件

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

设置“折叠面板”控件的内容

默认情况下,折叠面板会添加3个默认切换项。点击“添加新项”按钮,可以将更多的折叠项添加到列表中。您还可以拖动每一项来设置每一项的顺序,也可以点击删除按钮将某一项删除。

单击每个选项卡可以展开设置。 在“标题”选项中输入每个项目的标题,也可将标题设置为动态内容。

设置动态显示规则可以动态显示/隐藏此项。

图标:选择图标以表示展开项目的操作。选择“无”或从“图标库”中选择一个图标。

活动图标:选择图标来表示折叠活动项目的操作。 选择无或从图标库中选择一个图标。

图标可以显示在每一项的起始位置或结束位置,在样式面板可以设置图标的位置。

布局:可以选择此控件的布局方式:经典和手风琴。经典布局:可以同时展开任意数量的项。

手风琴布局:一次只能展开一项。 当点击展开某一项时,之前打开的项会自动折叠,效果类似于手风琴。

默认活动:开启此开关将默认展开第一项,关闭此开关将默认折叠所有项。

设置“折叠面板”的样式

通用

  1. 边框宽度:设置每个项目的边框粗细
  2. 边框颜色:设置每个项目的边框颜色
  3. 之间留空:设置每个项目之间的间距
  4. 阴影:给“折叠面板”控件设置阴影,您可以调整阴影的颜色、水平位置、垂直位置、模糊以及阴影的位置

标题

  1. 背景类型:选择该控件的背景类型:纯色/渐变
  2. 颜色:设置标题的背景颜色
  3. 图像:设置标题的背景图像
  4. 文字颜色:设置非活动标题的文本颜色
  5. 活动文字颜色:设置当前活动标题的文本颜色
  6. 排版:标题的排版选项,可设置字体尺寸、粗细、转换、样式、装饰、行高、字间距等
  7. 内边距:设置标题的内边距

图标

  1. 对齐:设置图标相对于标题文字的对齐方式:左侧对齐或右侧对齐
  2. 颜色:设置标题图标的颜色
  3. 活动颜色:设置当前活动标题的图标颜色
  4. 间距:设置图标和标题之间的间距
  5. 图标大小:设置图标的大小

内容容器

背景类型:设置内容容器的背景类型:可以选择纯色或渐变色。

高级设置

该控件的高级设置

Updated on 2022年7月12日

Was this article helpful?

Related Articles