mirror of
https://github.com/bevyengine/bevy
synced 2025-01-23 10:25:13 +00:00
e0c296ee14
> Follow up to #11600 and #10588 @mockersf expressed some [valid concerns](https://github.com/bevyengine/bevy/pull/11600#issuecomment-1932796498) about the current system this PR attempts to fix: The `ComputedTextureSlices` reacts to asset change in both `bevy_sprite` and `bevy_ui`, meaning that if the `ImageScaleMode` is inserted by default in the bundles, we will iterate through most 2d items every time an asset is updated. # Solution - `ImageScaleMode` only has two variants: `Sliced` and `Tiled`. I removed the `Stretched` default - `ImageScaleMode` is no longer part of any bundle, but the relevant bundles explain that this additional component can be inserted This way, the *absence* of `ImageScaleMode` means the image will be stretched, and its *presence* will include the entity to the various slicing systems Optional components in bundles would make this more straigthfoward # Additional work Should I add new bundles with the `ImageScaleMode` component ?
410 lines
16 KiB
Rust
410 lines
16 KiB
Rust
//! This module contains basic node bundles used to build UIs
|
|
|
|
#[cfg(feature = "bevy_text")]
|
|
use crate::widget::TextFlags;
|
|
use crate::{
|
|
widget::{Button, UiImageSize},
|
|
BackgroundColor, BorderColor, ContentSize, FocusPolicy, Interaction, Node, Style, UiImage,
|
|
UiMaterial, ZIndex,
|
|
};
|
|
use bevy_asset::Handle;
|
|
use bevy_ecs::bundle::Bundle;
|
|
use bevy_render::{
|
|
prelude::Color,
|
|
view::{InheritedVisibility, ViewVisibility, Visibility},
|
|
};
|
|
use bevy_sprite::TextureAtlas;
|
|
#[cfg(feature = "bevy_text")]
|
|
use bevy_text::{BreakLineOn, JustifyText, Text, TextLayoutInfo, TextSection, TextStyle};
|
|
use bevy_transform::prelude::{GlobalTransform, Transform};
|
|
|
|
/// The basic UI node.
|
|
///
|
|
/// Contains the [`Node`] component and other components required to make a container.
|
|
///
|
|
/// See [`node_bundles`](crate::node_bundles) for more specialized bundles like [`TextBundle`].
|
|
#[derive(Bundle, Clone, Debug)]
|
|
pub struct NodeBundle {
|
|
/// Describes the logical size of the node
|
|
pub node: Node,
|
|
/// Styles which control the layout (size and position) of the node and it's children
|
|
/// In some cases these styles also affect how the node drawn/painted.
|
|
pub style: Style,
|
|
/// The background color, which serves as a "fill" for this node
|
|
pub background_color: BackgroundColor,
|
|
/// The color of the Node's border
|
|
pub border_color: BorderColor,
|
|
/// Whether this node should block interaction with lower nodes
|
|
pub focus_policy: FocusPolicy,
|
|
/// The transform of the node
|
|
///
|
|
/// This component is automatically managed by the UI layout system.
|
|
/// To alter the position of the `NodeBundle`, use the properties of the [`Style`] component.
|
|
pub transform: Transform,
|
|
/// The global transform of the node
|
|
///
|
|
/// This component is automatically updated by the [`TransformPropagate`](`bevy_transform::TransformSystem::TransformPropagate`) systems.
|
|
/// To alter the position of the `NodeBundle`, use the properties of the [`Style`] component.
|
|
pub global_transform: GlobalTransform,
|
|
/// Describes the visibility properties of the node
|
|
pub visibility: Visibility,
|
|
/// Inherited visibility of an entity.
|
|
pub inherited_visibility: InheritedVisibility,
|
|
/// Algorithmically-computed indication of whether an entity is visible and should be extracted for rendering
|
|
pub view_visibility: ViewVisibility,
|
|
/// Indicates the depth at which the node should appear in the UI
|
|
pub z_index: ZIndex,
|
|
}
|
|
|
|
impl Default for NodeBundle {
|
|
fn default() -> Self {
|
|
NodeBundle {
|
|
// Transparent background
|
|
background_color: Color::NONE.into(),
|
|
border_color: Color::NONE.into(),
|
|
node: Default::default(),
|
|
style: Default::default(),
|
|
focus_policy: Default::default(),
|
|
transform: Default::default(),
|
|
global_transform: Default::default(),
|
|
visibility: Default::default(),
|
|
inherited_visibility: Default::default(),
|
|
view_visibility: Default::default(),
|
|
z_index: Default::default(),
|
|
}
|
|
}
|
|
}
|
|
|
|
/// A UI node that is an image
|
|
///
|
|
/// # Extra behaviours
|
|
///
|
|
/// You may add the following components to enable additional behaviours
|
|
/// - [`ImageScaleMode`](bevy_sprite::ImageScaleMode) to enable either slicing or tiling of the texture
|
|
#[derive(Bundle, Debug, Default)]
|
|
pub struct ImageBundle {
|
|
/// Describes the logical size of the node
|
|
pub node: Node,
|
|
/// Styles which control the layout (size and position) of the node and it's children
|
|
/// In some cases these styles also affect how the node drawn/painted.
|
|
pub style: Style,
|
|
/// The calculated size based on the given image
|
|
pub calculated_size: ContentSize,
|
|
/// The background color, which serves as a "fill" for this node
|
|
///
|
|
/// Combines with `UiImage` to tint the provided image.
|
|
pub background_color: BackgroundColor,
|
|
/// The image of the node
|
|
pub image: UiImage,
|
|
/// The size of the image in pixels
|
|
///
|
|
/// This component is set automatically
|
|
pub image_size: UiImageSize,
|
|
/// Whether this node should block interaction with lower nodes
|
|
pub focus_policy: FocusPolicy,
|
|
/// The transform of the node
|
|
///
|
|
/// This component is automatically managed by the UI layout system.
|
|
/// To alter the position of the `ImageBundle`, use the properties of the [`Style`] component.
|
|
pub transform: Transform,
|
|
/// The global transform of the node
|
|
///
|
|
/// This component is automatically updated by the [`TransformPropagate`](`bevy_transform::TransformSystem::TransformPropagate`) systems.
|
|
pub global_transform: GlobalTransform,
|
|
/// Describes the visibility properties of the node
|
|
pub visibility: Visibility,
|
|
/// Inherited visibility of an entity.
|
|
pub inherited_visibility: InheritedVisibility,
|
|
/// Algorithmically-computed indication of whether an entity is visible and should be extracted for rendering
|
|
pub view_visibility: ViewVisibility,
|
|
/// Indicates the depth at which the node should appear in the UI
|
|
pub z_index: ZIndex,
|
|
}
|
|
|
|
/// A UI node that is a texture atlas sprite
|
|
///
|
|
/// This bundle is identical to [`ImageBundle`] with an additional [`TextureAtlas`] component.
|
|
#[derive(Bundle, Debug, Default)]
|
|
pub struct AtlasImageBundle {
|
|
/// Describes the logical size of the node
|
|
pub node: Node,
|
|
/// Styles which control the layout (size and position) of the node and it's children
|
|
/// In some cases these styles also affect how the node drawn/painted.
|
|
pub style: Style,
|
|
/// The calculated size based on the given image
|
|
pub calculated_size: ContentSize,
|
|
/// The background color, which serves as a "fill" for this node
|
|
///
|
|
/// Combines with `UiImage` to tint the provided image.
|
|
pub background_color: BackgroundColor,
|
|
/// The image of the node
|
|
pub image: UiImage,
|
|
/// A handle to the texture atlas to use for this Ui Node
|
|
pub texture_atlas: TextureAtlas,
|
|
/// Whether this node should block interaction with lower nodes
|
|
pub focus_policy: FocusPolicy,
|
|
/// The size of the image in pixels
|
|
///
|
|
/// This component is set automatically
|
|
pub image_size: UiImageSize,
|
|
/// The transform of the node
|
|
///
|
|
/// This component is automatically managed by the UI layout system.
|
|
/// To alter the position of the `AtlasImageBundle`, use the properties of the [`Style`] component.
|
|
pub transform: Transform,
|
|
/// The global transform of the node
|
|
///
|
|
/// This component is automatically updated by the [`TransformPropagate`](`bevy_transform::TransformSystem::TransformPropagate`) systems.
|
|
pub global_transform: GlobalTransform,
|
|
/// Describes the visibility properties of the node
|
|
pub visibility: Visibility,
|
|
/// Inherited visibility of an entity.
|
|
pub inherited_visibility: InheritedVisibility,
|
|
/// Algorithmically-computed indication of whether an entity is visible and should be extracted for rendering
|
|
pub view_visibility: ViewVisibility,
|
|
/// Indicates the depth at which the node should appear in the UI
|
|
pub z_index: ZIndex,
|
|
}
|
|
|
|
#[cfg(feature = "bevy_text")]
|
|
/// A UI node that is text
|
|
///
|
|
/// The positioning of this node is controlled by the UI layout system. If you need manual control,
|
|
/// use [`Text2dBundle`](bevy_text::Text2dBundle).
|
|
#[derive(Bundle, Debug)]
|
|
pub struct TextBundle {
|
|
/// Describes the logical size of the node
|
|
pub node: Node,
|
|
/// Styles which control the layout (size and position) of the node and it's children
|
|
/// In some cases these styles also affect how the node drawn/painted.
|
|
pub style: Style,
|
|
/// Contains the text of the node
|
|
pub text: Text,
|
|
/// Text layout information
|
|
pub text_layout_info: TextLayoutInfo,
|
|
/// Text system flags
|
|
pub text_flags: TextFlags,
|
|
/// The calculated size based on the given image
|
|
pub calculated_size: ContentSize,
|
|
/// Whether this node should block interaction with lower nodes
|
|
pub focus_policy: FocusPolicy,
|
|
/// The transform of the node
|
|
///
|
|
/// This component is automatically managed by the UI layout system.
|
|
/// To alter the position of the `TextBundle`, use the properties of the [`Style`] component.
|
|
pub transform: Transform,
|
|
/// The global transform of the node
|
|
///
|
|
/// This component is automatically updated by the [`TransformPropagate`](`bevy_transform::TransformSystem::TransformPropagate`) systems.
|
|
pub global_transform: GlobalTransform,
|
|
/// Describes the visibility properties of the node
|
|
pub visibility: Visibility,
|
|
/// Inherited visibility of an entity.
|
|
pub inherited_visibility: InheritedVisibility,
|
|
/// Algorithmically-computed indication of whether an entity is visible and should be extracted for rendering
|
|
pub view_visibility: ViewVisibility,
|
|
/// Indicates the depth at which the node should appear in the UI
|
|
pub z_index: ZIndex,
|
|
/// The background color that will fill the containing node
|
|
pub background_color: BackgroundColor,
|
|
}
|
|
|
|
#[cfg(feature = "bevy_text")]
|
|
impl Default for TextBundle {
|
|
fn default() -> Self {
|
|
Self {
|
|
text: Default::default(),
|
|
text_layout_info: Default::default(),
|
|
text_flags: Default::default(),
|
|
calculated_size: Default::default(),
|
|
node: Default::default(),
|
|
style: Default::default(),
|
|
focus_policy: Default::default(),
|
|
transform: Default::default(),
|
|
global_transform: Default::default(),
|
|
visibility: Default::default(),
|
|
inherited_visibility: Default::default(),
|
|
view_visibility: Default::default(),
|
|
z_index: Default::default(),
|
|
// Transparent background
|
|
background_color: BackgroundColor(Color::NONE),
|
|
}
|
|
}
|
|
}
|
|
|
|
#[cfg(feature = "bevy_text")]
|
|
impl TextBundle {
|
|
/// Create a [`TextBundle`] from a single section.
|
|
///
|
|
/// See [`Text::from_section`] for usage.
|
|
pub fn from_section(value: impl Into<String>, style: TextStyle) -> Self {
|
|
Self {
|
|
text: Text::from_section(value, style),
|
|
..Default::default()
|
|
}
|
|
}
|
|
|
|
/// Create a [`TextBundle`] from a list of sections.
|
|
///
|
|
/// See [`Text::from_sections`] for usage.
|
|
pub fn from_sections(sections: impl IntoIterator<Item = TextSection>) -> Self {
|
|
Self {
|
|
text: Text::from_sections(sections),
|
|
..Default::default()
|
|
}
|
|
}
|
|
|
|
/// Returns this [`TextBundle`] with a new [`JustifyText`] on [`Text`].
|
|
pub const fn with_text_justify(mut self, justify: JustifyText) -> Self {
|
|
self.text.justify = justify;
|
|
self
|
|
}
|
|
|
|
/// Returns this [`TextBundle`] with a new [`Style`].
|
|
pub fn with_style(mut self, style: Style) -> Self {
|
|
self.style = style;
|
|
self
|
|
}
|
|
|
|
/// Returns this [`TextBundle`] with a new [`BackgroundColor`].
|
|
pub const fn with_background_color(mut self, color: Color) -> Self {
|
|
self.background_color = BackgroundColor(color);
|
|
self
|
|
}
|
|
|
|
/// Returns this [`TextBundle`] with soft wrapping disabled.
|
|
/// Hard wrapping, where text contains an explicit linebreak such as the escape sequence `\n`, will still occur.
|
|
pub const fn with_no_wrap(mut self) -> Self {
|
|
self.text.linebreak_behavior = BreakLineOn::NoWrap;
|
|
self
|
|
}
|
|
}
|
|
|
|
#[cfg(feature = "bevy_text")]
|
|
impl<I> From<I> for TextBundle
|
|
where
|
|
I: Into<TextSection>,
|
|
{
|
|
fn from(value: I) -> Self {
|
|
Self::from_sections(vec![value.into()])
|
|
}
|
|
}
|
|
|
|
/// A UI node that is a button
|
|
///
|
|
/// # Extra behaviours
|
|
///
|
|
/// You may add the following components to enable additional behaviours
|
|
/// - [`ImageScaleMode`](bevy_sprite::ImageScaleMode) to enable either slicing or tiling of the texture
|
|
#[derive(Bundle, Clone, Debug)]
|
|
pub struct ButtonBundle {
|
|
/// Describes the logical size of the node
|
|
pub node: Node,
|
|
/// Marker component that signals this node is a button
|
|
pub button: Button,
|
|
/// Styles which control the layout (size and position) of the node and it's children
|
|
/// In some cases these styles also affect how the node drawn/painted.
|
|
pub style: Style,
|
|
/// Describes whether and how the button has been interacted with by the input
|
|
pub interaction: Interaction,
|
|
/// Whether this node should block interaction with lower nodes
|
|
pub focus_policy: FocusPolicy,
|
|
/// The background color, which serves as a "fill" for this node
|
|
///
|
|
/// When combined with `UiImage`, tints 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 transform of the node
|
|
///
|
|
/// This component is automatically managed by the UI layout system.
|
|
/// To alter the position of the `ButtonBundle`, use the properties of the [`Style`] component.
|
|
pub transform: Transform,
|
|
/// The global transform of the node
|
|
///
|
|
/// This component is automatically updated by the [`TransformPropagate`](`bevy_transform::TransformSystem::TransformPropagate`) systems.
|
|
pub global_transform: GlobalTransform,
|
|
/// Describes the visibility properties of the node
|
|
pub visibility: Visibility,
|
|
/// Inherited visibility of an entity.
|
|
pub inherited_visibility: InheritedVisibility,
|
|
/// Algorithmically-computed indication of whether an entity is visible and should be extracted for rendering
|
|
pub view_visibility: ViewVisibility,
|
|
/// Indicates the depth at which the node should appear in the UI
|
|
pub z_index: ZIndex,
|
|
}
|
|
|
|
impl Default for ButtonBundle {
|
|
fn default() -> Self {
|
|
Self {
|
|
focus_policy: FocusPolicy::Block,
|
|
node: Default::default(),
|
|
button: Default::default(),
|
|
style: Default::default(),
|
|
border_color: BorderColor(Color::NONE),
|
|
interaction: Default::default(),
|
|
background_color: Default::default(),
|
|
image: Default::default(),
|
|
transform: Default::default(),
|
|
global_transform: Default::default(),
|
|
visibility: Default::default(),
|
|
inherited_visibility: Default::default(),
|
|
view_visibility: Default::default(),
|
|
z_index: Default::default(),
|
|
}
|
|
}
|
|
}
|
|
|
|
/// A UI node that is rendered using a [`UiMaterial`]
|
|
///
|
|
/// Adding a `BackgroundColor` component to an entity with this bundle will ignore the custom
|
|
/// material and use the background color instead.
|
|
#[derive(Bundle, Clone, Debug)]
|
|
pub struct MaterialNodeBundle<M: UiMaterial> {
|
|
/// Describes the logical size of the node
|
|
pub node: Node,
|
|
/// Styles which control the layout (size and position) of the node and it's children
|
|
/// In some cases these styles also affect how the node drawn/painted.
|
|
pub style: Style,
|
|
/// The [`UiMaterial`] used to render the node.
|
|
pub material: Handle<M>,
|
|
/// Whether this node should block interaction with lower nodes
|
|
pub focus_policy: FocusPolicy,
|
|
/// The transform of the node
|
|
///
|
|
/// This field is automatically managed by the UI layout system.
|
|
/// To alter the position of the `NodeBundle`, use the properties of the [`Style`] component.
|
|
pub transform: Transform,
|
|
/// The global transform of the node
|
|
///
|
|
/// This field is automatically managed by the UI layout system.
|
|
/// To alter the position of the `NodeBundle`, use the properties of the [`Style`] component.
|
|
pub global_transform: GlobalTransform,
|
|
/// Describes the visibility properties of the node
|
|
pub visibility: Visibility,
|
|
/// Inherited visibility of an entity.
|
|
pub inherited_visibility: InheritedVisibility,
|
|
/// Algorithmically-computed indication of whether an entity is visible and should be extracted for rendering
|
|
pub view_visibility: ViewVisibility,
|
|
/// Indicates the depth at which the node should appear in the UI
|
|
pub z_index: ZIndex,
|
|
}
|
|
|
|
impl<M: UiMaterial> Default for MaterialNodeBundle<M> {
|
|
fn default() -> Self {
|
|
Self {
|
|
node: Default::default(),
|
|
style: Default::default(),
|
|
material: Default::default(),
|
|
focus_policy: Default::default(),
|
|
transform: Default::default(),
|
|
global_transform: Default::default(),
|
|
visibility: Default::default(),
|
|
inherited_visibility: Default::default(),
|
|
view_visibility: Default::default(),
|
|
z_index: Default::default(),
|
|
}
|
|
}
|
|
}
|