Unity进阶之路(2)UI Toolkit

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

UI Toolkit是Unity内置的一个游戏UI解决方案。借鉴了web前端的设计模式。

web前端使用css,html,js。

其中css定义样式

html定义层级

js处理逻辑

UI Toolkit则是使用uss,uxml,C#

如果直接使用Unity提供的可视化UI创建工具创建UI面板,一个一个添加元素,只会生成uxml文件,样式直接通过内联样式的形式给出。

UI,User Interface的缩写。UI通常被认为是前端。所谓前端的本质,其实就是数据的映射。把数据映射成更加适合用户操作的模式,这就是前端。

我们通常需要解决几个问题:

数据输入:

数据处理:

数据输出:

在Unity中,我们可以从.csv文件中读取数据,作为数据的输入。这通常可以作为单机游戏的固定参数处理方式。比如各个等级的游戏数据。

如果涉及到联机模式,我们可能需要考虑从网络获取数据输入。

数据处理。Unity的UI Panel提供了事件和操纵器处理用户输入。

数据输出。我们需要把数据以一定的模式输出到用户界面。

在Unity的UI编辑器中,我们可以通过可视化的方式创建UI内容。这个UI是支持FlexBox模式的。

创建完成的UI Document如何使用呢

在场景的根节点下挂载一个空对象。

重命名为Screen。

在Screen上挂载一个UI Document组件。

把设置文件拖动到插槽中。

把刚才生成的uxml文件拖动到插槽中。

在Screen上挂载一个C#脚本。

可以使用UQuery语法在C#中查找到元素。

基础元素都是VisualElement类的对象。

类似于选择器语法。

然后可以直接对其上的style属性进行设置。

需要编写ScriptableObecjt来保存UI数据。文章来源地址https://www.toymoban.com/news/detail-853783.html

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

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

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

相关文章

  • 【Unity3D】UI Toolkit样式选择器

            UI Toolkit简介 中介绍了样式属性,UI Toolkit容器 和 UI Toolkit元素 中介绍了容器和元素,本文将介绍样式选择器(Selector),主要包含样式类选择器(Class Selector)、C# 类选择器(Type Selector)、名称选择器(Name Selector)、通用选择器(Universal Selector)、后代选择器

    2024年02月03日
    浏览(30)
  • 【Unity3D】UI Toolkit数据动态绑定

            本文将实现 cvs 表格数据与 UI Toolkit 元素的动态绑定。         如果读者对 UI Toolkit 不是太了解,可以参考以下内容。 UI Toolkit简介 UI Toolkit容器 UI Toolkit元素 UI Toolkit样式选择器 UI Toolkit自定义元素         本文完整资源见→UI Toolkit数据动态绑定。 2.1 UI 搭建

    2024年02月08日
    浏览(35)
  • Unity之OpenXR+XR Interaction Toolkit实现 UI交互

    在VR中我们经常会和一些3D的UI进行交互,今天我们就来说一下如何实现OpenXR+XRInteraction Toolkit和UI的交互。 我们需要准备好Unity工程和环境配置 有了前文:Unity之OpenXR+XR Interaction Toolkit基本配置的介绍,我们就不在详细说明这些了,大家自行复习。 流程简述: 我们新建一个3D(U

    2024年02月16日
    浏览(27)
  • [Unity] GraphView 可视化节点的事件行为树(二) UI Toolkit介绍,制作事件行为树的UI

    目录 前文 UI Toolkit 介绍 制作事件行为树的UI界面 GameObject关联编辑器窗口 [Unity] 使用GraphView实现一个可视化节点的事件行为树系统(序章/Github下载)_Sugarzo的博客-CSDN博客_unity graphview [Unity] GraphView 可视化节点的事件行为树(一) Runtime Node_Sugarzo的博客-CSDN博客         在上一

    2024年02月03日
    浏览(49)
  • Unity VR 开发教程 OpenXR+XR Interaction Toolkit (五) UI

    此教程相关的详细教案,文档,思维导图和工程文件会放入 Spatial XR 社区 。这是一个高质量知识星球 XR 社区,博主目前在内担任 XR 开发的讲师。此外,该社区提供教程答疑、及时交流、进阶教程、外包、行业动态等服务。 社区链接: Spatial XR 高级社区(知识星球) Spatial

    2024年02月11日
    浏览(27)
  • Unity之XR Interaction Toolkit如何在VR中实现一个可以拖拽的UI

    普通的VR项目中,我们常见的UI都是一个3D的UI,放置在场景中的某个位置,方便我们使用射线点击。但是为了更好的体验,我们可能会有跟随头显的UI,或者可拖拽的UI,这样更方便用户去操作。 所以我们今天的需求就是:如何基于XR Interaction Toolkit 插件 在VR中使用手柄射线来

    2024年02月19日
    浏览(27)
  • Android-高级-UI-进阶之路(四)-Paint-渲染-滤镜-xfermode-使用

    class MyGradientView : View { private var mPaint: Paint? = null private var mBitMap: Bitmap? = null private var mWidth: Int = 0 private var mHeight: Int = 0 private val mColors = intArrayOf(Color.RED, Color.GREEN, Color.BLUE, Color.YELLOW) constructor(context: Context?) : super(context) { init() } constructor(context: Context?, attrs: AttributeSet?) : super(

    2024年04月16日
    浏览(33)
  • Android高级UI进阶之路(七)——SVG基础使用(绘制中国地图)

    Android高级UI进阶之路(一) —— View的基础知识 Android高级UI进阶之路(二) —— 深入理解Android8.0 View的触摸事件分发机制 Android高级UI进阶之路(三) —— 理解View的工作原理及自定义View入门 Android高级UI进阶之路(四) —— Paint渲染滤镜xfermode使用 Android高级UI进阶之路(五) —— Canva

    2024年02月05日
    浏览(30)
  • Android-高级-UI-进阶之路-(七)-SVG-基础使用-+-绘制中国地图

    输入搜索动画 利用在线绘制 SVG 图标网站 制作搜索图标 可以自己随意捣鼓绘制,绘制好了之后点击视图-源代码,将 SVG 代码复制出来保存成 search_svg.xml 在线转换 svg2vector 点击空白或者直接将 SVG 拖拽指定区域进行转换 将转换好的 Android 格式的 vector 导入 AS 开始制作动画关联

    2024年03月20日
    浏览(41)
  • Android-高级-UI-进阶之路-(五)-看完该篇文章-Canvas-你应该会了

    /** 1. 绘制椭圆 */ canvas.drawOval(RectF(100f,500f,600f,800f),mPaint) /** 2. 绘制圆 */ mPaint.setColor(Color.YELLOW) mPaint.alpha = 100 canvas.drawCircle(400f,400f,200f,mPaint) 绘制 Bitmap // val bitmap = BitmapFactory.decodeResource(context.resources, R.mipmap.gild_3) //第二个,第三个参数代表起点位置 canvas.drawBitmap(bitmap,100f,100

    2024年03月28日
    浏览(44)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包