Trait Control

Source
pub trait Control:
    BaseControl
    + Deref<Target = Widget>
    + DerefMut
    + Reflect
    + Visit
    + ComponentProvider {
    // Required method
    fn handle_routed_message(
        &mut self,
        ui: &mut UserInterface,
        message: &mut UiMessage,
    );

    // Provided methods
    fn on_remove(&self, sender: &Sender<UiMessage>) { ... }
    fn measure_override(
        &self,
        ui: &UserInterface,
        available_size: Matrix<f32, Const<2>, Const<1>, ArrayStorage<f32, 2, 1>>,
    ) -> Matrix<f32, Const<2>, Const<1>, ArrayStorage<f32, 2, 1>> { ... }
    fn arrange_override(
        &self,
        ui: &UserInterface,
        final_size: Matrix<f32, Const<2>, Const<1>, ArrayStorage<f32, 2, 1>>,
    ) -> Matrix<f32, Const<2>, Const<1>, ArrayStorage<f32, 2, 1>> { ... }
    fn draw(&self, drawing_context: &mut DrawingContext) { ... }
    fn on_visual_transform_changed(&self) { ... }
    fn post_draw(&self, drawing_context: &mut DrawingContext) { ... }
    fn update(&mut self, dt: f32, ui: &mut UserInterface) { ... }
    fn preview_message(&self, ui: &UserInterface, message: &mut UiMessage) { ... }
    fn handle_os_event(
        &mut self,
        self_handle: Handle<UiNode>,
        ui: &mut UserInterface,
        event: &OsEvent,
    ) { ... }
}
Expand description

Trait for all UI controls in library.

Required Methods§

Source

fn handle_routed_message( &mut self, ui: &mut UserInterface, message: &mut UiMessage, )

Performs event-specific actions. Must call widget.handle_message()!

§Notes

Do not try to borrow node by self_handle in UI - at this moment node has been moved out of pool and attempt of borrowing will cause panic! self_handle should be used only to check if event came from/for this node or to capture input on node.

Provided Methods§

Source

fn on_remove(&self, sender: &Sender<UiMessage>)

This method will be called before the widget is destroyed (dropped). At the moment, when this method is called, the widget is still in the widget graph and can be accessed via handles. It is guaranteed to be called once, and only if the widget is deleted via crate::widget::WidgetMessage::remove.

Source

fn measure_override( &self, ui: &UserInterface, available_size: Matrix<f32, Const<2>, Const<1>, ArrayStorage<f32, 2, 1>>, ) -> Matrix<f32, Const<2>, Const<1>, ArrayStorage<f32, 2, 1>>

This method is used to override measurement step of the layout system. It should return desired size of the widget (how many space it wants to occupy).

§Example
#[derive(Clone, Visit, Reflect, Debug, ComponentProvider)]
struct MyWidget {
    widget: Widget,
}
impl Control for MyWidget {
    fn measure_override(
        &self,
        ui: &UserInterface,
        available_size: Vector2<f32>,
    ) -> Vector2<f32> {
        let mut size: Vector2<f32> = Vector2::default();

        // Measure children nodes and find the largest size of them.
        for &child in self.children.iter() {
            // Recursively measure children nodes. Measured size will be put in `desired_size`
            // of the widget.
            ui.measure_node(child, available_size);

            // Find max size across all the children widgets.
            size = size.sup(&ui.node(child).desired_size());
        }

        size
    }
}

The goal of this method is to supply the UI system with the size requirements of all descendants of the widget. In this example we measure all descendants recursively and finding the max desired size of across all the children widgets. This effectively does the following: size of this widget will be the max size of children widgets. Some widgets (like crate::canvas::Canvas), can provide infinite constraints to children nodes, to fetch unconstrained desired size.

It is recommended to check implementation of this method of built-in widgets (such as crate::canvas::Canvas, crate::stack_panel::StackPanel, crate::wrap_panel::WrapPanel, crate::grid::Grid). It should help you to understand measurement step better.

