3 # This demonstration script creates a canvas widget that displays a
4 # large line with an arrowhead whose shape can be edited interactively.
6 # RCS: @(#) $Id: arrow.tcl,v 1.2 1998/09/14 18:23:26 stanton Exp $
8 if {![info exists widgetDemo]} {
9 error "This script should be run from the \"widget\" demo."
13 # This procedure regenerates all the text and graphics in the canvas
14 # window. It's called when the canvas is initially created, and also
15 # whenever any of the parameters of the arrow head are changed
19 # c - Name of the canvas widget.
22 upvar #0 demo_arrowInfo v
24 # Remember the current box, if there is one.
26 set tags [$c gettags current]
28 set cur [lindex $tags [lsearch -glob $tags box?]]
33 # Create the arrow and outline.
36 eval "$c create line $v(x1) $v(y) $v(x2) $v(y) -width [expr 10*$v(width)] \
37 -arrowshape {[expr 10*$v(a)] [expr 10*$v(b)] [expr 10*$v(c)]} \
38 -arrow last $v(bigLineStyle)"
39 set xtip [expr $v(x2)-10*$v(b)]
40 set deltaY [expr 10*$v(c)+5*$v(width)]
41 $c create line $v(x2) $v(y) $xtip [expr $v(y)+$deltaY] \
42 [expr $v(x2)-10*$v(a)] $v(y) $xtip [expr $v(y)-$deltaY] \
43 $v(x2) $v(y) -width 2 -capstyle round -joinstyle round
45 # Create the boxes for reshaping the line and arrowhead.
47 eval "$c create rect [expr $v(x2)-10*$v(a)-5] [expr $v(y)-5] \
48 [expr $v(x2)-10*$v(a)+5] [expr $v(y)+5] $v(boxStyle) \
50 eval "$c create rect [expr $xtip-5] [expr $v(y)-$deltaY-5] \
51 [expr $xtip+5] [expr $v(y)-$deltaY+5] $v(boxStyle) \
53 eval "$c create rect [expr $v(x1)-5] [expr $v(y)-5*$v(width)-5] \
54 [expr $v(x1)+5] [expr $v(y)-5*$v(width)+5] $v(boxStyle) \
57 eval $c itemconfigure $cur $v(activeStyle)
60 # Create three arrows in actual size with the same parameters
62 $c create line [expr $v(x2)+50] 0 [expr $v(x2)+50] 1000 \
64 set tmp [expr $v(x2)+100]
65 $c create line $tmp [expr $v(y)-125] $tmp [expr $v(y)-75] \
67 -arrow both -arrowshape "$v(a) $v(b) $v(c)"
68 $c create line [expr $tmp-25] $v(y) [expr $tmp+25] $v(y) \
70 -arrow both -arrowshape "$v(a) $v(b) $v(c)"
71 $c create line [expr $tmp-25] [expr $v(y)+75] [expr $tmp+25] \
72 [expr $v(y)+125] -width $v(width) \
73 -arrow both -arrowshape "$v(a) $v(b) $v(c)"
75 # Create a bunch of other arrows and text items showing the
78 set tmp [expr $v(x2)+10]
79 $c create line $tmp [expr $v(y)-5*$v(width)] \
80 $tmp [expr $v(y)-$deltaY] \
81 -arrow both -arrowshape $v(smallTips)
82 $c create text [expr $v(x2)+15] [expr $v(y)-$deltaY+5*$v(c)] \
84 set tmp [expr $v(x1)-10]
85 $c create line $tmp [expr $v(y)-5*$v(width)] \
86 $tmp [expr $v(y)+5*$v(width)] \
87 -arrow both -arrowshape $v(smallTips)
88 $c create text [expr $v(x1)-15] $v(y) -text $v(width) -anchor e
89 set tmp [expr $v(y)+5*$v(width)+10*$v(c)+10]
90 $c create line [expr $v(x2)-10*$v(a)] $tmp $v(x2) $tmp \
91 -arrow both -arrowshape $v(smallTips)
92 $c create text [expr $v(x2)-5*$v(a)] [expr $tmp+5] \
94 set tmp [expr $tmp+25]
95 $c create line [expr $v(x2)-10*$v(b)] $tmp $v(x2) $tmp \
96 -arrow both -arrowshape $v(smallTips)
97 $c create text [expr $v(x2)-5*$v(b)] [expr $tmp+5] \
100 $c create text $v(x1) 310 -text "-width $v(width)" \
101 -anchor w -font {Helvetica 18}
102 $c create text $v(x1) 330 -text "-arrowshape {$v(a) $v(b) $v(c)}" \
103 -anchor w -font {Helvetica 18}
112 wm title $w "Arrowhead Editor Demonstration"
113 wm iconname $w "arrow"
117 label $w.msg -font $font -wraplength 5i -justify left -text "This widget allows you to experiment with different widths and arrowhead shapes for lines in canvases. To change the line width or the shape of the arrowhead, drag any of the three boxes attached to the oversized arrow. The arrows on the right give examples at normal scale. The text at the bottom shows the configuration options as you'd enter them for a canvas line item."
118 pack $w.msg -side top
121 pack $w.buttons -side bottom -fill x -pady 2m
122 button $w.buttons.dismiss -text Dismiss -command "destroy $w"
123 button $w.buttons.code -text "See Code" -command "showCode $w"
124 pack $w.buttons.dismiss $w.buttons.code -side left -expand 1
126 canvas $c -width 500 -height 350 -relief sunken -borderwidth 2
127 pack $c -expand yes -fill both
129 set demo_arrowInfo(a) 8
130 set demo_arrowInfo(b) 10
131 set demo_arrowInfo(c) 3
132 set demo_arrowInfo(width) 2
133 set demo_arrowInfo(motionProc) arrowMoveNull
134 set demo_arrowInfo(x1) 40
135 set demo_arrowInfo(x2) 350
136 set demo_arrowInfo(y) 150
137 set demo_arrowInfo(smallTips) {5 5 2}
138 set demo_arrowInfo(count) 0
139 if {[winfo depth $c] > 1} {
140 set demo_arrowInfo(bigLineStyle) "-fill SkyBlue1"
141 set demo_arrowInfo(boxStyle) "-fill {} -outline black -width 1"
142 set demo_arrowInfo(activeStyle) "-fill red -outline black -width 1"
144 set demo_arrowInfo(bigLineStyle) "-fill black \
145 -stipple @[file join $tk_library demos images grey.25]"
146 set demo_arrowInfo(boxStyle) "-fill {} -outline black -width 1"
147 set demo_arrowInfo(activeStyle) "-fill black -outline black -width 1"
150 $c bind box <Enter> "$c itemconfigure current $demo_arrowInfo(activeStyle)"
151 $c bind box <Leave> "$c itemconfigure current $demo_arrowInfo(boxStyle)"
152 $c bind box <B1-Enter> " "
153 $c bind box <B1-Leave> " "
154 $c bind box1 <1> {set demo_arrowInfo(motionProc) arrowMove1}
155 $c bind box2 <1> {set demo_arrowInfo(motionProc) arrowMove2}
156 $c bind box3 <1> {set demo_arrowInfo(motionProc) arrowMove3}
157 $c bind box <B1-Motion> "\$demo_arrowInfo(motionProc) $c %x %y"
158 bind $c <Any-ButtonRelease-1> "arrowSetup $c"
161 # This procedure is called for each mouse motion event on box1 (the
162 # one at the vertex of the arrow). It updates the controlling parameters
163 # for the line and arrowhead.
166 # c - The name of the canvas window.
167 # x, y - The coordinates of the mouse.
169 proc arrowMove1 {c x y} {
170 upvar #0 demo_arrowInfo v
171 set newA [expr ($v(x2)+5-round([$c canvasx $x]))/10]
178 if {$newA != $v(a)} {
179 $c move box1 [expr 10*($v(a)-$newA)] 0
185 # This procedure is called for each mouse motion event on box2 (the
186 # one at the trailing tip of the arrowhead). It updates the controlling
187 # parameters for the line and arrowhead.
190 # c - The name of the canvas window.
191 # x, y - The coordinates of the mouse.
193 proc arrowMove2 {c x y} {
194 upvar #0 demo_arrowInfo v
195 set newB [expr ($v(x2)+5-round([$c canvasx $x]))/10]
202 set newC [expr ($v(y)+5-round([$c canvasy $y])-5*$v(width))/10]
209 if {($newB != $v(b)) || ($newC != $v(c))} {
210 $c move box2 [expr 10*($v(b)-$newB)] [expr 10*($v(c)-$newC)]
217 # This procedure is called for each mouse motion event on box3 (the
218 # one that controls the thickness of the line). It updates the
219 # controlling parameters for the line and arrowhead.
222 # c - The name of the canvas window.
223 # x, y - The coordinates of the mouse.
225 proc arrowMove3 {c x y} {
226 upvar #0 demo_arrowInfo v
227 set newWidth [expr ($v(y)+2-round([$c canvasy $y]))/5]
231 if {$newWidth > 20} {
234 if {$newWidth != $v(width)} {
235 $c move box3 0 [expr 5*($v(width)-$newWidth)]
236 set v(width) $newWidth