add root ui node to example
This commit is contained in:
parent
bcfc27483b
commit
4a0f8b8869
@ -27,6 +27,7 @@ impl Color {
|
|||||||
pub const RED: Color = Color::rgb(1.0, 0.0, 0.0);
|
pub const RED: Color = Color::rgb(1.0, 0.0, 0.0);
|
||||||
pub const GREEN: Color = Color::rgb(0.0, 1.0, 0.0);
|
pub const GREEN: Color = Color::rgb(0.0, 1.0, 0.0);
|
||||||
pub const BLUE: Color = Color::rgb(0.0, 0.0, 1.0);
|
pub const BLUE: Color = Color::rgb(0.0, 0.0, 1.0);
|
||||||
|
pub const NONE: Color = Color::rgba(0.0, 0.0, 0.0, 0.0);
|
||||||
|
|
||||||
pub const fn rgb(r: f32, g: f32, b: f32) -> Color {
|
pub const fn rgb(r: f32, g: f32, b: f32) -> Color {
|
||||||
Color { r, g, b, a: 1.0 }
|
Color { r, g, b, a: 1.0 }
|
||||||
|
|||||||
@ -57,21 +57,23 @@ fn setup(
|
|||||||
// })
|
// })
|
||||||
// ui camera
|
// ui camera
|
||||||
.entity_with(OrthographicCameraComponents::ui())
|
.entity_with(OrthographicCameraComponents::ui())
|
||||||
|
// root node
|
||||||
|
.entity_with(UiComponents {
|
||||||
|
node: Node::new(Anchors::FULL, Margins::default()),
|
||||||
|
material: materials.add(Color::NONE.into()),
|
||||||
|
..Default::default()
|
||||||
|
})
|
||||||
|
.with_children(|builder| {
|
||||||
|
builder
|
||||||
// left vertical fill
|
// left vertical fill
|
||||||
.entity_with(UiComponents {
|
.entity_with(UiComponents {
|
||||||
node: Node::new(
|
node: Node::new(Anchors::LEFT_FULL, Margins::new(10.0, 200.0, 10.0, 10.0)),
|
||||||
Anchors::LEFT_FULL,
|
|
||||||
Margins::new(10.0, 200.0, 10.0, 10.0),
|
|
||||||
),
|
|
||||||
material: materials.add(Color::rgb(0.02, 0.02, 0.02).into()),
|
material: materials.add(Color::rgb(0.02, 0.02, 0.02).into()),
|
||||||
..Default::default()
|
..Default::default()
|
||||||
})
|
})
|
||||||
.with_children(|builder| {
|
.with_children(|builder| {
|
||||||
builder.entity_with(LabelComponents {
|
builder.entity_with(LabelComponents {
|
||||||
node: Node::new(
|
node: Node::new(Anchors::TOP_LEFT, Margins::new(10.0, 200.0, 40.0, 10.0)),
|
||||||
Anchors::TOP_LEFT,
|
|
||||||
Margins::new(10.0, 200.0, 40.0, 10.0),
|
|
||||||
),
|
|
||||||
label: Label {
|
label: Label {
|
||||||
text: "Text Label".to_string(),
|
text: "Text Label".to_string(),
|
||||||
font: font_handle,
|
font: font_handle,
|
||||||
@ -85,10 +87,7 @@ fn setup(
|
|||||||
})
|
})
|
||||||
// right vertical fill
|
// right vertical fill
|
||||||
.entity_with(UiComponents {
|
.entity_with(UiComponents {
|
||||||
node: Node::new(
|
node: Node::new(Anchors::RIGHT_FULL, Margins::new(10.0, 100.0, 100.0, 100.0)),
|
||||||
Anchors::RIGHT_FULL,
|
|
||||||
Margins::new(10.0, 100.0, 100.0, 100.0),
|
|
||||||
),
|
|
||||||
material: materials.add(Color::rgb(0.02, 0.02, 0.02).into()),
|
material: materials.add(Color::rgb(0.02, 0.02, 0.02).into()),
|
||||||
..Default::default()
|
..Default::default()
|
||||||
})
|
})
|
||||||
@ -141,10 +140,7 @@ fn setup(
|
|||||||
})
|
})
|
||||||
.with_children(|builder| {
|
.with_children(|builder| {
|
||||||
builder.entity_with(UiComponents {
|
builder.entity_with(UiComponents {
|
||||||
node: Node::new(
|
node: Node::new(Anchors::FULL, Margins::new(20.0, 20.0, 20.0, 20.0)),
|
||||||
Anchors::FULL,
|
|
||||||
Margins::new(20.0, 20.0, 20.0, 20.0),
|
|
||||||
),
|
|
||||||
material: materials.add(Color::rgb(0.6, 0.6, 1.0).into()),
|
material: materials.add(Color::rgb(0.6, 0.6, 1.0).into()),
|
||||||
..Default::default()
|
..Default::default()
|
||||||
})
|
})
|
||||||
@ -167,5 +163,6 @@ fn setup(
|
|||||||
),
|
),
|
||||||
material: materials.add(ColorMaterial::texture(texture_handle)),
|
material: materials.add(ColorMaterial::texture(texture_handle)),
|
||||||
..Default::default()
|
..Default::default()
|
||||||
|
})
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user