进度条

进度条的原理很简单，就是按进度改变一个元件的宽度、高度或填充比例。进度条分为两种，横向和纵向的。

创建进度条

可以通过两种方式创建进度条组件。

• 点击主菜单“资源”->“新建进度条”，然后按照向导的提示一步步完成。

• 新建一个组件，然后在组件属性里选择扩展为“进度条”。

设计属性

在组件编辑状态下，进度条组件的属性面板是：

• 标题类型 如果组件内有名称为“title”的元件，则进度条可以显示一个表达当前进度的文字。

  • 百分比 显示当前进度的百分比，例如“88%”。
  • 当前值/最大值 例如“50/100”。
  • 当前值 例如“50”。
  • 最大值 例如“10000”。

• 反向对于横向的进度条，一般来说，进度越大，伸缩条越向右延伸，如果是反向的，则伸缩条右边缘固定，进度越大，伸缩条越往左延伸。

• 对于纵向的进度条，一般来说，进度越大，伸缩条越向下延伸，如果是反向的，则伸缩条底边缘固定，进度越大，伸缩条越往上延伸。比较以下两个进度条，第一个是正常的进度条，第二个是反向的。

命名约定

• bar 当进度改变时，改变“bar”对象的宽度。一般用于横向的进度条。注意：一定要设置bar对象的宽度为进度条处于最大值时的宽度。“bar”元件可以是任何类型，不限制于图片。

特别的，如果“bar”对象是具有特殊填充模式的图片或者装载器，进度改变时，将改变它的填充比例，而不是宽度。

• bar_v 当进度改变时，改变“bar_v”对象的高度。一般用于纵向的进度条。注意：一定要设置bar_v对象的高度为进度条处于最大值时的高度。“bar_v”元件可以是任何类型，不限制于图片。

特别的，如果“bar_v”对象是具有特殊填充模式的图片或者装载器，进度改变时，将改变它的填充比例，而不是宽度。

• title 可以是装载器，也可以是标签、按钮。用于显示进度的标题。显示的内容由“标题类型”决定。

• ani 是一个动画对象。当进度改变时，修改动画的帧索引等于进度值（0-100）。

可以利用关联做出效果更丰富的进度条组件，例如下面这个进度条，会动的小松鼠建立了一个和bar部件“右->右”的关联，这样当进度变化时，小松鼠也跟着动了。

实例属性

在舞台上选中一个进度条组件，右边的属性面板列表出现：

• 当前值 当前进度。

• 最大值 最大进度值。

GProgressBar

GProgressBar pb = gcom.GetChild("n1").asProgress;
pb.value = 50;
//如果想改变进度值有一个动态的过程
pb.TweenValue(50, 0.5f);