I created a dead-simple custom Editor for one of my classes using UI Builder. I added a PropertyField and bound it to an int variable in my class. The field looks terrible and completely different from the other (IMGUI) fields in the Editor:
My PropertyField vi UI Builder:
A standard IMGUI field:
What are those lines in the “Min Logical Value” field that partly intersect the “4”?
Is this a bug? Am I doing something wrong?
Christian
What does your code look like?
The builder inspector is designed for UI Toolkit fields and doesnt do any of the handling that a normal inspector does for IMGUI so I suspect its this. Is there a reason you didnt use UI Toolkit for your property drawer?
Thank you for your follow-up. Let me give some more details:
Here is the code for my class that inherits from UnityEditor.Editor:
As you can see, it is very simple.
Also note that I am using UI Toolkit and not IMGUI. I override CreateInspectorGUI so I am using UI Toolkit. In my original post I was comparing what my UI Toolkit field looks like (ugly) to what a built-in IMGUI field looks like (pretty). But to build my custom Editor I am using UI Toolkit.
–
Here is the entirety of my UI Builder Hierarchy together with the top part of the inspector:
The Hierarchy section shows that there is nothing but a single PropertyField in the hierarchy. And the inspector shows that this property is bound to a variable in the ShapesSlider class. This particular variable is an integer (not shown).
I have not modified anything on the PropertyField. I have not changed margins, padding, alignment, etc.
–
Here is the UXML that UI Builder created:
–
To write up all these details I started from scratch, deleting a bunch of old code, comments, extraneous fields in the UI Builder hierarchy, etc. But even using my now simplified setup the UI Builder field in the inspector is still ugly:
–
Some additional details about my setup:
I am on a mac: macOS Sonoma 14.2.1
Unity Version: 2022.3.26f1
Let me know if there is any more information that could be helpful in solving this issue.
Best!
Christian
Sorry, I thought you were trying to create a custom property drawer to display in the UI builder. You are using the UI builder to create a custom editor?
There’s something strange going on with your field, it looks like it’s on top of another field. Perhaps you need to increase the height or set it to flex-grow 1?
Try using the UI debugger to examine the field, see what is causing the strange border effect.
I’m happy to take a look If you have a project you can share.
