Unity3D学习之UI系统——GUI

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


1. 前言

Unity3D学习之UI系统——GUI,学习,ui,unityUnity3D学习之UI系统——GUI,学习,ui,unity
设置Screen Type和Center Type

最终实现效果:
Unity3D学习之UI系统——GUI,学习,ui,unity

2. 工作原理和主要作用

Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity

3. 基础控件

3.1 重要参数及文本和按钮

3.1.1 GUI 共同点

Unity3D学习之UI系统——GUI,学习,ui,unity

3.1.2 文本控件

Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity

可以传图片
Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity

在unity中拖入图片
Unity3D学习之UI系统——GUI,学习,ui,unity
可以把Rect 设置成public 的变量,在控件中设置
Unity3D学习之UI系统——GUI,学习,ui,unity

Unity3D学习之UI系统——GUI,学习,ui,unity
文字和图片均显示
Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity

toolTip 获取当前选中的空间的附带信息
Unity3D学习之UI系统——GUI,学习,ui,unity
GUI Style 控制样式
Unity3D学习之UI系统——GUI,学习,ui,unity

3.1.3 按钮控件

Unity3D学习之UI系统——GUI,学习,ui,unity

Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unityUnity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity
必须要按下并抬起才算被点击

Unity3D学习之UI系统——GUI,学习,ui,unity
长按按钮

3.2 多选框和单选框

3.2.1 多选框

Unity3D学习之UI系统——GUI,学习,ui,unity
Toggle因为返回的是bool值,所以一定要在OnGUI外面生成bool值
Unity3D学习之UI系统——GUI,学习,ui,unity
变成这样
Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity
false时显示Normal
Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity

true时显示On Normal
Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity

3.2.2 单选框

Unity3D学习之UI系统——GUI,学习,ui,unity
通过一个int 标识表示是否显示

Unity3D学习之UI系统——GUI,学习,ui,unity

3.2.3 输入框

Unity3D学习之UI系统——GUI,学习,ui,unity

Unity3D学习之UI系统——GUI,学习,ui,unity

3.2.4 拖动条

Unity3D学习之UI系统——GUI,学习,ui,unity

Unity3D学习之UI系统——GUI,学习,ui,unity

3.3 图片绘制和框

3.3.1 图片

Unity3D学习之UI系统——GUI,学习,ui,unity

Unity3D学习之UI系统——GUI,学习,ui,unity

3.3.2 框绘制

Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity

4 工具栏和选择网格

4.1 工具栏

Unity3D学习之UI系统——GUI,学习,ui,unity

这种类似的
Unity3D学习之UI系统——GUI,学习,ui,unity

Unity3D学习之UI系统——GUI,学习,ui,unity
可以根据返回索引处理不同的逻辑
Unity3D学习之UI系统——GUI,学习,ui,unity

4.2 选择网格

Unity3D学习之UI系统——GUI,学习,ui,unity

Unity3D学习之UI系统——GUI,学习,ui,unity

Unity3D学习之UI系统——GUI,学习,ui,unity

Unity3D学习之UI系统——GUI,学习,ui,unity

5 滚动列表和分组

5.1 分组

Unity3D学习之UI系统——GUI,学习,ui,unity
包裹着他的所有控件的位置,只要移动Group的位置,包裹的所有控件的位置就会改变
包裹只Begin到End之间的所有控件
Unity3D学习之UI系统——GUI,学习,ui,unity

Unity3D学习之UI系统——GUI,学习,ui,unity
移动groupPos

Unity3D学习之UI系统——GUI,学习,ui,unity

5.2 滚动列表

Unity3D学习之UI系统——GUI,学习,ui,unity
拖动列表条

Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity

scPos是这个滚动组件的位置
nowPos是滚动条的变量
showPos 组件内容的尺寸
如果里面内容的宽高小于组件内容的尺寸,则不会出现滚动条,如果大于了就会出现
Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity

6 窗口

Unity3D学习之UI系统——GUI,学习,ui,unity

Unity3D学习之UI系统——GUI,学习,ui,unity
在函数里添加配件
Unity3D学习之UI系统——GUI,学习,ui,unity

Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity

6.1 模态窗口

Unity3D学习之UI系统——GUI,学习,ui,unity
相当于警告窗口,这个窗口一出来点其他按钮都没有用了

6.2 拖动窗口

Unity3D学习之UI系统——GUI,学习,ui,unity

Unity3D学习之UI系统——GUI,学习,ui,unity
函数如果填了,就是只能拖这部分才能拖动

7 自定义皮肤样式

7.1 全局颜色

自定义的style也会受影响

Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity

7.2 整体皮肤样式

Unity3D学习之UI系统——GUI,学习,ui,unity

Skin就是多个GUI的Style的综合体

可以自己创建skin文件,然后编辑赋值给GUI.skin

8 GUILayout自动布局

8.1 自动布局

Unity3D学习之UI系统——GUI,学习,ui,unity

Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity

Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unity
Unity3D学习之UI系统——GUI,学习,ui,unityUnity3D学习之UI系统——GUI,学习,ui,unity

8.2 布局选项

Unity3D学习之UI系统——GUI,学习,ui,unity

9 必备知识点