Source

fn arrange_override( &self, ui: &UserInterface, final_size: Matrix<f32, Const<2>, Const<1>, ArrayStorage<f32, 2, 1>>, ) -> Matrix<f32, Const<2>, Const<1>, ArrayStorage<f32, 2, 1>>

This method is used to override arrangement step of the layout system. Arrangement step is used to commit the final location and size of the widget in local coordinates. It is done after the measurement step; when all desired sizes of every widget is known. This fact allows you to calculate final location and size of every child widget, based in their desired size. Usually this method is used in some panel widgets, that takes their children and arranges them in some specific way. For example, it may stack widgets on top of each other, or put them in a line with wrapping, etc.

§Example
#[derive(Clone, Visit, Reflect, Debug, ComponentProvider)]
struct MyWidget {
    widget: Widget,
}
impl Control for MyWidget {
    fn arrange_override(&self, ui: &UserInterface, final_size: Vector2<f32>) -> Vector2<f32> {
        let final_rect = Rect::new(0.0, 0.0, final_size.x, final_size.y);

        // Commit final locations and size for each child node.
        for &child in self.children.iter() {
            ui.arrange_node(child, &final_rect);
        }

        final_size
    }
}

This example arranges all the children widgets using the given final_size, that comes from the parent widget, so all children will have exactly the same size as the parent and be located at (0;0) point in local coordinates.

It is recommended to check implementation of this method of built-in widgets (such as crate::canvas::Canvas, crate::stack_panel::StackPanel, crate::wrap_panel::WrapPanel, crate::grid::Grid). It should help you to understand arrangement step better.

Source

fn draw(&self, drawing_context: &mut DrawingContext)

This method is used to emit drawing commands that will be used later to draw your widget on screen. Keep in mind that any emitted geometry (quads, lines, text, etc), will be used to perform hit test. In other words, all the emitted geometry will make your widget “clickable”. Widgets with no geometry emitted by this method are mouse input transparent.

§Example
#[derive(Clone, Visit, Reflect, Debug, ComponentProvider)]
struct MyWidget {
    widget: Widget,
}
impl Control for MyWidget {
fn draw(&self, drawing_context: &mut DrawingContext) {
    let bounds = self.widget.bounding_rect();

    // Push a rect.
    drawing_context.push_rect_filled(&bounds, None);

    // Commit the geometry, it is mandatory step, otherwise your widget's geometry
    // will be "attached" to some other widget that will call `commit`.
    drawing_context.commit(
        self.clip_bounds(),
        self.widget.background(),
        CommandTexture::None,
        None,
    );
}
}

This example shows how to draw a simple quad using the background brush of the widget. See docs for DrawingContext for more info.

Source

fn on_visual_transform_changed(&self)

Source

fn post_draw(&self, drawing_context: &mut DrawingContext)

The same as Self::draw, but it runs after all descendant widgets are rendered.

Source

fn update(&mut self, dt: f32, ui: &mut UserInterface)

This method is called every frame and can be used to update internal variables of the widget, that can be used to animated your widget. Its main difference from other methods, is that it does not provide access to any other widget in the UI. Instead, you can only send messages to widgets to force them to change their state.

§Important notes

Due to performance reasons, you must set .with_need_update(true) in widget builder to force library to call update method!

Source

fn preview_message(&self, ui: &UserInterface, message: &mut UiMessage)

Used to react to a message (by producing another message) that was posted outside of current hierarchy. In other words this method is used when you need to “peek” a message before it’ll be passed into bubbling router. Most common use case is to catch messages from popups: popup in 99.9% cases is a child of root canvas and it won’t receive a message from a its logical parent during bubbling message routing. For example preview_message used in a dropdown list: dropdown list has two separate parts - a field with selected value and a popup for all possible options. Visual parent of the popup in this case is the root canvas, but logical parent is the dropdown list. Because of this fact, the field won’t receive any messages from popup, to solve this we use preview_message. This method is much more restrictive - it does not allow you to modify a node and ui, you can either request changes by sending a message or use internal mutability (Cell, RefCell, etc).

