KUIML
Blue Cat's User Interface Programming Language
GRID

Description

This widget displays a 2D grid (usually for a graph) using the provided parameter information (positions count, default value etc.). It is typically used as a background for one or several ref_widgets_curve_graph_element objects.

Inherited Attributes

See Attributes Common to Param Info Viewers. Since this element references the metadata for two parameters (one for each axis), all attributes are prefixed by 'x_' and 'y_', for each axis.

Name Value Type Default Value Description Comment V. Exp.

color

color

current text color

Color of the grid lines.


1.3

No

origin_color

color

current text color

Color of the origin lines of the grid.


1.3

No

subdiv_color

color

'color' attribute value

Color of the subdivision grid lines.


1.3

No

x_subdiv_count

Positive Integer

0

Number of subdivisions for the grid on the x axis

Number of lines between the grid lines defined by x_positions_count

1.3

No

y_subdiv_count

Positive Integer

0

Number of subdivisions for the grid on the y axis

Number of lines between the grid lines defined by y_positions_count

1.3

No

Examples

  • A simple grid with brighter color for origins:

<?xml version="1.0" encoding="utf-8" ?>
<SKIN language_version="1.0" background_color="#000000" v_margin="10" h_margin="10">
   <GRID x_param_info_id="dsp.output_curve3.x_info" y_param_info_id="dsp.output_curve3.y_info" y_positions_count="5" x_positions_count="11" color="#888888"
      width="200" height="80" origin_color="#ffffff" />
</SKIN>
  • Adding 1 vertical and horizontal subdivisions:

<?xml version="1.0" encoding="utf-8" ?>
<SKIN language_version="1.0" background_color="#000000" v_margin="10" h_margin="10">
   <GRID x_param_info_id="dsp.output_curve3.x_info" y_param_info_id="dsp.output_curve3.y_info"  y_positions_count="5" x_positions_count="11" color="#888888"
      width="200" height="80" origin_color="#ffffff" />
</SKIN>
  • Here is an example to show how to use the grid with a single curve graph:

<?xml version="1.0" encoding="utf-8" ?>
<SKIN language_version="1.0" background_color="#000000" v_margin="10" h_margin="10">
   <GRID x_param_info_id="dsp.output_curve3.x_info" y_param_info_id="dsp.output_curve3.y_info"  y_positions_count="5" x_positions_count="11" color="#888888"
      width="200" height="80" x_subdiv_count="1" y_subdiv_count="1" subdiv_color="#4444444" origin_color="#ffffff">
      <CURVE_GRAPH width="100%" height="100%" curve_id="dsp.output_curve3" color="#00ff00" />
   </GRID>
</SKIN>