Trait StyleModifiers

pub trait StyleModifiers: Modifiable {
    // Provided methods
    fn id(self, id: impl Into<String>) -> Self { ... }
    fn class(self, name: &str) -> Self { ... }
    fn toggle_class(self, name: &str, applied: impl Res<bool>) -> Self { ... }
    fn checked<U: Into<bool>>(self, state: impl Res<U>) -> Self { ... }
    fn focused<U: Into<bool>>(self, state: impl Res<U>) -> Self { ... }
    fn focused_with_visibility<U: Into<bool>>(
        self,
        focus: impl Res<U> + Copy + 'static,
        visibility: impl Res<U> + Copy + 'static,
    ) -> Self { ... }
    fn read_only<U: Into<bool>>(self, state: impl Res<U>) -> Self { ... }
    fn read_write<U: Into<bool>>(self, state: impl Res<U>) -> Self { ... }
    fn disabled<U: Into<bool>>(self, value: impl Res<U>) -> Self { ... }
    fn display<U: Into<Display>>(self, value: impl Res<U>) -> Self { ... }
    fn visibility<U: Into<Visibility>>(self, value: impl Res<U>) -> Self { ... }
    fn opacity<U: Into<Opacity>>(self, value: impl Res<U>) -> Self { ... }
    fn z_index<U: Into<i32>>(self, value: impl Res<U>) -> Self { ... }
    fn clip_path<U: Into<ClipPath>>(self, value: impl Res<U>) -> Self { ... }
    fn overflow<U: Into<Overflow>>(self, value: impl Res<U>) -> Self { ... }
    fn overflowx<U: Into<Overflow>>(self, value: impl Res<U>) -> Self { ... }
    fn overflowy<U: Into<Overflow>>(self, value: impl Res<U>) -> Self { ... }
    fn backdrop_filter<U: Into<Filter>>(self, value: impl Res<U>) -> Self { ... }
    fn shadow<U: Into<Shadow>>(self, value: impl Res<U>) -> Self { ... }
    fn shadows<U: Into<Vec<Shadow>>>(self, value: impl Res<U>) -> Self { ... }
    fn background_gradient<U: Into<Gradient>>(self, value: impl Res<U>) -> Self { ... }
    fn background_color<U: Into<Color>>(self, value: impl Res<U>) -> Self { ... }
    fn background_image<'i, U: Into<BackgroundImage<'i>>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn border_width<U: Into<LengthOrPercentage>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn border_color<U: Into<Color>>(self, value: impl Res<U>) -> Self { ... }
    fn border_style<U: Into<BorderStyleKeyword>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn corner_top_left_radius<U: Into<LengthOrPercentage>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn corner_top_right_radius<U: Into<LengthOrPercentage>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn corner_bottom_left_radius<U: Into<LengthOrPercentage>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn corner_bottom_right_radius<U: Into<LengthOrPercentage>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn corner_radius<U: Debug + Into<CornerRadius>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn corner_top_left_shape<U: Into<CornerShape>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn corner_top_right_shape<U: Into<CornerShape>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn corner_bottom_left_shape<U: Into<CornerShape>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn corner_bottom_right_shape<U: Into<CornerShape>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn corner_shape<U: Debug + Into<Rect<CornerShape>>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn corner_top_left_smoothing<U: Into<f32>>(self, value: impl Res<U>) -> Self { ... }
    fn corner_top_right_smoothing<U: Into<f32>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn corner_bottom_left_smoothing<U: Into<f32>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn corner_bottom_right_smoothing<U: Into<f32>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn corner_smoothing<U: Debug + Into<Rect<f32>>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn outline_width<U: Into<LengthOrPercentage>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn outline_color<U: Into<Color>>(self, value: impl Res<U>) -> Self { ... }
    fn outline_offset<U: Into<LengthOrPercentage>>(
        self,
        value: impl Res<U>,
    ) -> Self { ... }
    fn cursor<U: Into<CursorIcon>>(self, value: impl Res<U>) -> Self { ... }
    fn pointer_events<U: Into<PointerEvents>>(self, value: impl Res<U>) -> Self { ... }
    fn transform<U: Into<Vec<Transform>>>(self, value: impl Res<U>) -> Self { ... }
    fn transform_origin<U: Into<Position>>(self, value: impl Res<U>) -> Self { ... }
    fn translate<U: Into<Translate>>(self, value: impl Res<U>) -> Self { ... }
    fn rotate<U: Into<Angle>>(self, value: impl Res<U>) -> Self { ... }
    fn scale<U: Into<Scale>>(self, value: impl Res<U>) -> Self { ... }
}

