● Visualize Toolkit

To make the Toolkit visible on the System Console, use the toolkit_set_property command and the visible property.

Below is an example.

toolkit_set_property self visible true

Setting the visible property to True makes the widget visible in the GUI.

Use self if the property is provided throughout the toolkit.

Otherwise, use all to refer to the root toolkit.

なお ここで使用している toolkit_set_property コマンドの構文は以下のとおりです。

toolkit_set_property <id> <propertyName> <value>

argument

<id> unique id of the widget being edited

<propertyName> Name of the widget property being set

<value> new value for the widget property

● Add and configure widgets

Use the toolkit_add command to add widgets.

The syntax for the toolkit_add command is:

toolkit_add <id> <type> <groupid>

argument

<id> Unique ID of the widget being added

<type> the type of widget being added

<groupid> ID of the parent group containing the new widget

Also, set the details of the created widget using the toolkit_set_property command.

For example, if it is a text Box widget, you can set the initial display and the width of the text Box,

For group widgets, you can set the number of widgets to be placed in one row within the group widget.

(For the syntax of the toolkit_set_property command, see the “Visualize the Toolkit” section.)

Below is an example of building SW0 (see the red box in the bottom right of the figure below) with an LED widget.

toolkit_add SW0 led leds　　　　　　　　　 # LED ウィジェット SW0 を追加 toolkit_set_property SW0 text "SW0"　　　　# SW0 はテキストで SW0 と表示 toolkit_set_property SW0 color green_off　　 # SW0 は 緑色(消灯)

When constructing an LED and a button, like LED3 (see the red box in the top left of the figure above), you would write:

toolkit_add LED3_led led buttons　　　　　　　　　 # LED ウィジェット LED3_led を追加 toolkit_set_property LED3_led text " "　　　　　　　 # LED3_led はテキストで表示なし toolkit_set_property LED3_led color red_off　　　　　# LED3_led は赤(消灯)
toolkit_add LED3 button buttons　　　　　　　　　　# ボタンウィジェット LED3 を追加 toolkit_set_property LED3 text "LED3"　　　　　　　 # LED3 はテキストで LED3 と表示 toolkit_set_property LED3 onClick {toggle_led 3}　　　# LED3 はクリックするたびに {} を実行

● Add event

Some widgets perform user-specified actions called callbacks.

For example, the TextField widget's onChange property is called when the text content changes.

The button widget's onClick is called when the button is clicked.

Callbacks update widgets based on the contents of text fields or the state of other widgets, or communicate with services.

To register an event with a callback as a trigger, define a procedure (proc command).

The syntax of the proc command is as follows:

proc <name> {args} {body}

argument

<name> procedure name

{args} variable list

{body}　Tcl スクリプト

For example, click the button widget labeled LED3 to turn on LED3 on the board (write value to address 0x90),

To light up the LED widgets at the same time, write:

# This Procedure toggles the LED when you push the button on the toolkit proc toggle_led {led } { global master_path set led_read [master_read_8 $master_path 0x90 1]
# (LED0～LED2 用のコード省略)
if {$led == 3 } { set led_set [expr 8 ^ $led_read] }
master_write_8 $master_path 0x90 $led_set
set led_read [master_read_8 $master_path 0x90 1]
# (LED0～LED2 用のコード省略)
if { [expr {$led_read & 8}] == 8 } { toolkit_set_property LED3_led color red }
if { [expr {$led_read & 8}] == 0 } { toolkit_set_property LED3_led color red_off } }

▲ Return to page top

Click here for recommended articles/materials

Intel® FPGA Development Flow/FPGA Top Page

Let's use the FPGA system debugging tool "System Console"