编辑模式下让指定代码执行
加上[ExecuteAlways]

Unity3D学习之UI系统——GUI,学习,ui,unity

10 九宫格布局概念

Unity3D学习之UI系统——GUI,学习,ui,unity

Unity3D学习之UI系统——GUI,学习,ui,unity文章来源地址https://www.toymoban.com/news/detail-816150.html

到了这里,关于Unity3D学习之UI系统——GUI的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • Unity3D学习之数据持久化——XML

    最终达到的效果 树形结构 属性通过空格隔开 属性名 = 引导包裹的内容 这两个代表的东西是一样的 可以在菜鸟上使用xml验证器 xml验证器 在Resources文件夹创建一个xml文件 把文件再复制到streamingAsserts 3.2.1 通过Resources文件进行读取 3.2.2 通过xml文件进行加载 获取根节点 遍历同名

    2024年01月23日
    浏览(45)
  • Unity3D学习之数据持久化——PlayerPrefs

    就是保存存档和读取存档。 分为两部分,存储和读取,先看存储在看读取 PlayerPrefs 是unity提供可以存储和读取玩家数据的公共类 上面定义过 PlayerPrefs.SetInt(“myAge”,18) 后面再定义PlayerPrefs.SetFloat(“myAge”,20.2f) 后面进行读取int型 myAge时,会变成默认值0 打印结果 0 和 100 1)父

    2024年01月18日
    浏览(80)
  • 【Unity3D小功能】Unity3D中实现点击‘文字’出现‘UI面板’

    推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 QQ群:398291828 大家好,我是佛系工程师 ☆恬静的小魔龙☆ ,不定时更新Unity开发技巧,觉得有用记得一键三连哦。 宠粉博主又来了,今天有粉丝问我如何实现点击一段文字然后出现的面板在那段文字附近显示: 深入了

    2024年04月13日
    浏览(83)
  • unity3D之UI

    1.canvas介绍 (1)Canvas属于Unity的UGUI,UGUI提供了强大的可视化编辑,大大提高了GUI的开发效率。 (2)Canvas是所有UI组件的父物体,也就是说每一个UI组件都必须在Canvas下,作为Canvas的子物体,当你创建一个UI控件时,如果在Hierarchy下没有Canvas组件的话,Unity会帮你自动创建一个Canva

    2024年02月04日
    浏览(155)
  • 【Unity3D小功能】Unity3D中实现UI擦除效果、刮刮卡功能

    推荐阅读 CSDN主页 GitHub开源地址 Unity3D插件分享 简书地址 我的个人博客 大家好,我是佛系工程师 ☆恬静的小魔龙☆ ,不定时更新Unity开发技巧,觉得有用记得一键三连哦。 使用Unity3D实现UI的擦拭效果、刮刮卡功能的效果实现方式比较多,比如说用Shader、Texture渲染都是可以

    2024年02月04日
    浏览(246)
  • 【Unity3D】UI Toolkit简介

            UI Toolkit 是一种基于 Web 技术的 GUI 框架,是为了解决 UGUI 效率问题而设计的新一代 UI 系统(UGUI 的介绍详见→UGUI概述)。与 UGUI 不同,UI Toolkit 没有采用 GameObject 的方式,而是参考了 Web 技术的 XML 和 CSS 方案。这意味着它只保存变化的数据,而不是整个界面状态,

    2024年02月10日
    浏览(63)
  • 【Unity3D】UI Toolkit元素

    1 前言         UI Toolkit简介 中介绍了 UI Builder、样式属性、UQuery、Debugger,UI Toolkit容器 中介绍了 VisualElement、ScrollView、ListView、GroupBox 等容器,UI Toolkit样式选择器 中介绍了简单选择器、复杂选择器、伪类选择器等样式选择器,本文将介绍 UI Toolkit 中的元素,主要包含

    2024年02月09日
    浏览(56)
  • 【Unity3D】UI Toolkit容器

    1 前言         UI Toolkit简介 中介绍了 UI Builder、样式属性、UQuery、Debugger,UI Toolkit元素 中介绍了 Label、Button、TextField、Toggle、Radio Button、Slider、Progress Bar、Dropdown、Foldout 等元素,UI Toolkit样式选择器 中介绍了简单选择器、复杂选择器、伪类选择器等样式选择器,本文将

    2024年02月09日
    浏览(58)
  • 使用Unity生成UI预制体 (Unity3D)

    在Unity中,预制体(Prefab)是一种非常有用的工具,用于生成可重复使用的UI元素。预制体使得UI的创建和管理变得更加简单和高效。在本文中,我们将详细介绍如何使用Unity生成UI预制体,并提供相应的源代码示例。 步骤1:创建UI元素 首先,我们需要创建UI元素,例如按钮、

    2024年02月05日
    浏览(63)
  • 【Unity3D】实现UI点击事件穿透

              注意:EventSystem.current.RaycastAll获取到的对象列表是能够接受事件的,假如你的按钮Button自己身上没有Image,而是Button的子物体有,那么你就要给这个子物体也加上标签Tag才能响应到。 如果ExecuteEvents.Execute不管用,可以试试ExecuteEvents.ExecuteHierarchy

    2024年02月04日
    浏览(55)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包