Struct fyrox_ui::text_box::TextBox

pub struct TextBox {

    pub widget: Widget,
    pub caret_position: Position,
    pub caret_visible: bool,
    pub blink_timer: f32,
    pub blink_interval: f32,
    pub formatted_text: RefCell<FormattedText>,
    pub selection_range: Option<SelectionRange>,
    pub selecting: bool,
    pub has_focus: bool,
    pub caret_brush: Brush,
    pub selection_brush: Brush,
    pub filter: Option<Rc<RefCell<FilterCallback>>>,
    pub commit_mode: TextCommitMode,
    pub multiline: bool,
    pub editable: bool,
    pub view_position: Vector2<f32>,
    pub skip_chars: Vec<u32>,
}

TextBox is a text widget that allows you to edit text and create specialized input fields. It has various options like word wrapping, text alignment, and so on.

How to create

An instance of the TextBox widget could be created like so:

fn create_text_box(ui: &mut UserInterface, text: &str) -> Handle<UiNode> {
    TextBoxBuilder::new(WidgetBuilder::new())
        .with_text(text)
        .build(&mut ui.build_ctx())
}

Text alignment and word wrapping

There are various text alignment options for both vertical and horizontal axes. Typical alignment values are: HorizontalAlignment::Left, HorizontalAlignment::Center, HorizontalAlignment::Right for horizontal axis, and VerticalAlignment::Top, VerticalAlignment::Center, VerticalAlignment::Bottom for vertical axis. An instance of centered text could be created like so:

fn create_centered_text(ui: &mut UserInterface, text: &str) -> Handle<UiNode> {
    TextBoxBuilder::new(WidgetBuilder::new())
        .with_horizontal_text_alignment(HorizontalAlignment::Center)
        .with_vertical_text_alignment(VerticalAlignment::Center)
    .with_text(text)
    .build(&mut ui.build_ctx())
}

Long text is usually needs to wrap on available bounds, there are three possible options for word wrapping: WrapMode::NoWrap, WrapMode::Letter, WrapMode::Word. An instance of text with word-based wrapping could be created like so:

fn create_text_with_word_wrap(ui: &mut UserInterface, text: &str) -> Handle<UiNode> {
    TextBoxBuilder::new(WidgetBuilder::new())
        .with_wrap(WrapMode::Word)
        .with_text(text)
        .build(&mut ui.build_ctx())
}

Fonts and colors

To set a color of the text just use WidgetBuilder::with_foreground while building the text instance:

fn create_text(ui: &mut UserInterface, text: &str) -> Handle<UiNode> {
    //                  vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
    TextBoxBuilder::new(WidgetBuilder::new().with_foreground(Brush::Solid(Color::RED)))
        .with_text(text)
        .build(&mut ui.build_ctx())
}

By default, text is created with default font, however it is possible to set any custom font:

fn load_font() -> SharedFont {
    // Choose desired character set, default is Basic Latin + Latin Supplement.
    // Character set is a set of ranges with Unicode code points.
    let character_set = Font::default_char_set();

    // Normally `block_on` should be avoided.
    let font = block_on(Font::from_file(
        "path/to/your/font.ttf",
        24.0,
        character_set,
    ))
    .unwrap();

    SharedFont::new(font)
}

fn create_text(ui: &mut UserInterface, text: &str) -> Handle<UiNode> {
    TextBoxBuilder::new(WidgetBuilder::new())
        .with_font(load_font())
        .with_text(text)
        .build(&mut ui.build_ctx())
}

Please refer to SharedFont to learn more about fonts.

Font size

There is no way to change font size without changing the entire font used by Text, it is known issue and there is tracking issue for that. Check Font chapter to learn how to create fonts.

Messages

TextBox widget accepts the following list of messages:

• TextBoxMessage::SelectionBrush - change the brush that is used to highlight selection.
• TextBoxMessage::CaretBrush - changes the brush of the caret (small blinking vertical line).
• TextBoxMessage::TextCommitMode - changes the text commit mode.
• TextBoxMessage::Multiline - makes the TextBox either multiline (true) or single line (false)
• TextBoxMessage::Editable - enables or disables editing of the text.

Important: Please keep in mind, that TextBox widget also accepts TextMessages. An example of changing text at runtime could be something like this:

