教程目的：
用图形的形式来表示数值的大小，让数值图像化，常应用于好感度、属性等等。下面闪闪来介绍一下数值条的具体用法。
具体步骤：
1. 点击【高级界面→“+”新增界面】
2. 在高级界面容器上方点击【选择界面组件→数值条】，插入一个数值条到容器上
3. 制作两张大小相同，颜色不同的图片并导入到本地素材（范例以制作遮挡式数值条为例）
4. 双击添加的数值条，进入数值条编辑界面。点击左侧导入的素材，单击，将空心底图设置成数值条的背景图，实心底图设置成数值条的前景图。（前景图是动态的，会随着数值的变化而变化；而背景图是固定显示的）
5. 点击下方设置区域的【数值条设置→参数设置】按钮
6. 选择数值条的变化方式，因为是特殊形状的数值条，所以这里变化方式要选择【遮挡】
7. 点击九宫格来设置数值条的变化方向
8. 设置上限数值和当前数值，首先在设置区域点击【数值设置→设置初始数值】更改下初始数值名称便于区分。这里芊芊把好感度【上限数值→横向值】设置成100，其他值均设置成【普通数值→芊芊好感度】
背景对应的数值就是上限值，前景对应的数值就是当前数值（鼠标可移动到【查看示例】查看示例）
前景图的高度=背景图高度×当前数值/上限数值（纵向值）
前景图的宽度=背景图宽度×当前数值/上限数值（横向值）
9. 设置好后，点击【返回上一级】，导入一张满屏960*540图片，替换容器底图，然后将数值条调整到需要放置的位置。（如需单独使用数值条，也可以直接右键点击数值条，勾选【显示在界面列表】插入到剧情中使用）
10. 在高级界面容器上方点击【选择界面组件→按钮】，添加一个关闭容器按钮，设置关闭当前组件操作
11. 点击右侧【组件库→添加组件→按钮】新建一个好感度按钮，点击左侧本地素材内制作好的按钮底图替换。然后点击右侧【事件→鼠标点击的时候→添加事件】设置点击打开数值条好感度界面事件
12. 设置完成后，点击右下角【保存→保存→返回舞台】，将【高级界面→好感度按钮】使用到作品剧情中，就完成整个数值条制作了
13. 最后，剧情内可以添加数值操作来查看效果哦~
注：规则图形的数值条设置方法同上，把【变化方式】调整成拉伸即可
整体的效果预览：
————————————————————教程结束————————————————————
学会了吗？小伙伴们可以多尝试些不同的用法哦~