unity uitoolkit学习

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

使用UI Toolkit Debugger查看元素

1、打开面板
unity uitoolkit学习
2、找到元素
unity uitoolkit学习
在UI Builder窗体,别忘了打开Preview再选择元素
3、可以选择不同类型的窗体
unity uitoolkit学习
4、查看元素的样式
unity uitoolkit学习
需要注意的是下面的样式会覆盖上面的
5、调试
unity uitoolkit学习

修改内置控件样式

1、找到PanelSettings>Theme Style Sheet的资源文件,然后新建uss样式文件
2、将uss文件拖拽到Style Sheets中,需要注意的是下面的样式会覆盖上面的样式
unity uitoolkit学习
使用在UI Toolkit Debugger面板中查看元素

USS变量

:root{
	--font-color-primary:#C2C262;
	--font-color-second:rgb(255,0,0);
}
.unity-base-field>.unity-base-field__label{
	color:var(--font-color-primary);
}
.unity-base-field:focus>.unity-base-field__label{
    color:var(--font-color-second);
}

要两个-开头

示例

1、修改所有文字focus状态下颜色

.unity-base-field>.unity-base-field__label{
	color:rgb(0,0,0)
}
.unity-base-field:focus>.unity-base-field__label{
    color:rgb(0,0,0)
}

2、修改Toggle样式

#unity-checkmark .unity-toggle__checkmark:checked {
    background-image: url('project://database/Assets/UnityDefaultRuntimeTheme.tss?fileID=-1304905567622442630&guid=9d716a99319f7ee45ab37997fac08f69&type=3#arrow-down@2x');
}
.unity-toggle__checkmark
{
   -unity-background-image-tint-color:rgb(255,255,255); 
   min-width:20px;
}
.unity-toggle>.unity-toggle__input:checked>.unity-toggle__checkmark{
    background-color: rgb(64,158,255);
}
.unity-base-field:checked>.unity-base-field__label{
    color:rgb(64,158,255);
}

3、修改DropDownItem样式

.unity-base-dropdown__item {
    -unity-font-style: normal;
    -unity-text-align: upper-left;
    font-size: 30px;
    color: rgb(255, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    -unity-text-outline-width: 0;
    }

4、自定义一个Toggle
unity uitoolkit学习
1、在Toggle里添加一个Label
2、Label添加.toggle-label-right
3、样式

.unity-toggle > .unity-base-field__label {
    display: none;
}

.unity-toggle > .unity-base-field__input {
    justify-content: flex-start;
    flex-direction: row;
    flex-grow: 0;
    display: flex;
    visibility: visible;
    overflow: visible;
    flex-basis: auto;
}

#unity-checkmark {
    width: auto;
    height: auto;
    justify-content: space-around;
    align-self: auto;
}

.unity-toggle > .toggle-label-right {
    height: auto;
    flex-basis: auto;
    flex-shrink: 0;
    flex-grow: 1;
    flex-direction: column;
    flex-wrap: nowrap;
    font-size: 10px;
    -unity-text-align: upper-left;
    white-space: normal;
    text-overflow: clip;
    color: rgb(0, 0, 0);
    -unity-font-style: normal;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -unity-text-outline-width: 0;
}
.unity-toggle:checked>.toggle-label-right{
    color:rgb(64,158,255);
}
.unity-toggle > .unity-toggle__input > .unity-toggle__checkmark {
    transition-duration: 0.3s;
    transition-timing-function: linear;

}
.unity-toggle > .unity-toggle__input:checked > .unity-toggle__checkmark {
    transition-duration: 0.3s;
    transition-timing-function: linear;

}

伪标签 pseudo

hover
active
inactive
selected
disabled
enabled
focus
checked
root文章来源地址https://www.toymoban.com/news/detail-500255.html

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

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

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

相关文章

  • Unity之OpenXR+XR Interaction Toolkit接入HTC Vive解决手柄无法使用的问题

    随着Unity版本的不断进化,VR的接口逐渐统一,现在大部分的VR项目都开始使用OpenXR开发了。基于OpenXR,我们可以快速适配HTC,Pico,Oculus,等等设备。 今天我们要说的问题就是,当我们按照官方的标准流程配置完OpenXR后(参考:Unity之OpenXR+XR Interaction Toolkit接入HTC Vive),导出

    2024年02月09日
    浏览(79)
  • 【Unity URP】Rendering Debugger和可视化MipMap方案

    写在前面 最近开始学习Unity性能优化,是结合了《Unity游戏优化》这本书和教程《Unity性能优化》第叁节——静态资源优化(3)——纹理的基础概念一起学习。在学习纹理优化部分时候遇到了问题,固定管线下Unity的Scene窗口有一个可视化Mipmap的渲染模式: 而这批Miscellaneous模式的

    2024年02月04日
    浏览(51)
  • Unity - Render Doc - 解决 Waiting For Debugger 导致连接不了 APP 的问题

    Unity : 2020.3.37f1 Pipeline : BRP RDC : 1.26 平常有一些公司内的游戏发布在移动端运行会有各种异常,但是 unity editor (android + opengl es / dx) 下正常 如果没有真机抓帧分析,是搞不定的 然后 RenderDoc 在抓发布出来的调试包也抓不了 调试包环境: development build + android manifest 开启 applica

    2024年02月03日
    浏览(45)
  • 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文件,样式直接通过内

    2024年04月16日
    浏览(33)
  • 【unity】【vr】新版Unity中找不到xr interaction toolkit

    unity中开发VR相关游戏和应用少不了一个很重要的Package:XR interaction toolkit。 但是新版unity中发现没了这个包,这篇介绍解决办法。 之前的unity版本中,默认状况下也是看不到XR interaction toolkit的。 需要在package设定中打开高级设定,允许用户看到pre-release版本,然后拉到列表底

    2024年02月11日
    浏览(60)
  • Unity XR Interaction Toolkit(三)拾取物体

    首先配置一个可拾取的物体,右键-XR-Grab Interactable,就会创建一个0.1尺寸的小立方体 XRGrabInteractable: Distance Calculation Mode:根据模式选择坐标点,可以选择Transform的坐标或者碰撞器的坐标 Select Mode:抓取方式,分为单手和双手,在变换脚本挂载时,会根据这个脚本激活 Movem

    2024年02月08日
    浏览(43)
  • SOAP学习之一:Visual C++创建简单的客户端--使用soap toolkit 3.0获取UTC服务器时间

    初始接触 XML及SOAP第一天,摸不着头绪,看了很多文章,总结一下几点心得,附一个小例子使用VC++控制台程序获取UTC服务器时间。 看到的资料VC++都是使用soap toolkit来使用SOAP,soap toolkit目前看最高版本应该是3.0,但是微软已经不再对soap toolkit提供技术支持及更新,在微软官网

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

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

    2024年02月09日
    浏览(57)
  • 【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日
    浏览(59)
  • 【Unity3D】UI Toolkit简介

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

    2024年02月10日
    浏览(64)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包