Unity入门-UGUI详解-画布

快速导航

  • UI组件

    • 画布

    • 图片

    • 文本

    • 按钮

    • 单选框

    • 滑动条

    • 滚动条

    • 下拉菜单

    • 输入框

    • 视频播放

  • 控制组件

    • 矩形变换组件
    • 布局元素组件
    • 布局控制组件
  • UI事件

  • 图集

  • 渲染顺序

1. 画布

1.1 简介

画布组件是UI渲染最主要的组件。

我们可以将画布组件理解成一个容器,其他UI元素都必须填充到该容器中,最终形成我们看到的一个UI界面。

如果场景中没有画布,那么我们创建任何一个UI元素,都会自动创建画布,并且将新元素置于其下。

因此可以游戏中用到画布组件的地方均可以作为一个独立的游戏界面。

当容器的渲染属性发生改变时,所有子物体均会受到影响。

1.2 特点

  • 只有放在画布组件下的子物体才会参与UI的渲染。
  • 形状大小取决于屏幕分辨率, 创建出来的画布组件是一个矩形,我们可以修改Game窗口的分辨率选项来修改矩形的大小。

窗口分辨率默认设置为Free Aspect我们可以把它切换成90像素x1080像素这样具体数值的分辨率,这样我们的界面就不容易易出现变形。

  • 子物体的渲染层级取决于UI元素在层次结构中出现的顺序
    两个UI元素在位置上重叠,层级结构下方的UI元素会遮挡上方的UI元素

1.3 渲染模式

三种渲染模式的区别:

渲染模式 画布对应屏幕 摄像机 像素对应 适合类型
Screen Space-Overlay 不需要 可选 2D UI
Screen Space-Camera 需要 可选 2D UI
World Space 需要 不可选 3D UI

1.3.1 覆盖渲染模式

Screen Space-Overlay(屏幕控件-覆盖模式)的画布会填满整个屏幕空间,并将画布下面的所有的UI元素置于屏幕的最上层,或者说画布的画面永远“覆盖”其他普通的3D画面

  • 3
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值