fn request_change_text(ui: &UserInterface, text_box_widget_handle: Handle<UiNode>, text: &str) {
    ui.send_message(TextMessage::text(
        text_box_widget_handle,
        MessageDirection::ToWidget,
        text.to_owned(),
    ))
}

Please keep in mind, that like any other situation when you “changing” something via messages, you should remember that the change is not immediate. The change will be applied on ui.poll_message(..) call somewhere in your code.

Shortcuts

There are number of default shortcuts that can be used to speed up text editing:

• Ctrl+A - select all
• Ctrl+C - copy selected text
• Ctrl+V - paste text from clipboard
• Ctrl+Home - move caret to the beginning of the text
• Ctrl+End - move caret to the beginning of the text
• Shift+Home - select everything from current caret position until the beginning of current line
• Shift+End - select everything from current caret position until the end of current line
• Arrows - move caret accordingly
• Delete - deletes next character
• Backspace - deletes previous character
• Enter - new line (if multiline mode is set) or commit message

Multiline Text Box

By default, text box will not add new line character to the text if you press Enter on keyboard. To enable this functionality use TextBoxBuilder::with_multiline

Read-only Mode

You can enable or disable content editing by using read-only mode. Use TextBoxBuilder::with_editable at build stage.

Mask Character

You can specify replacement character for every other characters, this is useful option for password fields. Use TextBoxBuilder::with_mask_char at build stage. For example, you can set replacement character to asterisk * using .with_mask_char(Some('*'))

Text Commit Mode

In many situations you don’t need the text box to send new text message every new character, you either want this message if Enter key is pressed or TextBox has lost keyboard focus (or both). There is TextBoxBuilder::with_text_commit_mode on builder specifically for that purpose. Use one of the following modes:

• TextCommitMode::Immediate - text box will immediately send TextMessage::Text message after any change.
• TextCommitMode::LostFocus - text box will send TextMessage::Text message only when it loses focus.
• TextCommitMode::LostFocusPlusEnter - text box will send TextMessage::Text message when it loses focus or if Enter key was pressed. This is default behavior. In case of multiline text box hitting Enter key won’t commit text!

Filtering

It is possible specify custom input filter, it can be useful if you’re creating special input fields like numerical or phone number. A filter can be specified at build stage like so:

fn create_text_box(ui: &mut UserInterface) -> Handle<UiNode> {
    TextBoxBuilder::new(WidgetBuilder::new())
        // Specify a filter that will pass only digits.
        .with_filter(Rc::new(RefCell::new(|c: char| c.is_ascii_digit())))
        .build(&mut ui.build_ctx())
}

Style

You can change brush of caret by using TextBoxBuilder::with_caret_brush and also selection brush by using TextBoxBuilder::with_selection_brush, it could be useful if you don’t like default colors.

Fields

widget: Widget

Base widget of the text box.

caret_position: Position

Current position of the caret in the text box.

caret_visible: bool

Whether the caret is visible or not.

blink_timer: f32

Internal blinking timer.

blink_interval: f32

Blinking interval in seconds.

formatted_text: RefCell<FormattedText>

Formatted text that stores actual text and performs its layout. See FormattedText docs for more info.

selection_range: Option<SelectionRange>

Current selection range.

selecting: bool

true if the text box is in selection mode.

has_focus: bool

true if the text box is focused.

caret_brush: Brush

Current caret brush of the text box.

selection_brush: Brush

Current selection brush of the text box.

filter: Option<Rc<RefCell<FilterCallback>>>

Current character filter of the text box.

commit_mode: TextCommitMode

Current text commit mode of the text box.

multiline: bool

true if the the multiline mode is active.

editable: bool

true if the text box is editable.

view_position: Vector2<f32>

Position of the local “camera” (viewing rectangle) of the text box.

skip_chars: Vec<u32>

A list of custom characters that will be treated as whitespace.

Implementations

impl TextBox

pub fn position_to_char_index_unclamped( &self, position: Position ) -> Option<usize>

Maps input Position to a linear position in character array. Output index can be equal to length of text, this means that position is at the end of the text. You should check the index before trying to use it to fetch data from inner array of characters.

pub fn position_to_char_index_clamped( &self, position: Position ) -> Option<usize>

Maps input Position to a linear position in character array. Output index will always be valid for fetching, if the method returned Some(index). The index however cannot be used for text insertion, because it cannot point to a “place after last char”.

