百分比

Note

百分比控件是一种用于保存百分比数值格式的字段类型。百分比字段中的值都用百分号来显示。例如,0.75在百分比字段中显示为75%。

如果您想要更通用的数字字段类型,可以尝试使用数字控件,它可以展示整数或小数。

在表单中加入百分比控件

首先,在控件面板中找到百分比控件。然后将它拖拽到表单中合适的位置。

百分比控件的基础设置

打开内容>基础设置面板进行控件的标题设置。关于更多控件标题的信息,请参考:

控件的标题

为字段设置关联变量。当您新增了一个字段,系统会随之自动创建一个默认变量。您可以单击编辑按钮来更新变量标识和变量名称,或者单击重置按钮将该字段绑定到系统中已有的某个变量上。关于更多信息,请参考:

了解表单控件和相关变量/字段

百分比的显示设置

打开内容>显示面板进行百分比控件的外观和布局设置。

占位符:为百分比字段设置占位符文字。

四舍五入到:选择数字精度,最多可保留8位小数。

显示标题:选择显示或隐藏字段的标题。

允许评论:打开开关将允许用户在该字段上添加评论。

动态显示规则:如果您设置了动态显示规则,该字段将会根据设置的条件与规则动态显示。请参考:创建动态显示规则

百分比控件的验证

打开内容>验证面板来设置百分比控件的属性。

只读:打开该开关会使该字段处于只读模式。

必填项:使该字段为必填项。用户将不能在该字段上留空。

最小值:设置字段可以接收的最小值。

最大值:设置字段可以接收的最大值。

默认值:设置字段的默认数值。

自定义验证:设置自定义验证规则后,如果规则被满足,一个错误信息将会显示在该字段下。您可以为一个字段创建多条自定义验证规则。更多信息请参考:自定义验证

百分比控件的动作唤起

打开内容>动作面板来唤起一个已定义好的动作。当百分比数值的值发生变更时,这个动作将会被触发。

百分比控件的样式设计

字段-可编辑

打开样式>字段-可编辑面板来设置字段在可编辑状态下的样式。

1. 排版:为字段中的内容设置排版样式。

2. 常规/焦点:为百分比字段的常规以及焦点状态设置不同的样式。以下样式支持常规与焦点状态下的分开设置。  

    • 颜色:选择字段内数值的颜色。
    • 背景颜色:设置字段背景色。背景色默认为透明。
    • 边框类型:选择边框类型,可选择:无边框、实线、双实线、点线、虚线、凹槽。
    • 边框半径:设置边框半径来控制圆角。           
    • 阴影:设置字段的阴影显示。

3. 占位符颜色:对占位符进行颜色设置。

4. 对齐:设置内容的对齐方式。可选择左对齐、居中或者右对齐。

5. 内边距:设置字段的内边距。

6. 字段宽度:设置字段宽度,可按PX或%进行设置。

7. 字段对齐:为字段对齐方式。该设置只有当字段宽度小于外层宽度时才生效。

8. 百分比符号:设计百分比符号的样式。

  • 排版:为百分比符号设置排版样式。
  • 颜色:为百分比符号设置颜色。
  • 背景颜色:为百分比符号设置背景颜色,默认背景颜色为灰色。
  • 内边距:为百分比符号设置内边距。
  • 边框类型:为百分比符号设置边框类型。可选择:无边框、实线、双实线、点线、虚线、凹槽。
  • 边框半径:为百分比符号设置边框半径。

9. 错误消息:为错误消息设置样式:

  • 排版:为错误消息设置排版。
  • 颜色:为错误消息文字设置颜色。             

字段-只读

打开样式>字段-只读面板来设置字段在只读状态下的样式。

1. 排版:为字段中的内容设置排版样式。

2. 颜色:选择字段内数值的颜色。

3. 背景颜色:设置字段背景色。背景色默认为透明。

4. 对齐:设置内容的对齐方式。可选择左对齐、居中或者右对齐。

5. 内边距:设置字段的内边距。

6. 边框类型:选择边框类型,可选择:无边框、实线、双实线、点线、虚线、凹槽。

7. 边框半径:设置边框半径来控制圆角。

高级设置

控件的高级设置请参考:高级设置

Updated on 2022年11月21日

Was this article helpful?

Related Articles