Skip to content

Latest commit

 

History

History
134 lines (92 loc) · 3.05 KB

File metadata and controls

134 lines (92 loc) · 3.05 KB

UI Circle Segmented

Custom graphic for uGUI, circle split into segments.


Contents

1 Overview

2 Properties

3 Methods

4 Usage

5 Video Demo

6 See also

7 Credits and Donation

8 External links


Overview

Custom graphic for uGUI, circle split into segments.

Features

  • fill floating
  • fill per-sprite-segment
  • fill per-vertex
  • fill Handle (selected segment only)
  • fill Handle Inverted (all except selected segment)
  • skip offset
  • intersecting (overlapping) segments
  • sprite round
  • rotate offset
  • round gradient
  • GC-free
  • unified width border / outline mode

UICircleSegmented Inspector UICircleSegmented Inspector


Properties

UICircleSegmented Inspector

The properties of the UI Circle Segmented control are as follows:

Property Description
Override Sprite Sprite Texture to apply.
Thickness The thickness of the line.
Fill Amount Fill / Progress of the line.
Invert Fill If true, the fill approach is inverted/reversed..
Fill Pattern Default, Handle, Handle Inverted. Method for how the fill is processed.
Fill Deep Floating, Per Vertex, Per Segment. How the fill is processed.
Global Degree Offset Rotation offset for the control.
Max Degree Maximum fill degrees.
Segments Count How many segments to include in the circle.
Segments Per Sprite Count ALters how many segments are included with each section.
Segments Degree Offset Offsets the rotation of each segment.
Border Border thickness per segment.
Gradient Gradient to apply to the control.
Diagonal Gradient Gradient to apply per segment.
Gradient Degree Offset Rotational effect for the gradient.
On Cull State Changed (event) Event fired when the element changes.

Inherited from MaskableGraphic

  • Material
  • Color
  • Raycast Target
  • Maskable

The properties of the UI Circle Segmented Curve are as follows:

Property Description
Curve Curve to apply to the segments of a target UI Circle Segmented control.
Circle The UI Circle Segmented control to target.

Methods

This component does not expose public methods beyond inherited behaviour.


Usage

TBC


Video Demo

demo video

Handle | Handle Inverted

Handle

Border Mode

Border


See also

Some tips are here: Accordion Type Layout including how to collapse nested child elements so they no longer appear.


Credits and Donation

ChoMPHi


External links

Sourced from