94 lines
3.1 KiB
Rust
94 lines
3.1 KiB
Rust
use bevy::prelude::*;
|
|
|
|
/// This example illustrates how to create a button that changes color and text based on its interaction state.
|
|
fn main() {
|
|
App::build()
|
|
.add_plugins(DefaultPlugins)
|
|
.init_resource::<ButtonMaterials>()
|
|
.add_startup_system(setup.system())
|
|
.add_system(button_system.system())
|
|
.run();
|
|
}
|
|
|
|
struct ButtonMaterials {
|
|
normal: Handle<ColorMaterial>,
|
|
hovered: Handle<ColorMaterial>,
|
|
pressed: Handle<ColorMaterial>,
|
|
}
|
|
|
|
impl FromResources for ButtonMaterials {
|
|
fn from_resources(resources: &Resources) -> Self {
|
|
let mut materials = resources.get_mut::<Assets<ColorMaterial>>().unwrap();
|
|
ButtonMaterials {
|
|
normal: materials.add(Color::rgb(0.15, 0.15, 0.15).into()),
|
|
hovered: materials.add(Color::rgb(0.25, 0.25, 0.25).into()),
|
|
pressed: materials.add(Color::rgb(0.35, 0.75, 0.35).into()),
|
|
}
|
|
}
|
|
}
|
|
|
|
fn button_system(
|
|
button_materials: Res<ButtonMaterials>,
|
|
mut interaction_query: Query<
|
|
(&Interaction, &mut Handle<ColorMaterial>, &Children),
|
|
(Mutated<Interaction>, With<Button>),
|
|
>,
|
|
mut text_query: Query<&mut Text>,
|
|
) {
|
|
for (interaction, mut material, children) in interaction_query.iter_mut() {
|
|
let mut text = text_query.get_mut(children[0]).unwrap();
|
|
match *interaction {
|
|
Interaction::Clicked => {
|
|
text.sections[0].value = "Press".to_string();
|
|
*material = button_materials.pressed.clone();
|
|
}
|
|
Interaction::Hovered => {
|
|
text.sections[0].value = "Hover".to_string();
|
|
*material = button_materials.hovered.clone();
|
|
}
|
|
Interaction::None => {
|
|
text.sections[0].value = "Button".to_string();
|
|
*material = button_materials.normal.clone();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
fn setup(
|
|
commands: &mut Commands,
|
|
asset_server: Res<AssetServer>,
|
|
button_materials: Res<ButtonMaterials>,
|
|
) {
|
|
commands
|
|
// ui camera
|
|
.spawn(CameraUiBundle::default())
|
|
.spawn(ButtonBundle {
|
|
style: Style {
|
|
size: Size::new(Val::Px(150.0), Val::Px(65.0)),
|
|
// center button
|
|
margin: Rect::all(Val::Auto),
|
|
// horizontally center child text
|
|
justify_content: JustifyContent::Center,
|
|
// vertically center child text
|
|
align_items: AlignItems::Center,
|
|
..Default::default()
|
|
},
|
|
material: button_materials.normal.clone(),
|
|
..Default::default()
|
|
})
|
|
.with_children(|parent| {
|
|
parent.spawn(TextBundle {
|
|
text: Text::with_section(
|
|
"Button",
|
|
TextStyle {
|
|
font: asset_server.load("fonts/FiraSans-Bold.ttf"),
|
|
font_size: 40.0,
|
|
color: Color::rgb(0.9, 0.9, 0.9),
|
|
},
|
|
Default::default(),
|
|
),
|
|
..Default::default()
|
|
});
|
|
});
|
|
}
|