pub fn char_index_to_position(&self, i: usize) -> Option<Position>

Maps linear character index (as in string) to its actual location in the text.

pub fn end_position(&self) -> Position

Returns end position of the text.

pub fn find_next_word(&self, from: Position) -> Position

Returns a position of a next word after the caret in the text.

pub fn find_prev_word(&self, from: Position) -> Position

Returns a position of a next word before the caret in the text.

pub fn get_text_len(&self) -> usize

Returns current text length in characters.

pub fn caret_local_position(&self) -> Vector2<f32>

Returns current position the caret in the local coordinates.

pub fn is_valid_position(&self, position: Position) -> bool

Checks whether the input position is correct (in bounds) or not.

pub fn screen_pos_to_text_pos( &self, screen_point: Vector2<f32> ) -> Option<Position>

Tries to map screen space position to a position in the text.

pub fn text(&self) -> String

Returns current text of text box.

pub fn wrap_mode(&self) -> WrapMode

Returns current word wrapping mode of text box.

pub fn font(&self) -> SharedFont

Returns current font of text box.

pub fn vertical_alignment(&self) -> VerticalAlignment

Returns current vertical alignment of text box.

pub fn horizontal_alignment(&self) -> HorizontalAlignment

Returns current horizontal alignment of text box.

Methods from Deref<Target = Widget>

pub fn handle(&self) -> Handle<UiNode>

Returns self handle of the widget.

pub fn name(&self) -> &str

Returns the name of the widget.

pub fn set_name<P: AsRef<str>>(&mut self, name: P) -> &mut Self

Sets the new name of the widget.

pub fn actual_local_size(&self) -> Vector2<f32>

Returns the actual size of the widget after the full layout cycle.

pub fn actual_initial_size(&self) -> Vector2<f32>

Returns size of the widget without any layout or rendering transform applied.

pub fn actual_global_size(&self) -> Vector2<f32>

Returns the actual global size of the widget after the full layout cycle.

pub fn set_min_size(&mut self, value: Vector2<f32>) -> &mut Self

Sets the new minimum size of the widget.

pub fn set_min_width(&mut self, value: f32) -> &mut Self

Sets the new minimum width of the widget.

pub fn set_min_height(&mut self, value: f32) -> &mut Self

Sets the new minimum height of the widget.

pub fn min_size(&self) -> Vector2<f32>

Sets the new minimum size of the widget.

pub fn min_width(&self) -> f32

Returns the minimum width of the widget.

pub fn min_height(&self) -> f32

Returns the minimum height of the widget.

pub fn is_drag_allowed(&self) -> bool

Return true if the dragging of the widget is allowed, false - otherwise.

pub fn is_drop_allowed(&self) -> bool

Return true if the dropping of other widgets is allowed on this widget, false - otherwise.

pub fn screen_to_local(&self, point: Vector2<f32>) -> Vector2<f32>

Maps the given point from screen to local widget’s coordinates.

pub fn invalidate_layout(&self)

Invalidates layout of the widget. WARNING: Do not use this method, unless you understand what you’re doing, it will cause new layout pass for this widget which could be quite heavy and doing so on every frame for multiple widgets will cause severe performance issues.

pub fn invalidate_measure(&self)

Invalidates measurement results of the widget. WARNING: Do not use this method, unless you understand what you’re doing, it will cause new measurement pass for this widget which could be quite heavy and doing so on every frame for multiple widgets will cause severe performance issues.

pub fn invalidate_arrange(&self)

Invalidates arrangement results of the widget. WARNING: Do not use this method, unless you understand what you’re doing, it will cause new arrangement pass for this widget which could be quite heavy and doing so on every frame for multiple widgets will cause severe performance issues.

pub fn is_hit_test_visible(&self) -> bool

Returns true if the widget is able to participate in hit testing, false - otherwise.

pub fn set_max_size(&mut self, value: Vector2<f32>) -> &mut Self

Sets the new maximum size of the widget.

pub fn max_size(&self) -> Vector2<f32>

Returns current maximum size of the widget.

pub fn max_width(&self) -> f32

Returns maximum width of the widget.

pub fn max_height(&self) -> f32

Return maximum height of the widget.

pub fn set_z_index(&mut self, z_index: usize) -> &mut Self

Sets new Z index for the widget. Z index defines the sorting (stable) index which will be used to “arrange” widgets in the correct order.