Modifiers for changing the style properties of a view.

Provided Methods

fn id(self, id: impl Into<String>) -> Self

Sets the ID name of the view.

A view can have only one ID name and it must be unique. The ID name can be referenced by a CSS selector.

Example

Element::new(cx).id("foo");

css

#foo {
    background-color: red;
}

fn class(self, name: &str) -> Self

Adds a class name to the view.

A view can have multiple classes. The class name can be referenced by a CSS selector.

Example

Element::new(cx).class("foo");

css

.foo {
    background-color: red;
}

fn toggle_class(self, name: &str, applied: impl Res<bool>) -> Self

Sets whether a view should have the given class name.

fn checked<U: Into<bool>>(self, state: impl Res<U>) -> Self

Sets the checked state of the view.

fn focused<U: Into<bool>>(self, state: impl Res<U>) -> Self

Sets the focused state of the view.

Since only one view can have keyboard focus at a time, subsequent calls to this function on other views will cause those views to gain focus and this view to lose it.

fn focused_with_visibility<U: Into<bool>>( self, focus: impl Res<U> + Copy + 'static, visibility: impl Res<U> + Copy + 'static, ) -> Self

Sets the focused state of the view as well as the focus visibility.

fn read_only<U: Into<bool>>(self, state: impl Res<U>) -> Self

Sets whether the view should be in a read-only state.

fn read_write<U: Into<bool>>(self, state: impl Res<U>) -> Self

Sets whether the view should be in a read-write state.

fn disabled<U: Into<bool>>(self, value: impl Res<U>) -> Self

Sets the view to be disabled.

This property is inherited by the descendants of the view.

fn display<U: Into<Display>>(self, value: impl Res<U>) -> Self

Sets whether the view should be positioned and rendered.

A display value of Display::None causes the view to be ignored by both layout and rendering.

fn visibility<U: Into<Visibility>>(self, value: impl Res<U>) -> Self

Sets whether the view should be rendered.

The layout system will still compute the size and position of an invisible (hidden) view.

fn opacity<U: Into<Opacity>>(self, value: impl Res<U>) -> Self

Sets the opacity of the view.

Exects a value between 0.0 (transparent) and 1.0 (opaque).

fn z_index<U: Into<i32>>(self, value: impl Res<U>) -> Self

Sets the z-index of the view.

Views with a higher z-index will be rendered on top of those with a lower z-order. Views with the same z-index are rendered in tree order.

fn clip_path<U: Into<ClipPath>>(self, value: impl Res<U>) -> Self

Sets the clip path for the the view.

fn overflow<U: Into<Overflow>>(self, value: impl Res<U>) -> Self

Sets the overflow behavior of the view in the horizontal and vertical directions simultaneously.

fn overflowx<U: Into<Overflow>>(self, value: impl Res<U>) -> Self

Sets the overflow behavior of the view in the horizontal direction.

The overflow behavior determines whether child views can render outside the bounds of their parent.

fn overflowy<U: Into<Overflow>>(self, value: impl Res<U>) -> Self

Sets the overflow behavior of the view in the vertical direction.

The overflow behavior determines whether child views can render outside the bounds of their parent.

fn backdrop_filter<U: Into<Filter>>(self, value: impl Res<U>) -> Self

Sets the backdrop filter for the view.

fn shadow<U: Into<Shadow>>(self, value: impl Res<U>) -> Self

Add a shadow to the view.

fn shadows<U: Into<Vec<Shadow>>>(self, value: impl Res<U>) -> Self

Set the shadows of the view.

fn background_gradient<U: Into<Gradient>>(self, value: impl Res<U>) -> Self

Set the background gradient of the view.

fn background_color<U: Into<Color>>(self, value: impl Res<U>) -> Self

Sets the background color of the view.

fn background_image<'i, U: Into<BackgroundImage<'i>>>( self, value: impl Res<U>, ) -> Self

Set the background image of the view.

fn border_width<U: Into<LengthOrPercentage>>(self, value: impl Res<U>) -> Self

fn border_color<U: Into<Color>>(self, value: impl Res<U>) -> Self

