rsc3/doc-schelp/HelpSource/Classes/Slider2D.schelp

230 lines
5.8 KiB
Text
Raw Permalink Normal View History

2022-08-24 13:53:18 +00:00
class:: Slider2D
summary:: A view with a handle movable in two dimensions.
categories:: GUI>Views
DESCRIPTION::
A view that allows setting two numerical values represented by the horizontal and vertical position of a handle movable in two dimensions.
The values are always within the range between 0 and 1. Scaling the output and input values to your needs can easily be achieved by using a link::Classes/ControlSpec:: with its link::Classes/ControlSpec#-map#-map:: and link::Classes/ControlSpec#-unmap#-unmap:: methods.
The link::#-step:: variable determines the amount by which the values will change when the handle is controlled using the keyboard. By default, holding down the Shift, Ctrl, or Alt key will multiply this amount by 100, 10, or 0.1 respectively, though you can customize this by setting link::#-shift_scale::, link::#-ctrl_scale::, or link::#-alt_scale::.
Drag and drop gives and accepts a link::Classes/Point:: of which the two coordinates represent the two values of the Slider2D.
CLASSMETHODS::
PRIVATE:: key
INSTANCEMETHODS::
SUBSECTION:: Data
METHOD:: x
The value represented by the horizontal position of the handle. It will always be clipped to the range between 0 and 1.
argument::
A Float.
METHOD:: y
The value represented by the vertical position of the handle. It will always be clipped to the range between 0 and 1.
argument::
A Float.
METHOD:: activex
Sets link::#-x:: and triggers the link::#-action::.
METHOD:: activey
Sets link::#-y:: and triggers the link::#-action::.
METHOD:: setXY
Sets link::#-x:: and link::#-y:: to the two arguments.
METHOD:: setXYActive
Sets link::#-x:: and link::#-y:: to the two arguments, and triggers the link::#-action::.
METHOD:: incrementX
Increments link::#-x:: by link::#-step:: multiplied by code::factor::.
METHOD:: decrementX
Decrements link::#-x:: by link::#-step:: multiplied by code::factor::.
METHOD:: incrementY
Increments link::#-y:: by link::#-step:: multiplied by code::factor::.
METHOD:: decrementY
Decrements link::#-y:: by link::#-step:: multiplied by code::factor::.
SUBSECTION:: Appearance
METHOD:: knobColor
The color of the handle.
argument::
A Color.
SUBSECTION:: Interaction
METHOD:: step
The amount by which link::#-x:: or link::#-y:: will change when incremented or decremented, either by calling relevant methods, or when related keys are pressed.
argument::
A Float.
METHOD:: pixelStepX
The absolute amount by which link::#-x:: would change if the handle moved horizontally by one pixel.
returns::
A Float.
METHOD:: pixelStepY
The absolute amount by which link::#-y:: would change if the handle moved vertically by one pixel.
returns::
A Float.
METHOD:: shift_scale
The factor by which link::#-step:: is multiplied when incrementing or decrementing the values by keyboard while the Shift key is pressed.
argument::
A Float.
METHOD:: ctrl_scale
The factor by which link::#-step:: is multiplied when incrementing or decrementing the values by keyboard while the Ctrl key is pressed.
argument::
A Float.
METHOD:: alt_scale
The factor by which link::#-step:: is multiplied when incrementing or decrementing the values by keyboard while the Alt key is pressed.
argument::
A Float.
SUBSECTION:: Actions
METHOD:: action
The action object evaluated whenever the user changes the position or size of the handle.
METHOD:: defaultKeyDownAction
Implements the default effects of key presses as follows:
table::
## strong::Key:: || strong::Effect::
## r || x_(1.rand), y_(1.rand), and triggers action
## n || x_(0), y_(0), and triggers action
## x || x_(1), y_(1), and triggers action
## c || x_(0.5), y_(0.5), and triggers action
## up arrow || incrementY
## down arrow || decrementY
## right arrow || incrementX
## left arrow || decrementX
::
SUBSECTION:: Drag and drop
METHOD:: defaultGetDrag
returns::
A Point of which the x and y coordinates are set to link::#-x:: and link::#-y::, respectively.
METHOD:: defaultCanReceiveDrag
returns::
True if the current drag data is a Point.
METHOD:: defaultReceiveDrag
Sets link::#-x:: and link::#-y:: to the two coordinates of the Point stored as the current drag data, respectively, and triggers the link::#-action::.
EXAMPLES::
code::
(
w = Window("Slider2D", Rect(100, 100, 140, 140));
t = Slider2D(w, Rect(20, 20, 80, 80))
.x_(0.5) // initial location of x
.y_(1) // initial location of y
.action_({|sl|
[\sliderX, sl.x, \sliderY, sl.y].postln;
});
w.front;
)
t.x // get the x loc
t.x_(0.25) // set the x loc
::
Drag an drop Points
code::
(
w = Window("Slider2D", Rect(100, 100, 500, 300));
w.view.decorator = FlowLayout(w.view.bounds);
t = Slider2D(w, Rect(20, 20, 280, 280))
.x_(0.5) // initial location of x
.y_(1) // initial location of y
.background_(Color.rand)
.action_({|sl|
[\sliderX, sl.x, \sliderY, sl.y].postln;
});
t.step_(0.01);
n = CompositeView.new(w, 200@300);
n.decorator = FlowLayout(n.bounds);
v = { |i| DragBoth.new(n, Rect(0, i * 20, 200, 20)).background_(Color.rand).align_(\center) }.dup(5);
StaticText.new(n, 200@150).string_("hold down cmd and drag points from the slider to the drag slots, or reverse").stringColor_(Color.white);
w.front;
)
::
Shape a Sound
code::
(
s.waitForBoot({
a = {arg mod = 0.05, index = 0.05;
var r,out, out2;
r = Saw.ar(8, 0.03);
out = PMOsc.ar(
440,
660 * mod, 3 * index, 0,
Lag.ar(r,0.01,1));
[out,Delay1.ar(out)];
}.play;
w = Window("Slider2D", Rect(100,Window.screenBounds.height - 400, 300, 300));
w.view.decorator = FlowLayout(w.view.bounds);
t = Slider2D(w, Rect(0, 0,292, 292))
.y_(0.05)
.x_(0.05)
.background_(Color.rand)
.knobColor_(Color.rand)
.action_({|sl|
a.set(\mod,sl.x,\index,sl.y);
});
w.front;
CmdPeriod.doOnce({w.close});
})
)
::