进度栏-百分比之间的平滑过渡
尼古拉斯
我正在尝试编写自己的进度条，而我已经开始工作了。每次百分比值更改时，该栏也会更改，以便该栏显示正确的进度。
现在我的问题是，杠总是（当然）跳到下一个状态，并且它们之间没有平滑过渡。现在我的问题是，如何在两个阶段之间进行平稳过渡？
信息：我知道游戏的fpscount以及条的位置和比例。而且我正在用Java编程（我认为此信息是不必要的：P）
XCS
一个一般性的答案，而不是特定于语言的。
除了直接设置宽度外，您还可以增加每帧的宽度，直到达到所需的宽度/百分比为止。
假设您具有bar.setWidth(val)设置进度条宽度的功能。
让它作为您的更新循环（在60FPS）运行：
update {
...
...
double percentageLoaded; // this is your parameter probably
static const int incrementStep = 1; // increase this for faster animation
// Get the width of the bar for the current percentage
int desiredWidth = percentageLoaded * bar.totalWidth;
if(bar.currentWidth < desiredWidth) {
bar.currentWidth += incrementStep;
}
}
您还需要检查一下增量步数是否大于1。（例如：不要将条形宽度设置为大于100％）
这是一张小图，也许它可以帮助您更好地理解。在此示例中，增量步长为1px，钢筋宽度为4px，并且加载已设置为50%完成，这意味着钢筋2px的宽度应为。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
进度栏-百分比之间的平滑过渡
- 2
在某些百分比上禁用Bootstrap进度栏的平滑动画过渡
- 3
在某些百分比上禁用Bootstrap进度栏的平滑动画过渡
- 4
在某些百分比上禁用Bootstrap进度栏的平滑动画过渡
- 5
循环百分比进度栏
- 6
文件上传：完成进度百分比栏
- 7
CSS转换百分比（用于进度栏）
- 8
在TTK进度栏中显示百分比
- 9
将代码中进度的百分比传递给Jquery进度栏？
- 10
如何在进度栏中指示进度百分比？
- 11
CSS-具有不同进度百分比的多动画进度栏
- 12
计算HTML5画布径向进度栏中的点击百分比
- 13
使用百分比值更新进度栏？
- 14
带有持续时间和百分比的进度栏
- 15
在VB.net中按进度栏的特定百分比进行的事件
- 16
SVG进度圈百分比
- 17
ZK 显示进度百分比
- 18
单击进度栏时如何获得相应的百分比python3 gtk3
- 19
如何获取在表单标签内选中的复选框的计数并在进度栏中显示百分比？
- 20
如何用进度百分比更新$ ionicLoading？
- 21
进度条百分比与条对齐
- 22
计算并显示页面加载进度的百分比
- 23
如何使进度条百分比居中
- 24
用百分比显示进度条
- 25
带有百分比的SVG进度圈
- 26
如何计算百分比的文件下载进度？
- 27
进度条/重复性百分比？
- 28
Android显示RESTful API的进度百分比
- 29
引导进度条的百分比
我来说两句