This is part of a tutorial series on creating extension components for Design Studio.

In the last instalment, we made performed a major overhaul of the gauge and made it able to determine a normalized gauge angle, based on measure values.  Now we’ll make them bindable!

To make the properties bindable, we simply open component.xml, go to the property entries for the properties that we want to make bindable and add a “bindable” attribute, after “type“.  That’s it!  Let’s make our measure properties bindable.

<property

  id=”endAngleDegMax”

  title=”End Angle Max”

  type=”float”

  bindable=”true”

  group=”SCNGaugeAngleSettings”/>

<property

  id=”measureMax”

  title=”Measure Max Value”

  type=”int”

  bindable=”true”

  group=”SCNGaugeAngleSettings”/>

<property

  id=”measureMin”

  title=”Measure Min Value”

  type=”int”

  bindable=”true”

  group=”SCNGaugeAngleSettings”/>

<property

  id=”measureVal”

  title=”Measure”

  type=”int”

  bindable=”true”

  group=”SCNGaugeAngleSettings”/>

Testing

We can test the binding.  Presuming that we’re using the csv data source in the Github repository and the test app that we built last time (also in the repository), we can do the following:

Set useMeasures to True

Make sure that we bind measureMax to a totals cell for a measure, as with the example from the csv data data source in the app on Github:

Part6b.1.png

Make sure that we bind measureVal to a row cell for the same measure, as with the example from the csv data data source in the app on Github:

Part6b.2.png

Viola!

Part6b.3.png

Part6b.4.png

The entire content from part 6 – the extension, the test app and the csv datasource – are in the Part 6 repository on Github.

Next time, we’ll have a look at the complex property types, introduced in Design Studio 1.6.

To report this post you need to login first.

Be the first to leave a comment

You must be Logged on to comment or reply to a post.

Leave a Reply