mirror of
https://github.com/griffi-gh/hUI.git
synced 2024-11-25 08:28:42 -06:00
uwu
This commit is contained in:
parent
cc591ffa1f
commit
f47bfc1f48
|
@ -1,13 +1,16 @@
|
||||||
use hui::{
|
use hui::{
|
||||||
color, size,
|
color, size,
|
||||||
|
draw::TextureFormat,
|
||||||
|
signal::UiSignal,
|
||||||
layout::{Alignment, Direction},
|
layout::{Alignment, Direction},
|
||||||
element::{
|
element::{
|
||||||
container::Container,
|
container::Container,
|
||||||
text::Text,
|
text::Text,
|
||||||
|
image::Image,
|
||||||
|
br::Br,
|
||||||
interactable::ElementInteractableExt,
|
interactable::ElementInteractableExt,
|
||||||
UiElementExt
|
UiElementExt,
|
||||||
},
|
},
|
||||||
signal::UiSignal,
|
|
||||||
};
|
};
|
||||||
|
|
||||||
enum CounterSignal {
|
enum CounterSignal {
|
||||||
|
@ -20,49 +23,58 @@ impl UiSignal for CounterSignal {}
|
||||||
#[macro_use]
|
#[macro_use]
|
||||||
mod boilerplate;
|
mod boilerplate;
|
||||||
|
|
||||||
|
const IMAGE_DATA: &[u8] = include_bytes!("../assets/icons/visual-studio-code-icon_32x32.rgba");
|
||||||
|
|
||||||
ui_main!(
|
ui_main!(
|
||||||
"hUI: Internal input test",
|
"hUI: Internal input test",
|
||||||
init: |_| {
|
init: |ui| {
|
||||||
0
|
let image = ui.add_image(TextureFormat::Rgba, IMAGE_DATA, 32);
|
||||||
|
(0, image)
|
||||||
},
|
},
|
||||||
run: |ui, size, counter| {
|
run: |ui, size, (ref mut counter, image)| {
|
||||||
Container::default()
|
Container::default()
|
||||||
.with_size(size!(100%))
|
.with_size(size!(100%))
|
||||||
.with_align(Alignment::Center)
|
.with_align(Alignment::Center)
|
||||||
.with_direction(Direction::Horizontal)
|
.with_direction(Direction::Horizontal)
|
||||||
.with_gap(5.)
|
.with_gap(5.)
|
||||||
.with_background(color::WHITE)
|
.with_background((0.1, 0.1, 0.1))
|
||||||
|
.with_wrap(true)
|
||||||
.with_children(|ui| {
|
.with_children(|ui| {
|
||||||
Container::default()
|
Container::default()
|
||||||
.with_padding(10.)
|
.with_padding(10.)
|
||||||
.with_corner_radius(8.)
|
.with_background(color::ORANGE)
|
||||||
.with_background(color::DARK_RED)
|
|
||||||
.with_children(|ui| {
|
.with_children(|ui| {
|
||||||
Text::new("-")
|
Text::new("-")
|
||||||
|
.with_text_size(32)
|
||||||
.add_child(ui);
|
.add_child(ui);
|
||||||
})
|
})
|
||||||
.on_click(CounterSignal::Decrement)
|
.on_click(CounterSignal::Decrement)
|
||||||
.add_child(ui);
|
.add_child(ui);
|
||||||
Container::default()
|
Container::default()
|
||||||
.with_size(size!(20, auto))
|
.with_size(size!(60, auto))
|
||||||
.with_align(Alignment::Center)
|
.with_align(Alignment::Center)
|
||||||
.with_children(|ui| {
|
.with_children(|ui| {
|
||||||
Text::new(counter.to_string())
|
Text::new(counter.to_string())
|
||||||
.with_color(color::BLACK)
|
.with_text_size(64)
|
||||||
.with_text_size(32)
|
|
||||||
.add_child(ui);
|
.add_child(ui);
|
||||||
})
|
})
|
||||||
.add_child(ui);
|
.add_child(ui);
|
||||||
Container::default()
|
Container::default()
|
||||||
.with_padding(10.)
|
.with_padding(10.)
|
||||||
.with_corner_radius(8.)
|
.with_background(color::ORANGE)
|
||||||
.with_background(color::DARK_RED)
|
|
||||||
.with_children(|ui| {
|
.with_children(|ui| {
|
||||||
Text::new("+")
|
Text::new("+")
|
||||||
|
.with_text_size(32)
|
||||||
.add_child(ui);
|
.add_child(ui);
|
||||||
})
|
})
|
||||||
.on_click(CounterSignal::Increment)
|
.on_click(CounterSignal::Increment)
|
||||||
.add_child(ui);
|
.add_child(ui);
|
||||||
|
Br.add_child(ui);
|
||||||
|
for _ in 0..*counter {
|
||||||
|
Image::new(*image)
|
||||||
|
.with_size(size!(48, 48))
|
||||||
|
.add_child(ui);
|
||||||
|
}
|
||||||
})
|
})
|
||||||
.add_root(ui, size);
|
.add_root(ui, size);
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue