Trait vizia::modifiers::StyleModifiers

source ·

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

Expand description

Modifiers for changing the style properties of a view.

Provided Methods§

source

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;
}

source

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;
}

source

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

Sets whether a view should have the given class name.

source

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

Sets the checked state of the view.

source

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

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.

source

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

source

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

source

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

Sets the view to be disabled.

This property is inherited by the descendants of the view.

source

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

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.

source

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

Sets whether the view should be rendered.

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

source

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

Sets the opacity of the view.

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

source

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

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.

source

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

Sets the clip path for the the view.

source

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

source

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

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.

source

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

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.

source

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

Sets the backdrop filter for the view.

source

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

Add a shadow to the view.

source

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

source

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

source

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

Sets the background color of the view.

source

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

source

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

Sets the border width of the view.

source

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

Sets the border color of the view.

source

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

Sets the border color of the view.

source

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

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

source

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

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

source

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

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

source

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

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

source

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

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

source

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

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

source

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

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

source

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

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

source

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

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

source

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

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

source

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

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

source

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

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

source

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

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

source

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

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

source

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

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

source

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

Sets the outline width of the view.

source

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

Sets the outline color of the view.

source

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

Sets the outline offset of the view.

source

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

Sets the mouse cursor used when the view is hovered.

source

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

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

source

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

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

source

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

Sets the transform origin of the the view.

source

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

Sets the translation offset of the view.

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

source

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

Sets the angle of rotation for the view.

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

source

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

Sets the scale of the view.

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

Object Safety§

This trait is not object safe.

Implementors§

source §

Trait vizia::modifiers::StyleModifiersCopy item path

Provided Methods§

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

§Example

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

§Example

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Object Safety§

Implementors§

impl<'a, V> StyleModifiers for Handle<'a, V>where V: View,

Trait vizia::modifiers::StyleModifiers

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

impl<'a, V> StyleModifiers for Handle<'a, V>
where V: View,