UI Node Border Radius and Shadows

crates/bevy_ui/src/geometry.rs

@@ -321,6 +321,82 @@ impl UiRect {
             ..Default::default()
         }
     }
+
+    /// Returns the [`UiRect`] with its `left` field set to the given value.
+    ///
+    /// # Example
+    ///
+    /// ```
+    /// # use bevy_ui::{UiRect, Val};
+    /// #
+    /// let ui_rect = UiRect::all(Val::Vw(25.)).with_left(Val::Px(10.);
+    /// assert_eq!(ui_rect.left, Val::Vw(10.));
+    /// assert_eq!(ui_rect.right, Val::Px(25.));
+    /// assert_eq!(ui_rect.top, Val::Vw(25.));
+    /// assert_eq!(ui_rect.bottom, Val::Vw(25.0));
+    /// ```
+    #[inline]
+    pub fn with_left(mut self, left: Val) -> UiRect {
+        self.left = left;
+        self
+    }
+
+    /// Returns the [`UiRect`] with its `right` field set to the given value.
+    ///
+    /// # Example
+    ///
+    /// ```
+    /// # use bevy_ui::{UiRect, Val};
+    /// #
+    /// let ui_rect = UiRect::all(Val::Vw(25.)).with_right(Val::Px(10.);
+    /// assert_eq!(ui_rect.left, Val::Vw(25.));
+    /// assert_eq!(ui_rect.right, Val::Px(10.));
+    /// assert_eq!(ui_rect.top, Val::Vw(25.));
+    /// assert_eq!(ui_rect.bottom, Val::Vw(25.0));
+    /// ```
+    #[inline]
+    pub fn with_right(mut self, right: Val) -> UiRect {
+        self.right = right;
+        self
+    }
+
+    /// Returns the [`UiRect`] with its `top` field set to the given value.
+    ///
+    /// # Example
+    ///
+    /// ```
+    /// # use bevy_ui::{UiRect, Val};
+    /// #
+    /// let ui_rect = UiRect::all(Val::Vw(25.)).with_top(Val::Px(10.);
+    /// assert_eq!(ui_rect.left, Val::Vw(25.));
+    /// assert_eq!(ui_rect.right, Val::Vw(25.));
+    /// assert_eq!(ui_rect.top, Val::Px(10.));
+    /// assert_eq!(ui_rect.bottom, Val::Vw(25.0));
+    /// ```
+    #[inline]
+    pub fn with_top(mut self, top: Val) -> UiRect {
+        self.top = top;
+        self
+    }
+
+    /// Returns the [`UiRect`] with its `bottom` field set to the given value.
+    ///
+    /// # Example
+    ///
+    /// ```
+    /// # use bevy_ui::{UiRect, Val};
+    /// #
+    /// let ui_rect = UiRect::all(Val::Vw(25.)).with_bottom(Val::Px(10.);
+    /// assert_eq!(ui_rect.left, Val::Vw(25.));
+    /// assert_eq!(ui_rect.right, Val::Vw(25.));
+    /// assert_eq!(ui_rect.top, Val::Vw(25.));
+    /// assert_eq!(ui_rect.bottom, Val::Px(10.0));
+    /// ```
+    #[inline]
+    pub fn with_bottom(mut self, bottom: Val) -> UiRect {
+        self.bottom = bottom;
+        self
+    }
 }
 
 impl Default for UiRect {

crates/bevy_ui/src/layout/convert.rs

@@ -465,6 +465,7 @@ mod tests {
             ],
             grid_column: GridPlacement::start(4),
             grid_row: GridPlacement::span(3),
+            border_radius: Default::default(),
         };
         let viewport_values = LayoutContext::new(1.0, bevy_math::Vec2::new(800., 600.));
         let taffy_style = from_style(&viewport_values, &bevy_style);

crates/bevy_ui/src/lib.rs

@@ -117,6 +117,8 @@ impl Plugin for UiPlugin {
             .register_type::<UiRect>()
             .register_type::<Val>()
             .register_type::<BorderColor>()
+            .register_type::<UiBorderRadius>()
+            .register_type::<UiShadow>()
             .register_type::<widget::Button>()
             .register_type::<widget::Label>()
             .register_type::<ZIndex>()

crates/bevy_ui/src/node_bundles.rs

@@ -87,6 +87,8 @@ pub struct ImageBundle {
     ///
     /// Combines with `UiImage` to tint the provided image.
     pub background_color: BackgroundColor,
+    /// The color of the Node's border
+    pub border_color: BorderColor,
     /// The image of the node
     pub image: UiImage,
     /// The size of the image in pixels