Cesium API翻译之Animation

Animation(动画)

方法

new Cesium.Animation(container, viewModel)

动画小部件提供按钮来播放,暂停,并扭转,以及 当前的时间和日期,周围环绕着“航天飞机环”控制动画的速度。

“航天飞机环”概念是借用视频编辑,典型的地方 “慢跑轮”可以旋转移动过去个人动画帧很慢,和 航天飞机周围环可以扭曲来控制方向和速度的快速播放。 Cesium通常将时间视为连续(不是分为预定义的动画帧), 所以这个小部件提供没有慢跑轮。 相反,能够快速和航天飞机的戒指 非常缓慢的播放。 单击并拖动航天飞机环指针本身在绿色(如上所示), 或者点击其余的环地区推动指针指向下一个预设速度的方向。

动画小部件还提供了一个“实时”按钮(左上角) 动画时间与最终用户的系统时钟同步,通常显示 “今天”或“现在。 “这种模式不可用 ClockRange.CLAMPED 或 ClockRange.LOOP_STOP 如果当前时间以外的方式 Clock 的开始时间和endTime。

NAME	类型	描述
container	元素|字符串	DOM元素或ID将包含小部件。
viewModel	AnimationViewModel	这个小部件使用的视图模型。

抛出:

• DeveloperError :元素id“容器”文档中并不存在。

例子:

 按照原文的意思是应该先要在html head里引入css格式文件，并在body里面创建一个div

include a link to Animation.css stylesheet

<div id="animationContainer"></div>

var clock = new Cesium.Clock();
var clockViewModel = new Cesium.ClockViewModel(clock);
var viewModel = new Cesium.AnimationViewModel(clockViewModel);
var widget = new Cesium.Animation('animationContainer', viewModel);

function tick() {
    clock.tick();
    Cesium.requestAnimationFrame(tick);
}
Cesium.requestAnimationFrame(tick);

成员

只读的容器: Container 元素

部件/动画/动画。 js 581

获取父容器。

只读的视图模型:AnimationViewModel

部件/动画/动画。 js 594

视图模型。

方法

applyThemeChanges()

部件/动画/动画。 js 698

更新部件来反映主题的任何修改CSS规则。

例子:

//Switch to the cesium-lighter theme.
document.body.className = 'cesium-lighter';
animation.applyThemeChanges();

摧毁()

部件/动画/动画。 js 612

破坏了动画小部件。 应该被称为永久吗 删除小部件的布局。

isDestroyed()→布尔

部件/动画/动画。 js 604

返回:

真的如果对象已被摧毁,假的。

调整()

部件/动画/动画。 js 646

尺寸小部件容器的大小相匹配。 这个函数应该被称为每当容器大小改变。