FullscreenButton

FullscreenButton是cesiumjs中的一个按钮控件，可用于实现全屏显示场景的功能。

导入

import { FullscreenButton } from 'cesium';

构造函数

new FullscreenButton(viewer.container)

• viewer.container (Element) - Viewer的容器元素。

方法

destroy()

销毁控件。

isDestroyed()

控件是否已销毁。

getElement()

获取控件的DOM元素。

事件

以下事件可通过 viewer.fullscreenButton.viewModel 进行监听。

fullScreenChange

全屏状态改变时触发。

vrChange

VR状态改变时触发。

durationMessage

在退出全屏或VR模式时显示的消息内容。

ViewModel

FullscreenButton 还提供了 viewModel 属性，可用于获取和设置控件的视图模型。

属性

以下属性可供获取或设置。

• command - 命令对象。
• isFullscreen - 是否处于全屏模式。
• isVREnabled - 是否启用VR模式。
• tooltip - 提示信息。
• durationMessage - 在退出全屏或VR模式时显示的消息内容。

事件

以下事件可供监听。

• fullScreenChangeEvent - isFullscreen 属性改变时触发。
• vrChangeEvent - isVREnabled 属性改变时触发。
• durationMessageChangeEvent - durationMessage 属性改变时触发。

样式

可以通过以下CSS类来自定义控件的样式。

• cesium-fullscreenButton - 控件的根元素。
• cesium-fullscreenButton-tooltip - 提示信息的样式。
• cesium-fullscreenButton-icon - 控件的图标样式。

示例

import { Viewer, FullscreenButton } from 'cesium';

const viewer = new Viewer('cesiumContainer');

const fullscreenButton = new FullscreenButton(viewer.container);
viewer.ui.add(fullscreenButton, {
  index: 0
});