pub fn z_index(&self) -> usize

Returns current Z index of the widget.

pub fn set_background(&mut self, brush: Brush) -> &mut Self

Sets the new background of the widget.

pub fn background(&self) -> Brush

Returns current background of the widget.

pub fn set_foreground(&mut self, brush: Brush) -> &mut Self

Sets new foreground of the widget.

pub fn foreground(&self) -> Brush

Returns current foreground of the widget.

pub fn set_width(&mut self, width: f32) -> &mut Self

Sets new width of the widget.

pub fn width(&self) -> f32

Returns current width of the widget.

pub fn is_draw_on_top(&self) -> bool

Return true if the widget is set to be drawn on top of every other, normally drawn, widgets, false - otherwise.

pub fn set_height(&mut self, height: f32) -> &mut Self

Sets new height of the widget.

pub fn height(&self) -> f32

Returns current height of the widget.

pub fn set_desired_local_position(&mut self, pos: Vector2<f32>) -> &mut Self

Sets the desired local position of the widget.

pub fn screen_position(&self) -> Vector2<f32>

Returns current screen-space position of the widget.

pub fn children(&self) -> &[Handle<UiNode>]

Returns a reference to the slice with the children widgets of this widget.

pub fn parent(&self) -> Handle<UiNode>

Returns current parent handle of the widget.

pub fn set_column(&mut self, column: usize) -> &mut Self

Sets new column of the widget. Columns are used only by crate::grid::Grid widget.

pub fn column(&self) -> usize

Returns current column of the widget. Columns are used only by crate::grid::Grid widget.

pub fn set_row(&mut self, row: usize) -> &mut Self

Sets new row of the widget. Rows are used only by crate::grid::Grid widget.

pub fn row(&self) -> usize

Returns current row of the widget. Rows are used only by crate::grid::Grid widget.

pub fn desired_size(&self) -> Vector2<f32>

Returns the desired size of the widget.

pub fn desired_local_position(&self) -> Vector2<f32>

Returns current desired local position of the widget.

pub fn screen_bounds(&self) -> Rect<f32>

Returns current screen-space bounds of the widget.

pub fn bounding_rect(&self) -> Rect<f32>

Returns local-space bounding rect of the widget.

pub fn visual_transform(&self) -> &Matrix3<f32>

Returns current visual transform of the widget.

pub fn render_transform(&self) -> &Matrix3<f32>

Returns current render transform of the widget.

pub fn layout_transform(&self) -> &Matrix3<f32>

Returns current layout transform of the widget.

pub fn has_descendant( &self, node_handle: Handle<UiNode>, ui: &UserInterface ) -> bool

Returns true, if the widget has a descendant widget with the specified handle, false - otherwise.

pub fn find_by_criteria_up<Func: Fn(&UiNode) -> bool>( &self, ui: &UserInterface, func: Func ) -> Handle<UiNode>

Searches a node up on tree starting from the given root that matches a criteria defined by the given func.

pub fn handle_routed_message( &mut self, _ui: &mut UserInterface, msg: &mut UiMessage )

Handles incoming WidgetMessages. This method must be called in crate::control::Control::handle_routed_message of any derived widgets!

pub fn set_vertical_alignment( &mut self, vertical_alignment: VerticalAlignment ) -> &mut Self

Sets new vertical alignment of the widget.

pub fn vertical_alignment(&self) -> VerticalAlignment

Returns current vertical alignment of the widget.

pub fn set_horizontal_alignment( &mut self, horizontal_alignment: HorizontalAlignment ) -> &mut Self

Sets new horizontal alignment of the widget.

pub fn horizontal_alignment(&self) -> HorizontalAlignment

Returns current horizontal alignment of the widget.

pub fn set_margin(&mut self, margin: Thickness) -> &mut Self

Sets new margin of the widget.

pub fn margin(&self) -> Thickness

Returns current margin of the widget.

pub fn measure_override( &self, ui: &UserInterface, available_size: Vector2<f32> ) -> Vector2<f32>

Performs standard measurement of children nodes. It provides available size as a constraint and returns the maximum desired size across all children. As a result, this widget will have this size as its desired size to fit all the children nodes.

pub fn arrange_override( &self, ui: &UserInterface, final_size: Vector2<f32> ) -> Vector2<f32>

