Unity入门——UI界面

UI是在游戏上的显示页面，是让一些设置和数据在一些特定的地方摆放着，创建一个UI界面，要在 Hierarchy 中右键单击一个空白位置，或使用 Hierarchy 顶部的 Create 按钮，然后选择 UI > Canvas。这时侯在HIerarchy页面还会出现名为 EventSystem。这个是一个游戏对象以方便处理事件和UI交互，无论是否调用该对象，都需放在界面，否则画布会警告。
点开canvas，我们要ui有三个模式
Screen Space - Overlay：这是默认模式，可以让 Unity 在始终在游戏的上层绘制 UI。大多数应用程序使用此模式，因为它们希望 UI 始终位于最上层以便提供所有信息。
Screen Space - Camera：这种模式在与摄像机对齐的平面上绘制 UI。平面的大小确定为始终填充整个屏幕，这样你就可以四处移动摄像机，并且平面将随摄像机一起移动，从而显示与 Overlay 图形相同的形状。但是，由于平面是在世界中绘制的，而不是在屏幕上层绘制的，因此世界中的对象可以绘制在 UI 的上层。
World Space：这种模式可在世界中的任何位置绘制平面。例如，你可以将此平面用作游戏中的计算机屏幕，或者用作墙壁，或者放在角色的上层。这在 3D 游戏中更有用，因为 UI 会随着距离变小。
如果使用第一个模式，无论我们屏幕是多大，UI不会去适应屏幕大小而改变，如果屏幕很小，就会占很大空间，而第二个模式则不会因为屏幕大小变化而变化，他是等比例的放在特定区域。
通过修改这里参数，可以让我们的UI界面有一定的参考点（瞄点），保持和他的距离，再通过父子级的关系，确定整体的位置

在这里添加原图像，如果导入的图片长宽比例不和原图片一样，需点击右下角的设置原生大小，点击矩形工具，长按shift，调整大小。
如要设置血条，我们可以通过设置血量条的拉伸长度来改变血量的多少。再通过脚本来改变血量。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class UIHealthBar : MonoBehaviour
{public static UIHealthBar instance { get; private set; }public Image mask;float originalSize;void Awake(){instance = this;}void Start(){originalSize = mask.rectTransform.rect.width;}public void SetValue(float value){mask.rectTransform.SetSizeWithCurrentAnchors(RectTransform.Axis.Horizontal, originalSize * value);}
}

使用 rect.width 获取屏幕上的大小和使用 SetSizeWithCurrentAnchors 从代码中设置大小和锚点，make来控制血量条在血量槽里遮掩的体积。

Unity入门——UI界面相关推荐

Unity中UI界面颤抖解决方法
Unity中UI界面颤抖解决方法参考文章: (1)Unity中UI界面颤抖解决方法 (2)https://www.cnblogs.com/Study088/p/7290909.html 备忘一下.
unity中ui界面介绍
unity中ui界面的介绍 ui 又称gui,它比较适合做一些简单的界面. 可以在层级视图中右键单击就会出现很多选项卡,其中有一个就是ui单击就会出现如上图片中的内容 1.text: 这就是一个文本输 ...
unity中UI界面的一些动画实现总结
在做unity的ui界面的时候,美术通常会实现一些动画效果.这里列举几个: 1.位置的变化 2.旋转的变化 3.缩放的变化 4.alpha的变化 5.颜色的变化我们举一个例子: 位置的变化: (1) ...
【Unity实战100例】Unity循环UI界面切换卡片功能
目录编辑一:制作UI界面二:代码逻辑 1.定义基础变量
unity在UI界面上展示旋转模型
1.创建一个Raw Image用来在UI界面进行显示模型 2.将图片在界面调整到合适位置,根据自己的需要进行调整 3.在Assets文件夹下创建"渲染器纹理" 后面如果觉得显示不够 ...
【Unity】UI界面展示3D模型
方法一: 场景中同时使用2个相机,UI相机渲染UI输出到屏幕,3D相机将3D物体渲染到RenderTexture,也显示在UI,通过UI输出到屏幕. 使用RenderTexture.RawImage作 ...
unity在UI界面画线
我软件中的需求是,鼠标点击二维界面的位置要生成两个点,然后要在两个点直接连线.因此,我在我函数中传入两个GameObject(需要连线的两个点),然后返回出线的长度和需要旋转的方向.(PS:我的线是挂 ...
Unity UI界面的设计（完整版）
目录一.初始界面开始关于切换操作方式菜单界面完整代码二.游戏界面帮助重新开始游戏音乐的开关退出游戏返回菜单调节音量游戏界面完整代码一.初始界面点击"关于&quo ...
【Unity使用UGUI实现王者荣耀UI界面（四）】游戏开始界面
文章目录 [Unity使用UGUI实现王者荣耀UI界面(四)]游戏开始界面 1. 把一些重复的UI添加 2. 开始游戏按钮 3. 注销按钮 4. 完成 5. 打包 6. 打包完成内容简介章节 ...

Unity入门——UI界面

Unity入门——UI界面相关推荐

最新文章

热门文章