Sets the border color of the view.

fn border_style<U: Into<BorderStyleKeyword>>(self, value: impl Res<U>) -> Self

Sets the border color of the view.

fn corner_top_left_radius<U: Into<LengthOrPercentage>>( self, value: impl Res<U>, ) -> Self

Sets the corner radius for the top-left corner of the view.

fn corner_top_right_radius<U: Into<LengthOrPercentage>>( self, value: impl Res<U>, ) -> Self

Sets the corner radius for the top-right corner of the view.

fn corner_bottom_left_radius<U: Into<LengthOrPercentage>>( self, value: impl Res<U>, ) -> Self

Sets the corner radius for the bottom-left corner of the view.

fn corner_bottom_right_radius<U: Into<LengthOrPercentage>>( self, value: impl Res<U>, ) -> Self

Sets the corner radius for the bottom-right corner of the view.

fn corner_radius<U: Debug + Into<CornerRadius>>( self, value: impl Res<U>, ) -> Self

Sets the corner radius for all four corners of the view.

fn corner_top_left_shape<U: Into<CornerShape>>(self, value: impl Res<U>) -> Self

Sets the corner corner shape for the top-left corner of the view.

fn corner_top_right_shape<U: Into<CornerShape>>( self, value: impl Res<U>, ) -> Self

Sets the corner corner shape for the top-right corner of the view.

fn corner_bottom_left_shape<U: Into<CornerShape>>( self, value: impl Res<U>, ) -> Self

Sets the corner corner shape for the bottom-left corner of the view.

fn corner_bottom_right_shape<U: Into<CornerShape>>( self, value: impl Res<U>, ) -> Self

Sets the corner corner shape for the bottom-right corner of the view.

fn corner_shape<U: Debug + Into<Rect<CornerShape>>>( self, value: impl Res<U>, ) -> Self

Sets the corner shape for all four corners of the view.

fn corner_top_left_smoothing<U: Into<f32>>(self, value: impl Res<U>) -> Self

Sets the corner smoothing for the top-left corner of the view.

fn corner_top_right_smoothing<U: Into<f32>>(self, value: impl Res<U>) -> Self

Sets the corner smoothing for the top-right corner of the view.

fn corner_bottom_left_smoothing<U: Into<f32>>(self, value: impl Res<U>) -> Self

Sets the corner smoothing for the bottom-left corner of the view.

fn corner_bottom_right_smoothing<U: Into<f32>>(self, value: impl Res<U>) -> Self

Sets the corner smoothing for the bottom-right corner of the view.

fn corner_smoothing<U: Debug + Into<Rect<f32>>>( self, value: impl Res<U>, ) -> Self

Sets the corner smoothing for all four corners of the view.

fn outline_width<U: Into<LengthOrPercentage>>(self, value: impl Res<U>) -> Self

Sets the outline width of the view.

fn outline_color<U: Into<Color>>(self, value: impl Res<U>) -> Self

Sets the outline color of the view.

fn outline_offset<U: Into<LengthOrPercentage>>(self, value: impl Res<U>) -> Self

Sets the outline offset of the view.

fn cursor<U: Into<CursorIcon>>(self, value: impl Res<U>) -> Self

Sets the mouse cursor used when the view is hovered.

fn pointer_events<U: Into<PointerEvents>>(self, value: impl Res<U>) -> Self

Sets whether the view can be become the target of pointer events.

fn transform<U: Into<Vec<Transform>>>(self, value: impl Res<U>) -> Self

Sets the transform of the view with a list of transform functions.

fn transform_origin<U: Into<Position>>(self, value: impl Res<U>) -> Self

Sets the transform origin of the the view.

fn translate<U: Into<Translate>>(self, value: impl Res<U>) -> Self

Sets the translation offset of the view.

Translation applies to the rendered view and does not affect layout.

fn rotate<U: Into<Angle>>(self, value: impl Res<U>) -> Self

Sets the angle of rotation for the view.

Rotation applies to the rendered view and does not affect layout.

fn scale<U: Into<Scale>>(self, value: impl Res<U>) -> Self

Sets the scale of the view.

Scale applies to the rendered view and does not affect layout.

Dyn Compatibility

This trait is not dyn compatible.

In older versions of Rust, dyn compatibility was called "object safety", so this trait is not object safe.

Implementors

impl<V: View> StyleModifiers for Handle<'_, V>