Сircular filling

[tomashined]

Hello. Please tell me how to make a circular filling of a circle, implemented either through the border (as in the screenshot), or if a picture is inserted.

Unity 2023.2

[antoine-unity]

That will require code, which uses the same Vector API drawing that normal borders use.

We have an example to get you started.

Unity - Manual: Use Vector API to create a radial progress indicator

[tomashined]

@antoine-unity

That will require code, which uses the same Vector API drawing that normal borders use.

We have an example to get you started.

https://docs.unity3d.com/6000.0/Documentation/Manual/UIE-radial-progress-use-vector-api.html

Thanks a lot

[tomashined]

@antoine-unity

That will require code, which uses the same Vector API drawing that normal borders use.

We have an example to get you started.

https://docs.unity3d.com/6000.0/Documentation/Manual/UIE-radial-progress-use-vector-api.html

Please explain what the “new CustomStyleProperty” does

[antoine-unity]

@tomashined

Please explain what the “new CustomStyleProperty” does

This is a custom USS style property. From the manual:

Use USS to customize the look of a custom control the same way as a built-in control. You can also create USS custom properties to style a custom control.

Note: The Inspector
window in the UI Builder doesn’t show USS custom properties. To edit USS custom properties, use a text editor to edit your USS file directly.

To interact with custom USS properties for a custom control in C#, use the CustomStyleProperty structure and the CustomStylesResolvedEvent event.

CustomStyleProperty describes the name and type of property you read from the stylesheet.

UI Toolkit dispatches CustomStylesResolvedEvent for any element that directly receives a custom USS property. It dispatches the event for any element that a selector matches, for selectors where the rule contains the value of the custom property. UI Toolkit doesn’t dispatch the event for elements that inherit the value. The event holds a reference to an ICustomStyle object. You must use its TryGetValue() method to read the effective value of a CustomStyleProperty. This method has overloads for different types of CustomStyleProperty.

For a custom style with a custom control example, refer to Create custom style for a custom control.

Note: You can’t define transitions for custom style properties.

[antoine-unity]

You can absolutely ignore custom USS properties and just use a normal Color attribute property that is exposed to UXML, this way it will also show up in the UI Builder. You just don’t get the benefits of style sheets.

[tomashined]

@antoine-unity

You can absolutely ignore custom USS properties and just use a normal Color attribute property that is exposed to UXML, this way it will also show up in the UI Builder. You just don’t get the benefits of style sheets.

This feature is very cool because I don’t want to create multiple selector variations for the same color in order to use it for background, image tint or so on. Therefore, I have already figured out how to make a custom style. It’s a pity, of course, not to see the color in the editor, but Rider draws the color in the code.

Did I decide to use it correctly, or are there easier ways?

[antoine-unity]

@tomashined

This feature is very cool because I don’t want to create multiple selector variations for the same color in order to use it for background, image tint or so on. Therefore, I have already figured out how to make a custom style. It’s a pity, of course, not to see the color in the editor, but Rider draws the color in the code.

Did I decide to use it correctly, or are there easier ways?

Using something like Rider is easy as it gets currently

[tomashined]

@antoine-unity

Using something like Rider is easy as it gets currently

Thanks

[tomashined]

@antoine-unity

This is a custom USS style property. From the manual:

How to solve the purely visual problem that elements that are assigned a color through a custom selector become invisible when inactive. They are drawn only if you click on them.