随笔
主页
  • Unity
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
  • 数据库

    • Redis
  • Html 文档
  • CSS 文档
  • Vue 文档
  • TypeScript
  • Golang
  • 版本控制

    • Git 文档
    • Svn 文档
  • 技术文档

    • Markdown语法
    • GitHub技巧
    • Nodejs
  • 分类
  • 标签
  • 时间线
  • 目录结构
  • 配置和约定
  • 主题配置
  • 首页配置
  • front matter
  • 目录页配置
  • 摘要
  • 主题颜色
  • 评论栏
  • Markdown扩展
GitHub
主页
  • Unity
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
  • 数据库

    • Redis
  • Html 文档
  • CSS 文档
  • Vue 文档
  • TypeScript
  • Golang
  • 版本控制

    • Git 文档
    • Svn 文档
  • 技术文档

    • Markdown语法
    • GitHub技巧
    • Nodejs
  • 分类
  • 标签
  • 时间线
  • 目录结构
  • 配置和约定
  • 主题配置
  • 首页配置
  • front matter
  • 目录页配置
  • 摘要
  • 主题颜色
  • 评论栏
  • Markdown扩展
GitHub
  • 基础

  • 资源导入

  • 2D

  • Physical2D

  • UGUI

    • Canvas
    • Canvas Scaler
    • Canvas Groups
    • Rect Transform
    • Text
    • Text Mesh Pro Text
    • Image
    • Raw Image
    • Mask
    • Rect Mask 2D
    • Selectable
    • UI Effect
    • Button
    • Toggle
    • Toggle Group
    • Slider
    • Scrollbar
    • Dropdown
    • Input Field
    • Scroll Rect
      • 属性
      • 提示
    • Auto Layout
    • Rich Text
    • Events System
  • Animation

  • Animator

  • Unity
  • UGUI
dong
2021-01-16

Scroll Rect

# Scroll Rect (滚动矩形)

# 属性

  • Content: 内容,滚动的 UI 元素(例如大型图像)的矩形变换的引用

  • Horizontal: 是否启用水平滚动

  • Vertical: 是否启用垂直滚动

  • Movement Type: 使用Elastic或Clamped可强制内容保持在滚动矩形的边界内。Elastic模式在内容到达滚动矩形边缘时弹回内容

  • Unrestricted: 不受限制

  • Elastic: 弹性, 这是弹性模式中使用的反弹量

  • Clamped: 钳制

  • Elasticity: 弹性, Movement Type为Elastic开启

  • Inertia: 是否启用惯性,如果设置 Inertia,则拖动指针再松开时内容将继续移动。如果未设置 Inertia,则只有进行拖动时内容才移动

  • Deceleration Rate: 减速率(Deceleration Rate) ,决定了内容停止移动的速度。速率为 0 将立即停止移动。值为 1 表示移动永不减速。

  • Scorll Sensitivity: 滚动灵敏度

  • Viewport: 内容矩形变换父项的视口矩形变换的引用。

  • Horizontal Scrollbar: 水平滚动条元素(Scrollbar类型)

  • Visibility: 滚动条是否应在不需要时自动隐藏以及(可选)是否还展开视口。

    • Permanent: 永久
    • Auto Hide: 自动隐藏
    • Auto Hide And Expand Viewport: 自动隐藏并展开视口
  • Spacing: 滚动条与视口之间的空间。

  • Vertical Scrollbar: 水平滚动条元素(Scrollbar类型)

  • Visibility: 滚动条是否应在不需要时自动隐藏以及(可选)是否还展开视口。

    • Permanent: 永久
    • Auto Hide: 自动隐藏
    • Auto Hide And Expand Viewport: 自动隐藏并展开视口
  • Spacing: 滚动条与视口之间的空间。

  • On Value Changed: 滚动矩形的滚动位置发生变化时调用的 UnityEvent。该事件可将当前滚动位置作为 Vector2 类型动态参数发送。

# 提示

使用内容 RectTransform 的轴心和锚点可以确定内容伸缩时在滚动视图内的对齐方式。如果内容应与顶部保持对齐,请将锚点设置为父项的顶部,并将轴心设置为顶部位置。

#ugui
Input Field
Auto Layout

← Input Field Auto Layout→

Theme by Vdoing | Copyright © 2021-2023 Evan Dong MIT License | 粤ICP备2021052092号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×