mrtk_developmentreleases/2.0.0releases/2.1.0releases/2.2.0
  • 指南
  • API 文档
  • 指南
  • 功能概述
  • UX 构建模块
  • 滑动条 Slider

    Show / Hide Table of Contents
    • MRTK入门
      • 发布说明
      • MRTK包内容
      • 从早期版本更新
      • 从HTK更新
      • 生成和部署MRTK
      • NuGet包
      • MRTK配置对话框
      • 开始使用 MRTK和XR SDK
      • 性能
      • 全息图稳定
      • 在大型项目中使用MRTK
    • 架构
      • 概述
      • 框架和运行时
      • 输入系统
        • 术语
        • 核心系统
        • Controllers, pointers, and focus
      • 系统,扩展服务和 data providers
    • 功能概述
      • 边界系统 Boundary System
        • 边界系统概述
        • 配置边界可视化
      • 相机系统 Camera System
        • 相机系统概述
        • Camera Settings Providers
          • Windows 混合现实相机设置
          • Unity AR相机设置[实验性]
          • 创建camera settings provider
      • 跨平台支持
        • 为iOS和Android配置MRTK
      • 检测平台能力
      • 诊断系统 Diagnostics System
        • 诊断系统概述
        • 配置诊断系统
        • 使用可视化分析器
      • 扩展服务 Extension Services
        • 扩展服务创建向导
        • 场景过渡服务概述
      • 输入系统 Input System
        • 输入概览
        • 输入动作 Input Actions
        • 输入事件 Input Events
        • Input Providers
          • Input Providers 概述
          • 创建一个 input data provider
        • 控制器 Controllers
        • 眼动跟踪 Eyes
          • 概述
          • 入门
          • 通过代码访问数据
          • 验证跟踪校准 Validate Tracking Calibration
        • 凝视 Gaze
        • 手势 Gestures
        • 手部 Hands
        • 如何添加近距离交互 Near Interaction
        • 编辑器内输入模拟 In-Editor Input Simulation
        • 指针 Pointers
        • 语音输入 Voice Input
          • 语音转录 Dictation
          • 语音(命令和控制) Speech
      • 多场景系统 Multi Scene System
        • 多场景系统概述
        • 场景类型 Scene Types
        • 内容场景加载 Content Scene Loading
        • 监测内容加载 Monitoring Content Loading
        • 光照场景操作 Lighting Scene Operations
      • 打包 Packaging
        • MRTK包 MRTK Packages
        • MRTK模块化 MRTK Modularization
      • 配置文件 Profiles
        • 配置文件概述
        • 配置指南 Configuration Guide
      • 渲染 Rendering
        • 材质实例概述 Material Instance Overview
        • Shaders
          • MRTK标准着色器 MRTK Standard Shader
      • 服务 Services
        • 什么是混合现实特性
        • 什么是 MixedRealityServiceRegistry 和IMixedRealityServiceRegistrar
        • 扩展服务 Extension services
      • 空间感知系统 Spatial Awareness System
        • 空间感知概述
        • Spatial Observers
          • 为设备配置 Observers
          • 为Editor配置 Observers
          • 通过代码控制 Observers
          • 创建自定义 Observer
      • 传送系统概述 Teleport System Overview
      • 工具
        • Dependency Window
        • Extension Service Creation Wizard
        • Holographic Remoting
        • Input Animation Recording
          • Input Animation File Format Specification
        • Optimize Window
        • Runtime tools
          • Controller Mapping tool
      • UX 构建模块
        • 工具箱窗口 Toolbox Window
        • 按钮 Button
        • 边界框 Bounding Box
        • 对象操纵器 Object Manipulator
        • Manipulation Handler [废弃]
        • Slate
        • 系统键盘 System Keyboard
        • 可交互的 Interactable
        • Solvers
          • 点击放置 Tap to Place
        • 对象集合 Object Collection
        • 提示工具条 Tooltips
        • 滑动条 Slider
        • 手部菜单 Hand Menu
        • 近处菜单 Near Menu
        • 应用程序栏 App Bar
        • 指尖可视化 Fingertip Visualization
        • 进度指示器 Progress Indicator
        • 对话框 Dialog [实验性]
        • 手势教学 Hand Coach [实验性]
        • 可滚动对象集合 Scrolling Object Collection [实验性]
        • 脉冲着色器 Pulse Shader [实验性]
        • 停靠控件 Dock Control [实验性]
        • HoloLens键盘助手 [实验性]
      • 示例场景
        • 示例中心
        • 手势交互示例场景
        • 眼动跟踪示例场景
    • Contributing
      • Contributing Overview
      • Coding Guidelines
      • Writing and Running Tests
      • Writing Documentation
      • Pull Requests
      • Experimental Features
      • Breaking Changes
      • How to use DocFX
    • Planning
      • Roadmap
    • Notice
    • Authors

    滑动条 Sliders

    Slider example

    滑动条是一种UI组件,它允许您通过在轨道上移动滑动条来不断地更改值。目前,按压滑动条(Pinch Slider)可以通过直接抓取滑动条来移动,可以是直接的,也可以是远距离的。滑动器可用于AR和VR,使用动作控制器、手或手势+语音。

    示例场景

    你可以在SliderExample场景中找到例子: MixedRealityToolkit.Examples/Demos/UX/Slider/Scenes/

    如何使用滑动条

    将预置的PinchSlider拖放到场景hierarchy中。如果您想修改或创建自己的滑动条,请记住执行以下操作:

    • 确保你的拇指对象上有一个碰撞器。在PinchSlider预置体中,碰撞器在SliderThumb/Button_AnimationContainer/Slider_Button上

    • 确保包含碰撞器的对象也有一个Near Interaction Grabbable 组件,如果你想能够抓取附近的滑动条。

    我们还建议使用以下层次结构

    • PinchSlider - 包含 sliderComponent
      • SliderThumb - 包含 movable thumb
      • TrackVisuals - 包含 track 和任何其它 visuals
      • OtherVisuals - 包含任何其它visuals

    滑动事件

    滑动条显示以下事件:

    • OnValueUpdated - 每当滑动条值改变时调用
    • OnInteractionStarted - 当用户抓取滑动条时调用
    • OnInteractionEnded - 在用户释放滑动条时调用
    • OnHoverEntered - 当用户的手/控制器悬停在滑动条上时调用,使用远近交互。
    • OnHoverExited - 当用户的手/控制器不再靠近滑动条时调用。

    配置滑动条绑定和轴

    通过在场景中移动两端端点,可以直接移动滑动条的起始点和结束点:

    Sliders Config

    您还可以通过 Slider Axis 字段指定滑动条的轴(在本地空间中)

    如果不能使用端点,则可以通过 Slider Start Distance 和 Slider End Distance 字段指定滑动条的起始点和结束点。它们指定滑动条的开始/结束位置,距离为到滑动条中心的距离,在本地坐标中。这意味着一旦你设置了滑动条开始和结束的距离,你可以缩放滑动条的大小,而不需要更新开始和结束的距离。

    Inspector 属性

    Thumb Root包含滑动条拇指的游戏对象。

    Slider Value滑动条的值。

    Track Visuals 它包含了沿着滑动条运行所需的Track Visuals的游戏对象。

    Tick Marks 游戏对象,包含所需的标记,沿着滑动条。 Thumb Visuals 游戏对象,包含所需的拇指视觉沿着滑动条。

    Slider Axis 滑动条移动的轴。 Slider Start Distance 滑动条轨迹开始的地方,为从中心沿滑动条轴的距离,在本地空间单位中。 Slider End Distance 在本地空间单位中,滑动条轨迹结束的位置,为从中心到滑动条轴线的距离。

    当用户在编辑器中更新滑动条轴值时,如果指定了跟踪可视化(Track Visuals)或刻度可视化(Tick Visuals),则它们的transform将被更新。 具体来说,它们的本地位置被重置,它们的本地旋转被设置为匹配滑动条轴的方向。 它们的比例没有被修改。 如果标记具有Grid Object Collection 组件,那么布局和单元格宽度或单元格高度将相应地更新以匹配滑动条轴。

    • Improve this Doc
    In This Article
    • 示例场景
    • 如何使用滑动条
    • 滑动事件
    • 配置滑动条绑定和轴
    • Inspector 属性
    Back to top Generated by DocFX