logo
pub struct UiRect<T> where
    T: Reflect + PartialEq<T>, 
{ pub left: T, pub right: T, pub top: T, pub bottom: T, }
Expand description

A type which is commonly used to define positions, margins, paddings and borders.

Examples

Position

A position is used to determine where to place a UI element.

let position = UiRect {
    left: Val::Px(100.0),
    top: Val::Px(50.0),
    ..default()
};

If you define opposite sides of the position, the size of the UI element will automatically be calculated if not explicitly specified. This means that if you have a Size that uses Val::Undefined as a width and height, the size would be determined by the window size and the values specified in the position.

let position = UiRect {
    left: Val::Px(100.0),
    right: Val::Px(200.0),
    top: Val::Px(300.0),
    bottom: Val::Px(400.0),
};

To determine the width of the UI element you have to take the width of the window and subtract it by the left and right values of the position. To determine the height of the UI element you have to take the height of the window and subtract it by the top and bottom values of the position. If we had a window with a width and height of 1000px, the UI element declared above would have a width of 700px and a height of 300px.

// Size of the window
let window_width = 1000.0;
let window_height = 1000.0;

// Values of the position
let left = 100.0;
let right = 200.0;
let top = 300.0;
let bottom = 400.0;

// Calculation to get the size of the UI element
let ui_element_width = window_width - left - right;
let ui_element_height = window_height - top - bottom;

assert_eq!(ui_element_width, 700.0);
assert_eq!(ui_element_height, 300.0);

If you define a Size and also all four sides of the position, the top and left values of the position are used to determine where to place the UI element. The size will not be calculated using the bottom and right values of the position because the size of the UI element is already explicitly specified.

let style = Style {
    position: UiRect { // Defining all four sides
        left: Val::Px(100.0),
        right: Val::Px(200.0),
        top: Val::Px(300.0),
        bottom: Val::Px(400.0),
    },
    size: Size::new(Val::Percent(100.0), Val::Percent(50.0)), // but also explicitly specifying a size
    ..default()
};

Margin

A margin is used to create space around UI elements, outside of any defined borders.

let margin = UiRect::all(Val::Auto); // Centers the UI element

Padding

A padding is used to create space around UI elements, inside of any defined borders.

let padding = UiRect {
    left: Val::Px(10.0),
    right: Val::Px(20.0),
    top: Val::Px(30.0),
    bottom: Val::Px(40.0),
};

Borders

A border is used to define the width of the border of a UI element.

let border = UiRect {
    left: Val::Px(10.0),
    right: Val::Px(20.0),
    top: Val::Px(30.0),
    bottom: Val::Px(40.0),
};

Fields

left: T

The value corresponding to the left side of the UI rect.

right: T

The value corresponding to the right side of the UI rect.

top: T

The value corresponding to the top side of the UI rect.

bottom: T

The value corresponding to the bottom side of the UI rect.

Implementations

Creates a new UiRect from the values specified.

Example
let ui_rect = UiRect::new(
    Val::Px(10.0),
    Val::Px(20.0),
    Val::Px(30.0),
    Val::Px(40.0),
);

assert_eq!(ui_rect.left, Val::Px(10.0));
assert_eq!(ui_rect.right, Val::Px(20.0));
assert_eq!(ui_rect.top, Val::Px(30.0));
assert_eq!(ui_rect.bottom, Val::Px(40.0));

Creates a new UiRect where all sides have the same value.

Example
let ui_rect = UiRect::all(Val::Px(10.0));

assert_eq!(ui_rect.left, Val::Px(10.0));
assert_eq!(ui_rect.right, Val::Px(10.0));
assert_eq!(ui_rect.top, Val::Px(10.0));
assert_eq!(ui_rect.bottom, Val::Px(10.0));

Trait Implementations

Returns a copy of the value. Read more

Performs copy-assignment from source. Read more

Formats the value using the given formatter. Read more

Returns the “default value” for a type. Read more

This method tests for self and other values to be equal, and is used by ==. Read more

This method tests for !=. The default implementation is almost always sufficient, and should not be overridden without very good reason. Read more

Returns the type name of the underlying type.

Returns the TypeInfo of the underlying type. Read more

Returns the value as a Box<dyn Any>.

Returns the value as a &dyn Any.

Returns the value as a &mut dyn Any.

Casts this type to a reflected value

Casts this type to a mutable reflected value

Clones the value as a Reflect trait object. Read more

Performs a type-checked assignment of a reflected value to this value. Read more

Applies a reflected value to this value. Read more

Returns an enumeration of “kinds” of type. Read more

Returns a mutable enumeration of “kinds” of type. Read more

Returns a “partial equality” comparison result. Read more

Returns a hash of the value (which includes the type). Read more

Debug formatter for the value. Read more

Returns a serializable version of the value. Read more

Returns a reference to the value of the field named name as a &dyn Reflect. Read more

Returns a mutable reference to the value of the field named name as a &mut dyn Reflect. Read more

Returns a reference to the value of the field with index index as a &dyn Reflect. Read more

Returns a mutable reference to the value of the field with index index as a &mut dyn Reflect. Read more

Returns the name of the field with index index.

Returns the number of fields in the struct.

Returns an iterator over the values of the struct’s fields.

Clones the struct into a DynamicStruct.

Returns the compile-time info for the underlying type. Read more

Auto Trait Implementations

Blanket Implementations

Gets the TypeId of self. Read more

Return the T ShaderType for self. When used in AsBindGroup derives, it is safe to assume that all images in self exist. Read more

Immutably borrows from an owned value. Read more

Mutably borrows from an owned value. Read more

Convert Box<dyn Trait> (where Trait: Downcast) to Box<dyn Any>. Box<dyn Any> can then be further downcast into Box<ConcreteType> where ConcreteType implements Trait. Read more

Convert Rc<Trait> (where Trait: Downcast) to Rc<Any>. Rc<Any> can then be further downcast into Rc<ConcreteType> where ConcreteType implements Trait. Read more

Convert &Trait (where Trait: Downcast) to &Any. This is needed since Rust cannot generate &Any’s vtable from &Trait’s. Read more

Convert &mut Trait (where Trait: Downcast) to &Any. This is needed since Rust cannot generate &mut Any’s vtable from &mut Trait’s. Read more

Convert Arc<Trait> (where Trait: Downcast) to Arc<Any>. Arc<Any> can then be further downcast into Arc<ConcreteType> where ConcreteType implements Trait. Read more

Returns the argument unchanged.

Creates Self using data from the given World

Returns a reference to the value of the field named name, downcast to T. Read more

Returns a mutable reference to the value of the field named name, downcast to T. Read more

Returns a reference to the value specified by path. Read more

Returns a mutable reference to the value specified by path. Read more

Returns a statically typed reference to the value specified by path.

Returns a statically typed mutable reference to the value specified by path. Read more

Instruments this type with the provided Span, returning an Instrumented wrapper. Read more

Instruments this type with the current Span, returning an Instrumented wrapper. Read more

Calls U::from(self).

That is, this conversion is whatever the implementation of From<T> for U chooses to do.

The resulting type after obtaining ownership.

Creates owned data from borrowed data, usually by cloning. Read more

Uses borrowed data to replace owned data, usually by cloning. Read more

The type returned in the event of a conversion error.

Performs the conversion.

The type returned in the event of a conversion error.

Performs the conversion.

Attaches the provided Subscriber to this type, returning a WithDispatch wrapper. Read more

Attaches the current default Subscriber to this type, returning a WithDispatch wrapper. Read more