随笔
主页
  • 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
      • 属性
      • Constant Pixel Size
      • Scale With Screen Size
      • Constant Physical Size
      • World Space Canvas
    • 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

Canvas Scaler

# Canvas Scaler(画布缩放器)

画布缩放器组件用于控制画布中 UI 元素的整体缩放和像素密度。此缩放会影响画布下的所有内容,包括字体大小和图像边框。

# 属性

  • UI Scale Mode: UI 元素的缩放方式。
    • Constant Pixel Size: 无论屏幕大小如何,UI 元素都保持相同的像素大小。
    • Scale With Screen Size: 屏幕越大,UI 元素越大。
    • Constant Physical Size: 无论屏幕大小和分辨率如何,UI 元素都保持相同的物理大小。

# Constant Pixel Size

使用 Constant Pixel Size 模式时,可在屏幕上按像素指定 UI 元素的位置和大小。这也是画布在未附加任何画布缩放器时的默认功能。但是,借助画布缩放器中的Scale Factor设置,可以向画布中的所有 UI 元素应用常量缩放。

属性

  • Scale Factor: 按此系数缩放画布中的所有 UI 元素。
  • Reference Pixels Per Unit: 如果精灵具有此Pixels Per Unit”设置,则精灵中的每个像素将覆盖UI` 中的一个单位。

# Scale With Screen Size

使用 Scale With Screen Size 模式时,可以根据指定参考分辨率的像素来指定位置和大小。如果当前屏幕分辨率大于参考分辨率,则画布会保持只具有参考分辨率的分辨率,但是会放大以便适应屏幕。如果当前屏幕分辨率小于参考分辨率,则画布会相应缩小以适应屏幕。

如果当前屏幕分辨率的宽高比与参考分辨率不同,则单独缩放每个轴以适应屏幕会形成非一致缩放,通常不希望发生这种情况。相反,ReferenceResolution 组件会使画布分辨率偏离参考分辨率,以便遵循屏幕的宽高比。可以使用 Screen Match Mode 设置控制此偏离的行为方式。

属性

  • Reference Resolution: UI 布局设计的目标分辨率。如果屏幕分辨率较大,则 UI 会放大,如果较小,则 UI 会缩小。

  • Screen Match Mode: 在当前分辨率的宽高比不适应参考分辨率时,用于缩放画布区域的模式。

    • Match Width or Height: 以宽度、高度或二者的某种平均值作为参考来缩放画布区域。

    • Expand: 水平或垂直扩展画布区域,使画布不会小于参考。

    • Shrink: 水平或垂直裁剪画布区域,使画布不会大于参考。

  • Matc: 确定是否以宽度、高度或二者的某种平均值作为参考进行缩放。

  • Reference Pixels Per Unit: 如果精灵具有此Pixels Per Unit”设置,则精灵中的每个像素将覆盖UI` 中的一个单位。

# Constant Physical Size

使用 Constant Physical Size 模式时,可按物理单位(如毫米、点或派卡)指定 UI 元素的位置和大小。此模式要求设备正确报告其屏幕 DPI。对于不报告 DPI 的设备,可以指定回退 DPI。

属性

  • Physical Unit: 用于指定位置和大小的物理单位。

  • Fallback Screen DPI: 在屏幕 DPI 未知时采用的 DPI。

  • Default Sprite DPI: 用于精灵的每英寸像素,使其Pixels Per Unit设置与Reference Pixels Per Unit设置匹配。

  • Reference Pixels Per Unit: 如果精灵具有此Pixels Per Unit设置,则其 DPI 将与Default Sprite DPI设置匹配。

# World Space Canvas

对于设置为World Space的画布,可以使用画布缩放器来控制画布中 UI 元素的像素密度。

属性

  • Dynamic Pixels Per Unit: 用于 UI 中动态创建的位图(如文本)的每单位像素量。
  • Reference Pixels Per Unit: 如果精灵具有此Pixels Per Unit设置,则精灵中的每个像素将覆盖世界中的一个单位。如果Reference Pixels Per Unit设置为 1,则精灵中的Pixels Per Unit设置将按原样使用。
#ugui
Canvas
Canvas Groups

← Canvas Canvas Groups→

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