lommix / bevy_nine_slice_ui Goto Github PK

use bevy::prelude::*;
use bevy_nine_slice_ui::prelude::*;

fn main() {
    App::new()
        .add_plugins((DefaultPlugins, NineSlicePlugin::default()))
        .add_systems(Startup, setup)
        .add_systems(Update, button_system)
        .run();
}

fn button_system(
    mut commands: Commands,
    mut interaction_query: Query<(Entity, &Interaction), (Changed<Interaction>, With<Button>)>,
    server: Res<AssetServer>,
) {
    for (entity, interaction) in &mut interaction_query {
        match *interaction {
            Interaction::Hovered => {
                info!("Hovered.");
                commands.entity(entity).insert(NineSliceTexture::from_slice(
                    server.load("panel_atlas.png"),
                    Rect::new(0., 0., 32., 32.),
                ));
            }
            _ => {
                info!("Unhovered.");
                commands
                    .entity(entity)
                    .insert(NineSliceTexture::from_image(server.load("panel.png")));
            }
        }
    }
}

fn setup(mut commands: Commands, server: Res<AssetServer>) {
    commands.spawn(Camera2dBundle::default());
    commands
        .spawn(NodeBundle {
            style: Style {
                width: Val::Percent(100.0),
                height: Val::Percent(100.0),
                align_items: AlignItems::Center,
                justify_content: JustifyContent::Center,
                ..default()
            },
            ..default()
        })
        .with_children(|parent| {
            parent.spawn((
                ButtonBundle {
                    style: Style {
                        width: Val::Px(150.0),
                        height: Val::Px(65.0),
                        justify_content: JustifyContent::Center,
                        align_items: AlignItems::Center,
                        ..default()
                    },
                    ..default()
                },
                NineSliceTexture::from_image(server.load("panel.png")),
            ));
        });
}