2024-02-29 09:02:05 -06:00
|
|
|
//WARNING: THIS EXAMPLE IS EXTREMELY OUTDATED AND USES DEPRECATED API
|
|
|
|
|
2024-02-17 14:43:46 -06:00
|
|
|
use std::time::Instant;
|
|
|
|
use glam::{UVec2, vec4};
|
|
|
|
use glium::{backend::glutin::SimpleWindowBuilder, Surface};
|
|
|
|
use winit::{
|
|
|
|
event::{Event, WindowEvent},
|
|
|
|
event_loop::{EventLoopBuilder, ControlFlow}
|
|
|
|
};
|
|
|
|
use hui::{
|
|
|
|
element::{
|
2024-04-17 08:47:22 -05:00
|
|
|
container::Container, frame_view::FrameView, progress_bar::ProgressBar, ElementList, UiElement
|
2024-04-17 08:57:46 -05:00
|
|
|
}, frame::RectFrame, layout::{Alignment, Direction, Size}, rect::{Corners, Sides}, UiInstance
|
2024-02-17 14:43:46 -06:00
|
|
|
};
|
|
|
|
use hui_glium::GliumUiRenderer;
|
|
|
|
|
|
|
|
fn main() {
|
|
|
|
kubi_logging::init();
|
|
|
|
|
|
|
|
let event_loop = EventLoopBuilder::new().build().unwrap();
|
2024-02-18 10:22:31 -06:00
|
|
|
let (_window, display) = SimpleWindowBuilder::new().build(&event_loop);
|
2024-02-17 14:43:46 -06:00
|
|
|
|
2024-02-17 14:47:21 -06:00
|
|
|
let mut hui = UiInstance::new();
|
2024-02-17 14:43:46 -06:00
|
|
|
let mut backend = GliumUiRenderer::new(&display);
|
|
|
|
|
|
|
|
let instant = Instant::now();
|
|
|
|
event_loop.run(|event, window_target| {
|
|
|
|
window_target.set_control_flow(ControlFlow::Poll);
|
|
|
|
match event {
|
|
|
|
Event::WindowEvent { event: WindowEvent::CloseRequested, .. } => {
|
|
|
|
window_target.exit();
|
|
|
|
},
|
|
|
|
Event::AboutToWait => {
|
|
|
|
let mut frame = display.draw();
|
|
|
|
frame.clear_color_srgb(0.5, 0.5, 0.5, 0.);
|
|
|
|
|
|
|
|
let resolution = UVec2::from(display.get_framebuffer_dimensions()).as_vec2();
|
|
|
|
|
2024-02-17 14:47:21 -06:00
|
|
|
hui.begin();
|
2024-02-17 14:43:46 -06:00
|
|
|
|
|
|
|
let z = instant.elapsed().as_secs_f32().sin().powi(2);
|
|
|
|
|
2024-02-17 14:47:21 -06:00
|
|
|
hui.add(Container {
|
2024-02-17 14:43:46 -06:00
|
|
|
gap: 5.,
|
|
|
|
padding: Sides::all(5.),
|
2024-03-01 18:09:57 -06:00
|
|
|
align: (Alignment::Center, Alignment::Begin).into(),
|
2024-03-22 12:39:18 -05:00
|
|
|
size: (Size::Relative(1.), Size::Relative(1.)).into(),
|
2024-02-25 18:15:55 -06:00
|
|
|
children: ElementList(vec![
|
2024-02-17 14:43:46 -06:00
|
|
|
Box::new(ProgressBar {
|
|
|
|
value: 0.5,
|
|
|
|
..Default::default()
|
|
|
|
}),
|
2024-02-25 18:15:55 -06:00
|
|
|
]),
|
2024-02-17 14:43:46 -06:00
|
|
|
..Default::default()
|
|
|
|
}, resolution);
|
|
|
|
|
2024-02-17 14:47:21 -06:00
|
|
|
hui.add(Container {
|
2024-02-17 14:43:46 -06:00
|
|
|
gap: 5.,
|
|
|
|
padding: Sides::all(5.),
|
2024-03-01 18:09:57 -06:00
|
|
|
align: (Alignment::Center, Alignment::End).into(),
|
2024-03-22 12:39:18 -05:00
|
|
|
size: (Size::Relative(1.), Size::Relative(1.)).into(),
|
2024-02-25 18:15:55 -06:00
|
|
|
children: ElementList(vec![
|
2024-02-17 14:43:46 -06:00
|
|
|
Box::new(ProgressBar {
|
|
|
|
value: z,
|
2024-03-25 10:16:56 -05:00
|
|
|
// corner_radius: Corners::all(0.25 * ProgressBar::DEFAULT_HEIGHT),
|
2024-02-17 14:43:46 -06:00
|
|
|
..Default::default()
|
|
|
|
}),
|
|
|
|
Box::new(Container {
|
2024-03-22 12:39:18 -05:00
|
|
|
size: (Size::Relative(1.), Size::Auto).into(),
|
2024-03-01 18:09:57 -06:00
|
|
|
align: (Alignment::End, Alignment::Center).into(),
|
2024-02-17 14:43:46 -06:00
|
|
|
padding: Sides::all(5.),
|
|
|
|
gap: 10.,
|
2024-02-25 18:15:55 -06:00
|
|
|
children: ElementList(vec![
|
2024-04-17 08:44:47 -05:00
|
|
|
Box::new(FrameView {
|
2024-03-22 12:39:18 -05:00
|
|
|
size: (Size::Relative(0.5), Size::Absolute(30.)).into(),
|
2024-03-24 16:18:15 -05:00
|
|
|
frame: Box::new(vec4(0.75, 0., 0., 1.)),
|
2024-02-17 14:43:46 -06:00
|
|
|
}),
|
2024-04-17 08:44:47 -05:00
|
|
|
Box::new(FrameView {
|
2024-03-22 12:39:18 -05:00
|
|
|
size: (Size::Relative(z / 2. + 0.5), Size::Absolute(30.)).into(),
|
2024-03-24 16:18:15 -05:00
|
|
|
frame: Box::new(Corners::left_right(
|
2024-02-20 14:13:21 -06:00
|
|
|
vec4(1., 0., 0., 1.),
|
|
|
|
vec4(0., 1., 0., 1.)
|
2024-03-24 16:18:15 -05:00
|
|
|
)),
|
2024-02-17 14:43:46 -06:00
|
|
|
}),
|
2024-02-25 18:15:55 -06:00
|
|
|
]),
|
2024-02-17 14:43:46 -06:00
|
|
|
..Default::default()
|
|
|
|
}),
|
2024-04-17 08:44:47 -05:00
|
|
|
Box::new(FrameView {
|
2024-03-22 12:39:18 -05:00
|
|
|
size: (Size::Relative(z / 2. + 0.5), Size::Absolute(30.)).into(),
|
2024-03-24 16:18:15 -05:00
|
|
|
frame: Box::new(vec4(0., 0.75, 0., 1.)),
|
2024-02-17 14:43:46 -06:00
|
|
|
}),
|
|
|
|
Box::new(Container {
|
|
|
|
gap: 5.,
|
|
|
|
padding: Sides::all(5.),
|
2024-04-17 08:57:46 -05:00
|
|
|
background_frame: Box::new(RectFrame::color(vec4(0., 0., 0., 0.5))),
|
2024-03-06 19:06:14 -06:00
|
|
|
direction: Direction::Horizontal,
|
2024-02-25 18:15:55 -06:00
|
|
|
children: {
|
2024-02-17 14:43:46 -06:00
|
|
|
let mut x: Vec<Box<dyn UiElement>> = vec![];
|
|
|
|
for i in 0..10 {
|
2024-04-17 08:44:47 -05:00
|
|
|
x.push(Box::new(FrameView {
|
2024-03-22 12:39:18 -05:00
|
|
|
size: (Size::Absolute(50.), Size::Absolute(50.)).into(),
|
2024-03-24 16:18:15 -05:00
|
|
|
frame: Box::new(if i == 1 {
|
|
|
|
vec4(0.75, 0.75, 0.75, 0.75)
|
2024-02-17 14:43:46 -06:00
|
|
|
} else {
|
2024-03-24 16:18:15 -05:00
|
|
|
vec4(0.5, 0.5, 0.5, 0.75)
|
|
|
|
}),
|
2024-02-17 14:43:46 -06:00
|
|
|
}));
|
|
|
|
}
|
2024-02-25 18:15:55 -06:00
|
|
|
ElementList(x)
|
2024-02-17 14:43:46 -06:00
|
|
|
},
|
|
|
|
..Default::default()
|
|
|
|
}),
|
|
|
|
Box::new(Container {
|
2024-04-17 08:57:46 -05:00
|
|
|
background_frame: Box::new(RectFrame::color((1., 0., 0.)).with_corner_radius(Corners {
|
2024-03-23 20:24:39 -05:00
|
|
|
top_left: 0.,
|
|
|
|
top_right: 30.,
|
|
|
|
bottom_left: 0.,
|
|
|
|
bottom_right: 0.,
|
|
|
|
})),
|
2024-02-17 14:43:46 -06:00
|
|
|
padding: Sides {
|
|
|
|
top: 10.,
|
|
|
|
bottom: 20.,
|
|
|
|
left: 30.,
|
|
|
|
right: 40.,
|
|
|
|
},
|
2024-02-25 18:15:55 -06:00
|
|
|
children: ElementList(vec![
|
2024-04-17 08:44:47 -05:00
|
|
|
Box::new(FrameView {
|
2024-03-22 12:39:18 -05:00
|
|
|
size: (Size::Absolute(50.), Size::Absolute(50.)).into(),
|
2024-03-24 16:18:15 -05:00
|
|
|
frame: Box::new(vec4(1., 1., 1., 0.75)),
|
2024-02-20 08:57:57 -06:00
|
|
|
}),
|
2024-02-25 18:15:55 -06:00
|
|
|
]),
|
2024-02-17 14:43:46 -06:00
|
|
|
..Default::default()
|
2024-02-20 12:57:02 -06:00
|
|
|
}),
|
2024-02-25 18:15:55 -06:00
|
|
|
]),
|
2024-02-17 14:43:46 -06:00
|
|
|
..Default::default()
|
|
|
|
}, resolution);
|
|
|
|
|
2024-02-17 14:47:21 -06:00
|
|
|
hui.end();
|
2024-02-17 14:43:46 -06:00
|
|
|
|
2024-02-17 14:47:21 -06:00
|
|
|
backend.update(&hui);
|
2024-02-17 14:43:46 -06:00
|
|
|
backend.draw(&mut frame, resolution);
|
|
|
|
|
|
|
|
frame.finish().unwrap();
|
|
|
|
}
|
|
|
|
_ => (),
|
|
|
|
}
|
|
|
|
}).unwrap();
|
|
|
|
}
|