Update state/states example to use children! macro (#18250)

# Objective

Contributes to #18238 
Updates the `state/states` example to use the `children!` macro. Note
that this example also requires `--features bevy_dev_tools`

## Solution

Updates examples to use the Improved Spawning API merged in
https://github.com/bevyengine/bevy/pull/17521

## Testing

- Did you test these changes? If so, how?
- Opened the examples before and after and verified the same behavior
was observed. I did this on Ubuntu 24.04.2 LTS using `--features
wayland`.
- Are there any parts that need more testing?
- Other OS's and features can't hurt, but this is such a small change it
shouldn't be a problem.
- How can other people (reviewers) test your changes? Is there anything
specific they need to know?
  - Run the examples yourself with and without these changes.
- If relevant, what platforms did you test these changes on, and are
there any important ones you can't test?
  - see above

---

## Showcase

n/a

## Migration Guide

n/a
This commit is contained in:
krunchington 2025-03-10 22:47:28 -07:00 committed by GitHub
parent bfe932d1f3
commit 76ab6a9e8c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -51,17 +51,16 @@ fn setup(mut commands: Commands) {
fn setup_menu(mut commands: Commands) { fn setup_menu(mut commands: Commands) {
let button_entity = commands let button_entity = commands
.spawn(Node { .spawn((
Node {
// center button // center button
width: Val::Percent(100.), width: Val::Percent(100.),
height: Val::Percent(100.), height: Val::Percent(100.),
justify_content: JustifyContent::Center, justify_content: JustifyContent::Center,
align_items: AlignItems::Center, align_items: AlignItems::Center,
..default() ..default()
}) },
.with_children(|parent| { children![(
parent
.spawn((
Button, Button,
Node { Node {
width: Val::Px(150.), width: Val::Px(150.),
@ -73,18 +72,16 @@ fn setup_menu(mut commands: Commands) {
..default() ..default()
}, },
BackgroundColor(NORMAL_BUTTON), BackgroundColor(NORMAL_BUTTON),
)) children![(
.with_children(|parent| {
parent.spawn((
Text::new("Play"), Text::new("Play"),
TextFont { TextFont {
font_size: 33.0, font_size: 33.0,
..default() ..default()
}, },
TextColor(Color::srgb(0.9, 0.9, 0.9)), TextColor(Color::srgb(0.9, 0.9, 0.9)),
)); )],
}); )],
}) ))
.id(); .id();
commands.insert_resource(MenuData { button_entity }); commands.insert_resource(MenuData { button_entity });
} }