§Important notes

Due to performance reasons, you must set .with_preview_messages(true) in widget builder to force library to call preview_message!

The order of execution of this method is undefined! There is no guarantee that it will be called hierarchically as widgets connected.

Source

fn handle_os_event( &mut self, self_handle: Handle<UiNode>, ui: &mut UserInterface, event: &OsEvent, )

Provides a way to respond to OS specific events. Can be useful to detect if a key or mouse button was pressed. This method significantly differs from handle_message because os events are not dispatched - they’ll be passed to this method in any case.

§Important notes

Due to performance reasons, you must set .with_handle_os_messages(true) in widget builder to force library to call handle_os_event!

Implementors§

Source§

impl Control for AbsmEventProvider

Source§

impl Control for AnimationBlendingStateMachine

Source§

impl Control for AnimationPlayer

Source§

impl Control for Border

Source§

impl Control for Button

Source§

impl Control for Canvas

Source§

impl Control for CheckBox

Source§

impl Control for ColorGradientEditor

Source§

impl Control for ColorGradientField

Source§

impl Control for ColorPoint

Source§

impl Control for AlphaBar

Source§

impl Control for ColorField

Source§

impl Control for ColorPicker

Source§

impl Control for HueBar

Source§

impl Control for SaturationBrightnessField

Source§

impl Control for CurveEditor

Source§

impl Control for Decorator

Source§

impl Control for DockingManager

Source§

impl Control for Tile

Source§

impl Control for DropdownList

Source§

impl Control for DropdownMenu

Source§

impl Control for Expander

Source§

impl Control for FileBrowser

Source§

impl Control for FileSelector

Source§

impl Control for FileSelectorField

Source§

impl Control for Grid

Source§

impl Control for Image

Source§

impl Control for ArrayEditor

Source§

impl Control for InheritablePropertyEditor

Source§

impl Control for TextureSliceEditor

Source§

impl Control for TextureSliceEditorWindow

Source§

impl Control for TextureSliceFieldEditor

Source§

impl Control for Inspector

Source§

impl Control for HotKeyEditor

Source§

impl Control for KeyBindingEditor

Source§

impl Control for ListView

Source§

impl Control for ListViewItem

Source§

impl Control for ContextMenu

Source§

impl Control for Menu

Source§

impl Control for MenuItem

Source§

impl Control for MessageBox

Source§

impl Control for NavigationLayer

Source§

impl Control for NinePatch

Source§

impl Control for PathEditor

Source§

impl Control for Popup

Source§

impl Control for ProgressBar

Source§

impl Control for Screen

Source§

impl Control for ScrollBar

Source§

impl Control for ScrollPanel

Source§

impl Control for ScrollViewer

Source§

impl Control for Selector

Source§

impl Control for StackPanel

Source§

impl Control for TabControl

Source§

impl Control for Text

Source§

impl Control for TextBox

Source§

impl Control for Thumb

Source§

impl Control for ToggleButton

Source§

impl Control for Tree

Source§

impl Control for TreeRoot

Source§

impl Control for UuidEditor

Source§

impl Control for VectorImage

Source§

impl Control for Window

Source§

impl Control for WrapPanel

Source§

impl<T> Control for BitField<T>
where T: BitContainer,

Source§

impl<T> Control for CollectionEditor<T>
where T: CollectionItem,

Source§

impl<T> Control for EnumPropertyEditor<T>
where T: InspectableEnum,

Source§

impl<T> Control for NumericUpDown<T>
where T: NumericType,

Source§

impl<T> Control for RangeEditor<T>
where T: NumericType,

Source§

impl<T> Control for RectEditor<T>
where T: NumericType,

Source§

impl<T, const D: usize> Control for VecEditor<T, D>
where T: NumericType,

Source§

impl<const R: usize, const C: usize, T> Control for MatrixEditor<R, C, T>
where T: NumericType,