Official UI Toolkit 1.0-preview available

The same was also said of ugui and after version 4.6 (2014) when it was released little else was known about new features or components other than fixes and very, very minor improvements to some components.

The best thing that can happen to uitoolkit that is applicable to any Unity package is to be open source.

 

Please make this method public in VisualElement.cs. It's useful:

private void MoveChildElement(VisualElement child, int currentIndex, int nextIndex)

 

Hi guys. I loved UI toolkit but i guess it has still time to use on release builds. I had an issue with borders. I want to know if i am doing something wrong.


As you can see when i make radius higher number it starts to slice. Is there any way to make it smooth?

 

They mentioned in a thread that they are working on a new way to render the elements, using signed distance fields. This would get rid the problem with the edges.

 

Nope, your API is good enough already! But it would be nice to be able to move stuff around without having to worry about siblings:

Code (CSharp):

1. var index = container.IndexOf(visualElement);
2. if (index == container.childCount - 1) return;
3. var siblingIndex = index + 1;
4. var sibling = container[siblingIndex];
5. visualElement.PlaceInFront(sibling);

 

I had a similar problem when trying to mask the minimap (thread here: https://forum.unity.com/threads/how-to-show-a-renderer-texture.832402/ )
Had to use vector images.

 

Not sure if it's a bug or if I do something wrong.

I use the Scale Mode "scale with screen size" and Screen Match Mode "Expand" with a Reference Resolution of 360 x 640.

My UI document is then used in a 2436 x 1125 window. So it should not use the whole height of the screen. But my content is always stuck at the top of the screen (using Align/Justify Content/Top).

Any idea?
Thank you,

 

Hi, thanks for the package.

I have this error:

Code (CSharp):

1. The requested operation cannot be performed on a file with a user-mapped section open.
2.         0 file(s) copied.
3.  
4.  

(installed with: com.unity.ui)
unity 2021.1.7f1, windows 10 64bit

Tried to 'Reimport all', then unity editor was unable to open. It Unity.exe is in the task manger

 

Naive Question: since Unity source code seems to be all over, is the source code for Label, Button in the UIElements framework online/opensource somewhere to study how to make low level custom components?

 

Did something change about the layout algorithm in the 2021.2 version of UIToolkit? Upgrading from the package version in 2021.1, and some of my layouts are a few pixels off now. Using "scale with screen size" mode.

 

I have no idea what you're talking about. So the layout won't be adaptive? Will I need to create different layouts to different screen sizes?

 

Hi, i'm new in the unity, i have take some lessons.
I'm design for my studies a gallery, i need help for showing text near a object. i used the unitry script of gallery 3D, and works but i want something more beautiful, can you help, please?
thanks

 

I'm using this guide (https://learn.unity.com/tutorial/ui-profiler-2019-3#5fed86e5edbc2a30d86a0425) and obviously Profiling for UI and UI Details is not working with the new system.

Do you know in what module we can profile the new UI Toolkit?

 

I have unity 2021.1.11f1

The UI Builder looks like is included with this version. I can open the UI editor create edit save.

But how do I add it to the scene?

Looking at tutorials on youtube they show a panel component/script called Panel Renderer. I don't have that. Also they have an option in the right click menu in the Scene view. Nothing there either.

What is the deal with this?

 

If I'm not mistaken in 2021.1 you still need to install the

com.unity.ui

package to gain access to runtime support. That only part of the engine in 2021.2.

After that, add an empty game object, put a

UI Document

component on it and go from there.

 

That package is installed by default by unity.

There is no Unity 2021.2 in unity hub, is only the beta one. I have enough problems with LTS versions of unity from 2019 and 2020. No way I mess with betas.

So this new UI is pointless? We can't use it?

 

I think you're mixing it up with

com.unity.ugui

which is the good ol' gameobject-based Unity GUI.
As far as I know the UI Toolkit runtime is only in the engine in 2021.2 by default (which is currently in beta).

I just told you, install the

com.unity.ui

package. If you want to use experimental stuff, you need to tinker, there is no way around it.

 

doesn't work, I've tried adding the package using the name (it worked for progrids) this one doesn't work.

downloading the newest version, we will see if this actually works. still don't understand why not including all the scripts

 

Ok, this other version 2021.1.12f still doesn't have that script but this time adding the package by name as you have suggested worked and now I can add the UI to the scene.

 

Just fired up a test in 2021.1, it is working for me. Exactly how I described.

Because it is an experimental package and it will be part of the engine starting from 2021.2.

 

it doesn't make sense to have the editor not be experimental and the game part experimental. Leave everything experimental and when ready release them. If one wants to check it will just download it.

Like this is just to give the impression that you have it when you don't have it.

Can you confirm that 2021.2 have the module out of the experimental stage? I mean, if you have this version installed. Just a curiosity, when will be ready for download I will check it

 

If you would have taken the time to read the opening post in this very thread you would know why it is the case. The UI Builder and the in-editor support came first, so people could replace the IMGUI editor windows and property drawers with more advanced UI Toolkit-based ones. The runtime support is in-progress.

It is built-in in 2021.2. It is still experimental (and beta, obviously), but you don't have to download anything in 2021.2, it's part of the engine.

 

I'm asking because the 2021 versions that are not beta, don't have access to the experimental assets except by using the manual name as you have suggested. so if is there it must be at least in the "preview" stage.

we will see in a few days

 

Another thing that I'm missing: https://docs.unity3d.com/Packages/com.unity.ugui@1.0/manual/script-CanvasScaler.html

 

In the UI Toolkit it is in the Panel Settings Asset. It's in the create menu. Then you need to assign the asset to the UI Document component.

 

Why can't I edit the text input? The inspector is disabled.



I just can edit the "filler text" label and change the font size in the root control. But I can't modify the background or the padding of the input.

 

Because that element is inserted by code at runtime. It is not something saved in the UXML document so no inline styles can be saved with it.

You need to look at what style classes it use and then add your styling to those classes via USS (style sheet).

example

Code (CSharp):

1. .unity-base-text-field {
2.     white-space: nowrap;
3.     --unity-selection-color: var(--color-primary-drk);
4.     --unity-cursor-color: var(--color-primary-lit);
5. }
6.  
7. .unity-base-text-field__input {
8.     --unity-sync-text-editor-engine: true;
9.     -unity-overflow-clip-box: content-box;
10.     cursor: url('/Assets/GUI/Images/Cursors/text-32x32.png') 16 16;
11.     flex: 1 1 auto;
12.     padding: 0 5px;
13.     height: 34px;
14.     border-width: 1px;
15.     border-radius: 3px;
16.     border-color: var(--color-primary-drk);
17.     background-color: var(--color-back-drk);
18.     color: var(--color-txt-mid);
19. }
20.  
21. .unity-base-text-field__input--single-line {
22.     -unity-text-align: middle-left;
23. }
24.  
25. .unity-base-text-field__input--multiline {
26.     -unity-text-align: upper-left;
27.     height: 100px;
28.     white-space: normal;
29. }
30.  
31. .unity-base-text-field__input:hover,
32. .unity-base-text-field__input:focus,
33. .unity-base-text-field:focus > .unity-base-text-field__input,
34. .unity-base-text-field:hover > .unity-base-text-field__input {
35.     border-color: var(--color-primary-mid);
36. }

 

I'm having a hard time understanding the differences between the package version (available in 2020) and the built in 2021 version. I'm also not sure if this is supposed to be available on 2019 LTS? First post has no mention of 2019 support.

 

Just to double-check, there will be no official release for 2020 LTS? So if we're developing an editor tool using UIToolkit for release, the minimum version would be 2021.2? Sorry if this has been covered elsewhere.

 

So if I'm on 2019, i can use UIToolkit for editor workflows but not have access to builder?


2019 LTS
- UIToolkit package for editor workflows

2020 LTS
- UIToolkit package for runtime
- UIBuilder package

2021
- UIToolkit and UIBuilder built in

 

Hi, any plans for RTL text support?

 

@benoitd_unity After upgrading to 2021.2.0b7 we were finally able to enable Asian languages in our game and it no longer crashes which is great! Overall migrating from 2021.1 was relatively painless, it mostly consisted of adjusting our style sheets to the new default theme (we wish there was some "raw / minimal" theme).

We have however hit another roadblock - typing in text fields does not work (case 1358063). It works with the default font, but the default font does not support Asian characters. As soon as we switch to a custom font using
-unity-font-definition, it stops working - nothing happens when you type in a text field.

Do you think that is something you would able to fix soon? It appears that that is the only thing stopping us from upgrading to 2021.2 beta.

 

After further investigation it appears that the typing bug goes away after switching to Dynamic Atlas Population - not ideal but workable.

 

Just a quick update regarding case 1358063 (typing not working with static fonts). The bug has proven more troublesome than we thought. We can theoretically use dynamic fonts but those are a nightmare for the VCS - you end up with assets that are constantly changing when you play or build the game.

 

@hugobd Thank you. We have "Clear Dynamic Data On Build" checked but it doesn't seem to work - the font assets change at random occasions. And people on our team regularly forget to roll them back before committing to git (and it's difficult to blame them).

 

