响应式 (Responsiveness)

realvirtual.io 设计为可在各种设备上运行,包括 PC、移动设备、WebGL 和不同屏幕分辨率。在这些平台上实现响应式和自适应 UI 可能具有挑战性。为此,realvirtual.io 包含特殊的缩放器脚本来自动处理不同的屏幕尺寸和分辨率。您可以根据特殊的应用需求调整设置。

响应式 UI 的缩放器脚本

工具栏缩放器 (Toolbar Scaler)

工具栏缩放器确保工具栏根据屏幕尺寸和平台正确缩放。

  • 动态调整工具栏高度和比例
  • 处理不同屏幕分辨率的缩放,确保 UI 元素保持可访问。
  • 平台特定的停用:
    • 允许在需要时为 Linux、Windows 和 WebGL 禁用元素。
工具栏缩放器

覆盖按钮缩放器 (Overlay Button Scaler)

覆盖按钮缩放器用于右侧的覆盖按钮。

  • 根据屏幕尺寸动态缩放 UI 按钮。
  • 为不同屏幕分辨率提供自定义宽度和高度设置。
  • 支持基于平台的 UI 调整(例如 Android、iOS、WebGL 的不同行为)。
覆盖按钮缩放器