1. UnityUIExtensions Avatar UnityUIExtensions
  2. Untitled project
  3. Unity-UI-Extensions

Wiki

Clone wiki

Unity-UI-Extensions / Controls / UIGridRenderer

View History

UI Grid Renderer

==============

A primitive line drawing control that draws a Grid within a RectTransform space

Contents

1 Overview

2 Properties

3 Usage

4 Video Demo

5 See also

6 Credits and Donation

7 External links

Overview

The Grid Renderer control draws a box area with a defined Grid inside, allowing control of the columns and rows within. This control extend the base UI Line Renderer control and inherits some of it's features, not all of which are useful for a grid.

The main configuration is the GridColumns and GridRows to determine how many cells there are.

Note The grid is only a renderer, it does not layout any child controls with in it. Consider pairing up with a the GridLayout control if you want to align children as well.

Properties

The properties of the Box Slider control are as follows:

Property Description
Points Array of points to draw the line between (Min 2). Read only for GridRenderer as it controls this
Line Thickness The thickness of the drawn line.
Use Margins Apply margin values to control, shrinking the drawable space within the Rect Transform.
Margin Margin values to be applied on the X and Y axis when applied with "Use Margins". Fixed to Yes for the GridRenderer
Relative Size Draw the line relative (within) the Rect Transform or use absolute Screen space coordinates.
Line List Points array becomes a set of matched pairs, so lines are only drawn in pairs instead of a single consistent line.
Line Caps Add end caps to the draw lines.
Line Joins Determines whether joins are curved (Bevel) or hard edges (Miter)
Bezier Mode Draws bezier curves between groups of 4 lines. Several modes are available with increasing quality but require more calculations
Bezier Segments Per Curve Allows you to set how many segments make up the Bezier curve, more points equal a smoother curve more more lines to draw.
Grid Columns Defines the number of columns within the Grid
Grid Rows Defines the number of rows within the Grid

Inherited from Maskable Graphic

  • Material
  • Color
  • Raycast Target
  • On Cull State Changed
  • Sprite
  • UV Rect

Usage

Simply add the default UI Grid Renderer control to the scene using "UI / Extensions / Primitives / UI Grid Renderer" in the Editor "GameObject" menu.

It is also available as a Game Component menu in "UI / Extensions / Primitives / UI Grid Renderer".

Video Demo

Click to play

Box Slider Demo

See also

Credits and Donation

Credit John Hattan

Sourced from - https://bitbucket.org/UnityUIExtensions/unity-ui-extensions/issues/117/uigridrenderer

Updated