I'm suddenly getting this error today: "CS0246: The type or namespace name 'UIDocument' could not be found (are you missing a using directive or an assembly reference?)". I'm using 1.0.0-preview.17 inside Unity 2020.3.18f1 on macOS 10.15.7.

My project builds successfully in Visual Studio, and all of the references I'm using to UIDocument work, and I'm able to use IntelliSense and all of that. But the Unity Editor presents that error during start up. The UIDocument components I have still kind of load, but none of the elements are visible. I can still click in the area of a button and see the debug log output for that button, but there is no button rendered on the screen.

I've tried to uninstall UI Toolkit and UI Builder and reinstall them in Safe Mode which actually does make the error go away, but doesn't last through a restart, and doesn't fix the problems with invisible elements. If I make a simple change in the file referencing UIDocument (like adding a space in a string), then the error goes away and I can use the Play button in the editor, but still, none of the elements are visible.

I'm new to this ecosystem, so maybe I'm missing a very simple step. Visual Studio on macOS has much fewer features than the Windows counterpart, so lots of suggestions I've seen I can't attempt because they don't seem available on this platform. Is there a better way to sort this type of thing out?

 

I hadn't yet seen that. Apologies for posting in the wrong place. I'll try it out. Thank you!

 

Running Unity 2021.1.23f1 I'm unable to install the UI Toolkit package when following the instructions at https://docs.unity3d.com/2021.1/Documentation/Manual/UIE-UITK-package.html. After adding the

