From ecd0997576378caab549cfe537639355e4a75376 Mon Sep 17 00:00:00 2001 From: Héctor Ramón Jiménez Date: Mon, 3 Jan 2022 12:09:07 +0700 Subject: Center contents with `Container` in `exit` example ... also add some `padding` to buttons! --- examples/exit/src/main.rs | 23 ++++++++++++++++------- 1 file changed, 16 insertions(+), 7 deletions(-) (limited to 'examples') diff --git a/examples/exit/src/main.rs b/examples/exit/src/main.rs index c3a190d8..c45a8205 100644 --- a/examples/exit/src/main.rs +++ b/examples/exit/src/main.rs @@ -1,5 +1,6 @@ use iced::{ - button, Alignment, Button, Column, Element, Sandbox, Settings, Text, + button, Alignment, Button, Column, Container, Element, Length, Sandbox, + Settings, Text, }; pub fn main() -> iced::Result { @@ -47,9 +48,9 @@ impl Sandbox for Exit { } fn view(&mut self) -> Element { - if self.show_confirm { + let content = if self.show_confirm { Column::new() - .padding(20) + .spacing(10) .align_items(Alignment::Center) .push(Text::new("Are you sure you want to exit?")) .push( @@ -57,19 +58,27 @@ impl Sandbox for Exit { &mut self.confirm_button, Text::new("Yes, exit now"), ) + .padding([10, 20]) .on_press(Message::Confirm), ) - .into() } else { Column::new() - .padding(20) + .spacing(10) .align_items(Alignment::Center) .push(Text::new("Click the button to exit")) .push( Button::new(&mut self.exit_button, Text::new("Exit")) + .padding([10, 20]) .on_press(Message::Exit), ) - .into() - } + }; + + Container::new(content) + .width(Length::Fill) + .height(Length::Fill) + .padding(20) + .center_x() + .center_y() + .into() } } -- cgit