1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
|
# -*- coding: utf-8 -*-
# frozen_string_literal: false
require "tkcanvas"
if defined?($hscale_demo) && $hscale_demo
$hscale_demo.destroy
$hscale_demo = nil
end
$hscale_demo = TkToplevel.new {|w|
title("Horizontal Scale Demonstration")
iconname("hscale")
}
positionWindow($hscale_demo)
base_frame = TkFrame.new($hscale_demo).pack(:fill=>:both, :expand=>true)
msg = TkLabel.new(base_frame) {
font $font
wraplength '3.5i'
justify 'left'
text "下には矢印が1つと水平なスケールが表示されています。\
スケール上でマウスボタン1をクリック、またはドラッグすると\
矢印の長さを変えることができます。"
}
msg.pack('side'=>'top')
TkFrame.new(base_frame) {|frame|
TkButton.new(frame) {
#text '了解'
text '閉じる'
command proc {
tmppath = $hscale_demo
$hscale_demo = nil
tmppath.destroy
}
}.pack('side'=>'left', 'expand'=>'yes')
TkButton.new(frame) {
text 'コード参照'
command proc { showCode 'hscale' }
}.pack('side'=>'left', 'expand'=>'yes')
}.pack('side'=>'bottom', 'fill'=>'x', 'pady'=>'2m')
def setWidth(w, width)
width = width + 21
x2 = width - 30
if x2 < 21
x2 = 21
end
w.coords 'poly',20,15,20,35,x2,35,x2,45,width,25,x2,5,x2,15,20,15
w.coords 'line',20,15,20,35,x2,35,x2,45,width,25,x2,5,x2,15,20,15
end
TkFrame.new(base_frame) {|frame|
canvas = TkCanvas.new(frame) {|c|
width 50
height 50
bd 0
highlightthickness 0
TkcPolygon.new(c, '0', '0', '1', '1', '2', '2') {
fill 'DeepSkyBlue'
tags 'poly'
}
TkcLine.new(c, '0', '0', '1', '1', '2', '2', '0', '0') {
fill 'black'
tags 'line'
}
}.pack('side'=>'top', 'expand'=>'yes', 'anchor'=>'s', 'fill'=>'x', 'padx'=>'15')
scale = TkScale.new(frame) {
orient 'horizontal'
length 284
from 0
to 250
command proc{|value| setWidth(canvas, value)}
tickinterval 50
}.pack('side'=>'bottom', 'expand'=>'yes', 'anchor'=>'n')
scale.set 75
}.pack('side'=>'top', 'fill'=>'x')
|
