Add some text entry handling for vizia ParamSlider
This will need to wait for https://github.com/vizia/vizia/issues/85 as right now it's not yet possible to get this to behave correctly (other than perhaps sending manual WindowEvents on the next frame).
This commit is contained in:
parent
41d30561fa
commit
629619256e
12
Cargo.lock
generated
12
Cargo.lock
generated
|
@ -1867,9 +1867,9 @@ checksum = "e2abad23fbc42b3700f2f279844dc832adb2b2eb069b2df918f455c4e18cc646"
|
|||
|
||||
[[package]]
|
||||
name = "libc"
|
||||
version = "0.2.120"
|
||||
version = "0.2.121"
|
||||
source = "registry+https://github.com/rust-lang/crates.io-index"
|
||||
checksum = "ad5c14e80759d0939d013e6ca49930e59fc53dd8e5009132f76240c179380c09"
|
||||
checksum = "efaa7b300f3b5fe8eb6bf21ce3895e1751d9665086af2d64b42f19701015ff4f"
|
||||
|
||||
[[package]]
|
||||
name = "libloading"
|
||||
|
@ -3605,7 +3605,7 @@ checksum = "49874b5167b65d7193b8aba1567f5c7d93d001cafc34600cee003eda787e483f"
|
|||
[[package]]
|
||||
name = "vizia"
|
||||
version = "0.1.0"
|
||||
source = "git+https://github.com/robbert-vdh/vizia.git?branch=feature/baseview-modifiers#e65871171bbc0ef589a228497cf8a32624d979c8"
|
||||
source = "git+https://github.com/robbert-vdh/vizia.git?branch=feature/baseview-modifiers#c4becedf8a57938ac846dde1b70a536f99e71386"
|
||||
dependencies = [
|
||||
"vizia_baseview",
|
||||
"vizia_core",
|
||||
|
@ -3614,7 +3614,7 @@ dependencies = [
|
|||
[[package]]
|
||||
name = "vizia_baseview"
|
||||
version = "0.1.0"
|
||||
source = "git+https://github.com/robbert-vdh/vizia.git?branch=feature/baseview-modifiers#e65871171bbc0ef589a228497cf8a32624d979c8"
|
||||
source = "git+https://github.com/robbert-vdh/vizia.git?branch=feature/baseview-modifiers#c4becedf8a57938ac846dde1b70a536f99e71386"
|
||||
dependencies = [
|
||||
"baseview",
|
||||
"femtovg",
|
||||
|
@ -3626,7 +3626,7 @@ dependencies = [
|
|||
[[package]]
|
||||
name = "vizia_core"
|
||||
version = "0.1.0"
|
||||
source = "git+https://github.com/robbert-vdh/vizia.git?branch=feature/baseview-modifiers#e65871171bbc0ef589a228497cf8a32624d979c8"
|
||||
source = "git+https://github.com/robbert-vdh/vizia.git?branch=feature/baseview-modifiers#c4becedf8a57938ac846dde1b70a536f99e71386"
|
||||
dependencies = [
|
||||
"bitflags",
|
||||
"copypasta",
|
||||
|
@ -3649,7 +3649,7 @@ dependencies = [
|
|||
[[package]]
|
||||
name = "vizia_derive"
|
||||
version = "0.1.0"
|
||||
source = "git+https://github.com/robbert-vdh/vizia.git?branch=feature/baseview-modifiers#e65871171bbc0ef589a228497cf8a32624d979c8"
|
||||
source = "git+https://github.com/robbert-vdh/vizia.git?branch=feature/baseview-modifiers#c4becedf8a57938ac846dde1b70a536f99e71386"
|
||||
dependencies = [
|
||||
"proc-macro2",
|
||||
"quote",
|
||||
|
|
|
@ -9,7 +9,8 @@ param-slider {
|
|||
transition: background-color 0.1 0;
|
||||
}
|
||||
|
||||
/* WTB Sass */
|
||||
/* Vizia doesn't support commas in selectors */
|
||||
/* Also, WTB Sass */
|
||||
param-slider:active {
|
||||
background-color: #8080801a;
|
||||
transition: background-color 0.1 0;
|
||||
|
|
|
@ -16,7 +16,7 @@ const GRANULAR_DRAG_MULTIPLIER: f32 = 0.1;
|
|||
/// TODO: Handle scrolling for steps (and shift+scroll for smaller steps?)
|
||||
/// TODO: We may want to add a couple dedicated event handlers if it seems like those would be
|
||||
/// useful, having a completely self contained widget is perfectly fine for now though
|
||||
/// TODO: Implement ALt+Click text input in this version
|
||||
/// TODO: Text entry doesn't work correctly yet because vizia's still missing some functionality
|
||||
pub struct ParamSlider {
|
||||
// We're not allowed to store a reference to the parameter internally, at least not in the
|
||||
// struct that implements [`View`]
|
||||
|
@ -34,6 +34,35 @@ pub struct ParamSlider {
|
|||
granular_drag_start_x_value: Option<(f32, f32)>,
|
||||
}
|
||||
|
||||
enum ParamSliderEvent {
|
||||
/// Text input has been cancelled without submitting a new value.
|
||||
CancelTextInput,
|
||||
/// A new value has been sent by the text input dialog after pressint Enter.
|
||||
TextInput(String),
|
||||
}
|
||||
|
||||
/// Internal param slider state the view needs to react to.
|
||||
#[derive(Lens)]
|
||||
// TODO: Lens requires everything to be marked as `pub`
|
||||
pub struct ParamSliderInternal {
|
||||
/// Will be set to `true` when the field gets Alt+Click'ed which will replae the label with a
|
||||
/// text box.
|
||||
text_input_active: bool,
|
||||
}
|
||||
|
||||
enum ParamSliderInternalEvent {
|
||||
SetTextInputActive(bool),
|
||||
}
|
||||
|
||||
impl Model for ParamSliderInternal {
|
||||
fn event(&mut self, _cx: &mut Context, event: &mut Event) {
|
||||
if let Some(ParamSliderInternalEvent::SetTextInputActive(value)) = event.message.downcast()
|
||||
{
|
||||
self.text_input_active = *value;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
impl ParamSlider {
|
||||
/// Creates a new [`ParamSlider`] for the given parameter. To accomdate VIZIA's mapping system,
|
||||
/// you'll need to provide a lens containing your `Params` implementation object (check out how
|
||||
|
@ -47,25 +76,17 @@ impl ParamSlider {
|
|||
params_to_param: F,
|
||||
) -> Handle<'a, Self>
|
||||
where
|
||||
L: Lens<Target = Params>,
|
||||
L: Lens<Target = Params> + Copy,
|
||||
F: 'static + Fn(&Params) -> &P + Copy,
|
||||
Params: 'static,
|
||||
P: Param,
|
||||
{
|
||||
let param_display_value_lens = params
|
||||
.clone()
|
||||
.map(move |params| params_to_param(params).to_string());
|
||||
let normalized_param_value_lens = params
|
||||
.clone()
|
||||
.map(move |params| params_to_param(params).normalized_value());
|
||||
|
||||
// We'll visualize the difference between the current value and the default value if the
|
||||
// default value lies somewhere in the middle and the parameter is continuous. Otherwise
|
||||
// this appraoch looks a bit jarring.
|
||||
// We need to do a bit of a nasty and erase the lifetime bound by going through the raw
|
||||
// GuiContext and a ParamPtr.
|
||||
let param_ptr = *params
|
||||
.clone()
|
||||
.map(move |params| params_to_param(params).as_ptr())
|
||||
.get(cx);
|
||||
let default_value = unsafe {
|
||||
|
@ -85,35 +106,72 @@ impl ParamSlider {
|
|||
is_double_click: false,
|
||||
granular_drag_start_x_value: None,
|
||||
}
|
||||
.build2(cx, |cx| {
|
||||
.build2(cx, move |cx| {
|
||||
ParamSliderInternal {
|
||||
text_input_active: false,
|
||||
}
|
||||
.build(cx);
|
||||
|
||||
Binding::new(
|
||||
cx,
|
||||
ParamSliderInternal::text_input_active,
|
||||
move |cx, text_input_active| {
|
||||
let param_display_value_lens =
|
||||
params.map(move |params| params_to_param(params).to_string());
|
||||
let normalized_param_value_lens =
|
||||
params.map(move |params| params_to_param(params).normalized_value());
|
||||
|
||||
// Only draw the text input widget when it gets focussed. Otherwise, overlay the
|
||||
// label with the slider.
|
||||
if *text_input_active.get(cx) {
|
||||
Textbox::new(cx, param_display_value_lens)
|
||||
.class("value-entry")
|
||||
.on_submit(|cx, string| cx.emit(ParamSliderEvent::TextInput(string)))
|
||||
.on_focus_out(|cx| cx.emit(ParamSliderEvent::CancelTextInput))
|
||||
.child_space(Stretch(1.0))
|
||||
.height(Stretch(1.0))
|
||||
.width(Stretch(1.0));
|
||||
} else {
|
||||
ZStack::new(cx, move |cx| {
|
||||
// The filled bar portion
|
||||
Element::new(cx).class("fill").height(Stretch(1.0)).bind(
|
||||
normalized_param_value_lens,
|
||||
move |handle, value| {
|
||||
Element::new(cx)
|
||||
.class("fill")
|
||||
.height(Stretch(1.0))
|
||||
.bind(normalized_param_value_lens, move |handle, value| {
|
||||
let current_value = *value.get(handle.cx);
|
||||
if draw_fill_from_default {
|
||||
handle
|
||||
.left(Percentage(default_value.min(current_value) * 100.0))
|
||||
.right(Percentage(
|
||||
100.0 - (default_value.max(current_value) * 100.0),
|
||||
));
|
||||
let (start_t, mut delta) = if draw_fill_from_default {
|
||||
(
|
||||
default_value.min(current_value),
|
||||
(default_value - current_value).abs(),
|
||||
)
|
||||
} else {
|
||||
handle
|
||||
.left(Percentage(0.0))
|
||||
.right(Percentage(100.0 - (current_value * 100.0)));
|
||||
}
|
||||
},
|
||||
);
|
||||
(0.0, current_value)
|
||||
};
|
||||
|
||||
// Don't draw the filled portion at all if it could have been a
|
||||
// rounding error since those slivers just look weird
|
||||
if delta < 1e-3 {
|
||||
delta = 0.0;
|
||||
}
|
||||
|
||||
handle
|
||||
.left(Percentage(start_t * 100.0))
|
||||
.width(Percentage(delta * 100.0));
|
||||
})
|
||||
// Hovering is handled on the param slider as a whole, this should
|
||||
// not affect that
|
||||
.hoverable(false);
|
||||
|
||||
// Only draw the text input widget when it gets focussed. Otherwise, overlay the label with
|
||||
// the slider.
|
||||
// TODO: Text entry stuff
|
||||
Label::new(cx, param_display_value_lens)
|
||||
.class("value")
|
||||
.height(Stretch(1.0))
|
||||
.width(Stretch(1.0));
|
||||
});
|
||||
.width(Stretch(1.0))
|
||||
.hoverable(false);
|
||||
})
|
||||
.hoverable(false);
|
||||
}
|
||||
},
|
||||
);
|
||||
})
|
||||
}
|
||||
|
||||
|
@ -144,15 +202,38 @@ impl View for ParamSlider {
|
|||
}
|
||||
|
||||
fn event(&mut self, cx: &mut Context, event: &mut Event) {
|
||||
if let Some(param_slider_event) = event.message.downcast() {
|
||||
match param_slider_event {
|
||||
ParamSliderEvent::CancelTextInput => {
|
||||
cx.emit(ParamSliderInternalEvent::SetTextInputActive(false))
|
||||
}
|
||||
ParamSliderEvent::TextInput(string) => {
|
||||
if let Some(normalized_value) =
|
||||
unsafe { self.param_ptr.string_to_normalized_value(string) }
|
||||
{
|
||||
cx.emit(RawParamEvent::BeginSetParameter(self.param_ptr));
|
||||
self.set_normalized_value(cx, normalized_value);
|
||||
cx.emit(RawParamEvent::EndSetParameter(self.param_ptr));
|
||||
}
|
||||
|
||||
cx.emit(ParamSliderInternalEvent::SetTextInputActive(false))
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if let Some(window_event) = event.message.downcast() {
|
||||
match window_event {
|
||||
WindowEvent::MouseDown(MouseButton::Left) => {
|
||||
if cx.modifiers.alt() {
|
||||
cx.emit(ParamSliderInternalEvent::SetTextInputActive(true));
|
||||
// TODO: Once vizia implements it: (and probably do this from
|
||||
// `SetTextInputActive`)
|
||||
// - Focus the text box
|
||||
// - Select all text
|
||||
// - Move the caret to the end
|
||||
} else if cx.modifiers.command() || self.is_double_click {
|
||||
// Ctrl+Click and double click should reset the parameter instead of initiating
|
||||
// a drag operation
|
||||
// TODO: Handle Alt+Click for text entry
|
||||
if cx.modifiers.command() || self.is_double_click {
|
||||
self.is_double_click = false;
|
||||
|
||||
cx.emit(RawParamEvent::BeginSetParameter(self.param_ptr));
|
||||
cx.emit(RawParamEvent::ResetParameter(self.param_ptr));
|
||||
cx.emit(RawParamEvent::EndSetParameter(self.param_ptr));
|
||||
|
@ -178,6 +259,10 @@ impl View for ParamSlider {
|
|||
);
|
||||
}
|
||||
}
|
||||
|
||||
// We'll set this here because weird things like Alt+double click should not
|
||||
// cause the next click to become a reset
|
||||
self.is_double_click = false;
|
||||
}
|
||||
WindowEvent::MouseDoubleClick(MouseButton::Left) => {
|
||||
// Vizia will send a regular mouse down after this, so we'll handle the reset
|
||||
|
|
|
@ -14,6 +14,7 @@ const POINT_SCALE: f32 = 0.75;
|
|||
const STYLE: &str = r#""#;
|
||||
|
||||
#[derive(Lens)]
|
||||
// TODO: Lens requires everything to be marked as `pub`
|
||||
pub struct Data {
|
||||
params: Pin<Arc<GainParams>>,
|
||||
peak_meter: Arc<AtomicF32>,
|
||||
|
|
|
@ -22,6 +22,7 @@ struct Gain {
|
|||
}
|
||||
|
||||
#[derive(Params)]
|
||||
// TODO: Lens requires everything to be marked as `pub`
|
||||
pub struct GainParams {
|
||||
#[id = "gain"]
|
||||
pub gain: FloatParam,
|
||||
|
|
Loading…
Reference in a new issue