com.unity.ui

package, the package manager just gets stuck saying "Please wait, installing a package..."
The window shows no info on which step it's stuck at. It stayed there for over two hours until I had to cancel and finish up my day. An earlier attempt was cancelled after about 30 minutes.

 

sometimes unity package installs randomly hangs and will never complete. restarting unity and or the computer MAY work.

 

Will treeview be included in 2021.2?

 

Hi Guys, does this mean that the 2020 LTS "packaged" version will have the same support and periodic bugfixing and new feature updates than the 2021.2 "integrated" version? if we have a big project on 2020 should we even bother in using UI Toolkit, given that right now it's feature parity with UGUI is limited and many features are set as "planned" or "in research", will these future features come only in the 2021.2 integrated version or will come too as updates to the 2020 packages?

thanks in advance.

 

Hi.
I have a custom unity package, that uses EditorWindow / OnGUI. I would like to port the UI to the new UI Builder.

Does anyone, have a hint/link, on how I develop the Editor UI for my custom package using UI Builder?

If I try to load an .uxml file from the package folder, for an embedded package, I get this error from UI Builder.
UI Builder: Cannot load .uxml files outside the Project.

It would be really sad if I had to copy/paste files back and forth.

Setup:
Unity 2019.4.32
UI Builder: 1.0.0-preview.18

 

@sebastiend-unity
Would you be interested in at pull/merge request?

Anyway, thanks for your time.