#![allow(clippy::type_complexity)]
use bevy::prelude::*;
use bevy::tasks::futures_lite::StreamExt;
use bevy::ui::RelativeCursorPosition;
use bevy_defer::AsyncPlugin;
use bevy_defer::{fetch, AsyncEntityCommandsExtension};
fn main() {
App::new()
.add_plugins(DefaultPlugins)
.add_plugins(AsyncPlugin::default_settings())
.add_systems(Startup, setup)
.add_systems(Update, button_system)
.run();
}
const NORMAL_BUTTON: Color = Color::srgb(0.15, 0.15, 0.15);
const HOVERED_BUTTON: Color = Color::srgb(0.25, 0.25, 0.25);
const PRESSED_BUTTON: Color = Color::srgb(0.35, 0.75, 0.35);
fn button_system(
mut interaction_query: Query<
(&Interaction, &mut BackgroundColor, &mut BorderColor),
(Changed<Interaction>, With<Button>),
>,
) {
for (interaction, mut color, mut border_color) in &mut interaction_query {
match *interaction {
Interaction::Pressed => {
*color = PRESSED_BUTTON.into();
border_color.set_all(Color::srgb(1., 0., 0.));
}
Interaction::Hovered => {
*color = HOVERED_BUTTON.into();
border_color.set_all(Color::WHITE);
}
Interaction::None => {
*color = NORMAL_BUTTON.into();
border_color.set_all(Color::BLACK);
}
}
}
}
fn setup(mut commands: Commands) {
commands.spawn(Camera2d);
commands
.spawn(Node {
width: Val::Percent(100.0),
height: Val::Percent(100.0),
align_items: AlignItems::Center,
justify_content: JustifyContent::Center,
flex_direction: FlexDirection::Column,
..default()
})
.with_children(|parent| {
let btn_entity = parent
.spawn((
Node {
width: Val::Px(150.0),
height: Val::Px(45.0),
border: UiRect::all(Val::Px(5.0)),
justify_content: JustifyContent::Center,
align_items: AlignItems::Center,
..default()
},
Button,
BorderColor::all(Color::BLACK),
ImageNode {
color: NORMAL_BUTTON,
..Default::default()
},
RelativeCursorPosition::default(),
))
.with_children(|parent| {
parent.spawn((
Text::new("Button"),
TextFont {
font: Default::default(),
font_size: FontSize::Px(20.0),
..Default::default()
},
Pickable {
should_block_lower: false,
is_hoverable: false,
},
));
})
.id();
parent
.spawn((
Text::new("Receiving"),
TextFont {
font: Default::default(),
font_size: FontSize::Px(20.0),
..Default::default()
},
TextColor(Color::srgb(0.9, 0.9, 0.9)),
))
.spawn_task(move |entity| async move {
let btn = fetch!(#btn_entity);
let mut stream = btn.on::<Pointer<Click>>()?;
while let Some(item) = stream.next().await {
let s =
format!("Clicked at {}", item.hit.position.unwrap_or_default().xz());
fetch!(entity, Text)
.get_mut(move |text| text.0 = s)
.unwrap();
}
Ok(())
})
.spawn_task(move |entity| async move {
let btn = fetch!(#btn_entity);
let mut stream = btn.on::<Pointer<Press>>()?;
while let Some(item) = stream.next().await {
let s = format!(
"Mouse down at {}",
item.hit.position.unwrap_or_default().xz()
);
fetch!(entity, Text)
.get_mut(move |text| text.0 = s)
.unwrap();
}
Ok(())
})
.spawn_task(move |entity| async move {
let btn = fetch!(#btn_entity);
let mut stream = btn.on::<Pointer<Over>>()?;
while let Some(item) = stream.next().await {
let s = format!(
"Hover entered at {}",
item.hit.position.unwrap_or_default().xz()
);
fetch!(entity, Text)
.get_mut(move |text| text.0 = s)
.unwrap();
}
Ok(())
})
.spawn_task(move |entity| async move {
let btn = fetch!(#btn_entity);
let mut stream = btn.on::<Pointer<Out>>()?;
while let Some(item) = stream.next().await {
let s = format!(
"Hover exited at {}",
item.hit.position.unwrap_or_default().xz()
);
fetch!(entity, Text)
.get_mut(move |text| text.0 = s)
.unwrap();
}
Ok(())
});
});
}