Performs standard arrangement of the children nodes of the widget. It uses input final size to make a final bounding rectangle to arrange children. As a result, all the children nodes will be located at the top-left corner of this widget and stretched to fit its bounds.

pub fn is_arrange_valid(&self) -> bool

Returns true if the current results of arrangement of the widget are valid, false - otherwise.

pub fn is_measure_valid(&self) -> bool

Returns true if the current results of measurement of the widget are valid, false - otherwise.

pub fn actual_local_position(&self) -> Vector2<f32>

Returns current actual local position of the widget. It is valid only after layout pass!

pub fn center(&self) -> Vector2<f32>

Returns center point of the widget. It is valid only after layout pass!

pub fn is_globally_visible(&self) -> bool

Returns true of the widget is globally visible, which means that all its parents are visible as well as this widget. It is valid only after the first update of the layout, otherwise if will be always false.

pub fn set_visibility(&mut self, visibility: bool) -> &mut Self

Sets new visibility of the widget.

pub fn request_update_visibility(&self)

Requests (via event queue, so the request is deferred) the update of the visibility of the widget.

pub fn visibility(&self) -> bool

Returns current visibility of the widget.

pub fn set_enabled(&mut self, enabled: bool) -> &mut Self

Enables or disables the widget. Disabled widgets does not interact with user and usually greyed out.

pub fn enabled(&self) -> bool

Returns true if the widget if enabled, false - otherwise.

pub fn set_cursor(&mut self, cursor: Option<CursorIcon>)

Sets new cursor of the widget.

pub fn cursor(&self) -> Option<CursorIcon>

Returns current cursor of the widget.

pub fn user_data_ref<T: 'static>(&self) -> Option<&T>

Tries to fetch user-defined data of the specified type T.

pub fn clip_bounds(&self) -> Rect<f32>

Returns current clipping bounds of the widget. It is valid only after at least one layout pass.

pub fn set_opacity(&mut self, opacity: Option<f32>) -> &mut Self

Set new opacity of the widget. Opacity should be in [0.0..1.0] range.

pub fn opacity(&self) -> Option<f32>

Returns current opacity of the widget.

pub fn tooltip(&self) -> Option<RcUiNodeHandle>

Returns current tooltip handle of the widget.

pub fn set_tooltip(&mut self, tooltip: Option<RcUiNodeHandle>) -> &mut Self

Sets new tooltip handle of the widget (if any).

pub fn tooltip_time(&self) -> f32

Returns maximum available time to show the tooltip after the cursor was moved away from the widget.

pub fn set_tooltip_time(&mut self, tooltip_time: f32) -> &mut Self

Set the maximum available time to show the tooltip after the cursor was moved away from the widget.

pub fn context_menu(&self) -> Option<RcUiNodeHandle>

Returns current context menu of the widget.

pub fn set_context_menu( &mut self, context_menu: Option<RcUiNodeHandle> ) -> &mut Self

The context menu receives PopupMessages for being displayed, and so should support those.

Trait Implementations

impl Clone for TextBox

fn clone(&self) -> TextBox

Returns a copy of the value.

fn clone_from(&mut self, source: &Self)

Performs copy-assignment from source.

impl Control for TextBox

fn query_component(&self, type_id: TypeId) -> Option<&dyn Any>

Allows a widget to provide access to inner components. For example you can build your custom MyTree widget using engine’s Tree widget as a base. The engine needs to know whether the custom widget is actually extends functionality of some existing widget.

fn measure_override( &self, _: &UserInterface, available_size: Vector2<f32> ) -> Vector2<f32>

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).

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.

fn update(&mut self, dt: f32, _sender: &Sender<UiMessage>)

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.

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

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

fn resolve(&mut self, node_map: &NodeHandleMapping)

This method will be called right after the widget was cloned. It is used remap handles in the widgets to their respective copies from the copied hierarchy.

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.

fn arrange_override( &self, ui: &UserInterface, final_size: Vector2<f32> ) -> Vector2<f32>

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.

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).

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.

impl Debug for TextBox

fn fmt(&self, f: &mut Formatter<'_>) -> Result

Formats the value using the given formatter.

impl Deref for TextBox

type Target = Widget

The resulting type after dereferencing.

fn deref(&self) -> &Self::Target

Dereferences the value.

impl DerefMut for TextBox

fn deref_mut(&mut self) -> &mut Self::Target

Mutably dereferences the value.