Unity--UGUI创建基本的UI

这篇具有很好参考价值的文章主要介绍了Unity--UGUI创建基本的UI。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

随着UI系统的引入,已添加了新组件,这些组件将有助于创建特定于GUI的功能。其中一些元素包括文本,图像,按钮等。在本教程中,您将学习创建和使用基本UI。

1.创建基本的UI

通过Unity的用户界面(UI)系统,可以控制诸如:文本,图像,按钮和其他用户控件之类的元素,这些元素将为用户添加功能,但是在创建任务元素之前,必须将他们添加在画布中。

2.创建文字

文本组件具有用于输入显示文本的区域,可以设置字体,字体的样式,字体大小以及文本是否具有富文本功能。有用于设置文本对齐方式的选项,用于水平和垂直溢出的设置(用于控制如果文本大于矩形的宽度和高度时会发生的情况)已经用于调整文本大小以适合可用的空间的最佳匹配选项

2.1.在Hierarchy面板中 右键 -> UI ->Canvas;

2.2.在Hierarchy面板中右键 -> UI ->Text

2.3.在文本框中更改文本

2.4.可以使用 Font 选项 更换字体

2.5.修改字体的参数以及更改大小,对齐方式和颜色

unityui界面教程,unity教程,unity,ui,游戏引擎

UI Text参数

3.导入UI图像

用于UI组件的图像称为Sprites. 最初导入时,被标记为默认纹理类型,Sprite提供了对2D项目和UI有用的额外功能

3.1 在项目中选择2D -> Texture

3.2 在Inspector中,将纹理类型更改为精灵(2D和UI)

unityui界面教程,unity教程,unity,ui,游戏引擎

纹理类型设置为Sprite(2D和UI)

4.创建UI图像

图像具有Rect变化组件和Image组件,可以将Sprite应用于目标图形字段下的图像组件,并且可以在颜色字段中设置其颜色。材质也可以将用于图像组件,图像类型字段定义Sprite的显示方式 。选项包括:

简单:平等的缩放整个sprite

切片:使用3*3 分割sprite,因此调整大小不会使边角变形,而仅拉伸中心部分

平铺:平铺不是拉伸,对于没有边界的精灵,将整个精灵平铺

填充:已与简单相同的方式显示sprite,不同之处在于他从原点按定义的方向,方法和数 量填充的sprite

要创建的UI图像:

4.1在层级结构中创建画布

4.2 UI -> Sprite

4.3 将源图像更改为所需的图像

unityui界面教程,unity教程,unity,ui,游戏引擎

有多种UI元素可用于创建自己的用户界面,尝试使用文本和图像创建基本的UI布局文章来源地址https://www.toymoban.com/news/detail-848761.html

到了这里,关于Unity--UGUI创建基本的UI的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【UGUI】学会Unity中UGUI中UI元素自适应问题

    彻底学会Unity中UGUI中UI元素自适应问题 官方介绍:设计用于多种分辨率的 UI - Unity 手册 所所谓自适应就是画面元素跟随屏幕分辨率的改变而保持相对位置或者自身像素同步改变! 屏幕分辨率自适应:依靠画布缩放器组件完成 相对位置:依靠锚点位置完成,锚点主要负责保持

    2024年02月04日
    浏览(29)
  • Unity(三)--导入3d模型并实现UGUI界面上嵌入3d模型

    Unity支持的常用模型格式及建模软件: 格式 建模软件 网格 动画 材质 骨骼 FBX 3DMax,C4D,Blender,Maya等 √ √ √ √ OBJ 3DMax,C4D,Blender,Maya等 √ 以FBX为例,将其拖入Assets中: 能看到对应对象的材质和组合都出现在这里 拖入对象中

    2024年02月07日
    浏览(28)
  • Unity UGUI事件输入,点击UI无反应

    之前被一个特别低级的UI点击问题卡了好久,记录一下,避免之后再犯同样的错误。 UI事件输入未接受到的原因无非就几个,一一排查总能找到原因。 1、若是直接使用的unity组件中的按钮,但是点击按钮没有反应。         1)查找是否被其他UI遮挡         2)查找是否接收

    2024年04月13日
    浏览(36)
  • Unity UGUI之InputField(TMP)基本了解

    Unity的InputField组件是用于在Unity中创建可供用户输入文本的输入框的UI组件。通过InputField组件,可以让用户在运行时输入文本,比如用户名、密码、搜索等。其中TMP版本的InputField是基于TextMeshPro的InputField组件,提供了更多的文本渲染功能和样式设置。 1、如下图,为I

    2024年03月24日
    浏览(47)
  • 【unity插件】Shader实现UGUI的特效——UIEffect为 Unity UI 提供视觉效果组件

    一般的shader无法直接使用在UI上,需要在shader中定义特定的面板参数,今天就来推荐github上大佬做的一套开源的一系列UGUI,Shader实现的特效——UIEffect 为 Unity UI 提供视觉效果组件。 https://github.com/Ankh4396/UIEffect 让我们用效果来装饰你的UI!您可以根据需要从脚本和检查器中控

    2024年02月04日
    浏览(35)
  • Unity UGUI一键绑定UI控件工具(编辑器拓展)

    全为一键生成 实现自动生成代码绑定UI控件 并生成字典保存UI控件 减少自己拖拽 和手动书写过程 适用动态加载面板 建议搭配UI框架使用 根据当前选中的gameobject 查找其下方是否有对应类型的控件 有就保存到字典中 然后通过向上递归拼凑地址,然后生成到粘贴板 直接粘贴到目

    2024年04月23日
    浏览(49)
  • Unity中UI方案。IMGUI、UIElement、UGUI、NGUI

    引言         unity中有很多ui方案,各种方案有什么优势劣势,这里一一列举一下,知识扩充一下。 UI方案 适用范围 IMGUI 仅用于Editor扩展,或运行时Debug UIElement 可用于发布运行时和Editor UGUI Runtime,两大主流 UI 解决方案之一 NGUI Runtime,两大主流 UI 解决方案之一,现已较少

    2024年02月09日
    浏览(43)
  • Unity3D学习之UI系统——UGUI

    3.2.1 Screen Space -Overlay 覆盖模式 3.2.2 Screen Space - Camera 摄像机模式 创建专门的摄像机渲染UI 并让主摄像机不渲染UI层 3.2.3 World Space 宽高 * 缩放系数 = UI界面大小 参考分辨率 图片格式要改为Sprite 恒定像素模式计算公式 会根据当前分辨率 和 参考分辨率的比率自动计算UI的缩放量

    2024年02月21日
    浏览(242)
  • 【Unity之UI编程】如何用UGUI搭建一个登录注册面板

    👨‍💻个人主页 :@元宇宙-秩沅 👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍💻 本文由 秩沅 原创 👨‍💻 收录于专栏 : UI_Unity专栏 🅰️ **** 逻辑:没有输入账号密码按下登录的时候打开提示面板,按下确定后返回并移除面板(淡入淡出效果显示) 逻辑:

    2024年01月23日
    浏览(38)
  • 【unity之UI专题】—UI如此简单之UGUI六大组件(GIF思维导图详解)

    👨‍💻个人主页 :@元宇宙-秩沅 👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍💻 本文由 秩沅 原创 👨‍💻 收录于专栏 : unity常用API 👽 ScreenSpace —overlay(覆盖模式) UI组件一直显示在屏幕前,覆盖所有 对应图示: 👽 ScreenSpace—Camera 摄像机模式 摄像机不

    2023年04月11日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包