unity UGUI学习

1. 基本组件

1.1 canvas

  • canvas画布中的pixel perfect(像素对齐),点击能与屏幕适配。
    在这里插入图片描述
  • render mode有三种模式。
    第一种表示不需要任何摄像机,canvas将会在所有场景最前面。
    第二种表示需要摄像机。
    第三种表示3D摄像机。对画布旋转,会有3D效果。
    在这里插入图片描述

1.2 image

1.2.1 快捷操作

  • 将图像等比例放大,可以按住shift拉伸。
  • 按住alt,能让图像对称缩放。
  • 鼠标移动到点的外面,能进行旋转。

1.2.2 属性面板

  • 要先把图片的texture type 选择为sprite,才适合UI。
    在这里插入图片描述
  • image type中有四种模式。
    simple就是图片原本样式。
    sliced表示九宫格。
    Tiled表示重复平铺。
    Filled表示填充。
    在这里插入图片描述

1.2.3 控件

  • image中添加scroll控件,可以让image中的文本上下滚动。
  • mask控件能隐藏超出image的多余的文本。

1.3 button

  • 勾选button属性的interactable,button会失效。
  • button里面背景图进行sprite进行编辑,九宫格(缩放图片就只有九宫格线框选中的部分会放大或缩小)
  • 选择sliced

1.3.1 button事件交互

  • button事件的内部原理是c#中的委托和事件
  • 在button的属性面板On Click()可以添加事件。
  • 一个button按钮可以触发多个事件。

在这里插入图片描述

  • Object是添加游戏物体,function是添加函数。在这里插入图片描述

1.4 text

  • text中的wrap属性是自动换行
    在这里插入图片描述

1.4.1 控件

  • outline能给文字添加外边框。

1.5 toggle

  • toggle可以做单选框、多选框。
  • 可以把多个单选框放在一个gameobject物体中,点击里面的toggle属性,多个里面就只能选择一个了。

1.6 slider

  • 滑动条
  • 把slider的里面的属性interactable勾选,就不能滑动了,只能做进度条了
  • fill是滑动条,handle是游标。
  • 控制handle的value值可以控制游标在滑动条的位置。
  • Background(红色部分)控制滑动条后面背景,fill是前面背景(白色部分)。

在这里插入图片描述

1. 7 scrollbar

  • 滚动条

1. 8 scrollbar

RawImage控件:用于显示Texture(纹理)类型的图片,常用于(不仅限于)显示网络图片。
还有一种用法是,映射一个摄像机的画面。

RawImage和Image的区别:
Image控件用于显示Sprite类型的图片
RawImage控件用于显示Texture类型图片

2. 基础知识

  • game模式中会有横线,游戏发布的时候并不会出现,只是辅助开发者。如果不想再game模式中看到,点击gizmos能不显示。
  • 脚本中要用到UI组件的时候,命名空间要加上using UnityEngine.UI.

3. 布局

  • 选择component中的layout的grip layout group能对游戏物体进行布局设置;
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章