Struct vizia::views::Slider

pub struct Slider<L>
where
    L: Lens,
{ /* private fields */ }

The slider control can be used to select from a continuous set of values.

The slider control consists of three main parts, a thumb element which can be moved between the extremes of a linear track, and an active element which fills the slider to indicate the current value.

The slider orientation is determined by its dimensions. If the slider width is greater than the height then the thumb moves horizontally, whereas if the slider height is greater than the width the thumb moves vertically.

Examples

Basic Slider

In the following example, a slider is bound to a value. The on_changing callback is used to send an event to mutate the bound value when the slider thumb is moved, or if the track is clicked on.

Slider::new(cx, AppData::value)
    .on_changing(|cx, value| {
        debug!("Slider on_changing: {}", value);
    });

Slider with Label

HStack::new(cx, |cx|{
    Slider::new(cx, AppData::value)
        .on_changing(|cx, value| {
            debug!("Slider on_changing: {}", value);
        });
    Label::new(cx, AppData::value.map(|val| format!("{:.2}", val)));
});

Implementations

impl<L> Slider<L>

where L: Lens<Target = f32>,

pub fn new(cx: &mut Context, lens: L) -> Handle<'_, Slider<L>>

Creates a new slider bound to the value targeted by the lens.

Example

Slider::new(cx, AppData::value)
    .on_changing(|cx, value| {
        debug!("Slider on_changing: {}", value);
    });

pub fn custom<F>(cx: &mut Context, lens: L, content: F) -> Handle<'_, Slider<L>>

where F: FnOnce(&mut Context),

Trait Implementations

impl<L> View for Slider<L>

where L: Lens<Target = f32>,

fn element(&self) -> Option<&'static str>

Specifies a name for the view type which can be used as an element selector in css.

fn accessibility(&self, _cx: &mut AccessContext<'_>, node: &mut AccessNode)

fn event(&mut self, cx: &mut EventContext<'_>, event: &mut Event)

Handles any events received by the view.

fn build<F>(self, cx: &mut Context, content: F) -> Handle<'_, Self>

where F: FnOnce(&mut Context),

Builds the view into the tree and returns a handle which can be used to apply style and layout modifiers to the view.

fn draw(&self, cx: &mut DrawContext<'_>, canvas: &Canvas)

Provides custom drawing for the view.