path: root/examples/tooltip/src/main.rs

use iced::tooltip::{self, Tooltip};
use iced::{
    button, Button, Column, Container, Element, HorizontalAlignment, Length,
    Row, Sandbox, Settings, Text, VerticalAlignment,
};

pub fn main() {
    Example::run(Settings::default()).unwrap()
}

#[derive(Default)]
struct Example {
    top: button::State,
    bottom: button::State,
    right: button::State,
    left: button::State,
    follow_cursor: button::State,
}

#[derive(Debug, Clone, Copy)]
struct Message;

impl Sandbox for Example {
    type Message = Message;

    fn new() -> Self {
        Self::default()
    }

    fn title(&self) -> String {
        String::from("Tooltip - Iced")
    }

    fn update(&mut self, _message: Message) {}

    fn view(&mut self) -> Element<Message> {
        let top =
            tooltip("Tooltip at top", &mut self.top, tooltip::Position::Top);

        let bottom = tooltip(
            "Tooltip at bottom",
            &mut self.bottom,
            tooltip::Position::Bottom,
        );

        let left =
            tooltip("Tooltip at left", &mut self.left, tooltip::Position::Left);

        let right = tooltip(
            "Tooltip at right",
            &mut self.right,
            tooltip::Position::Right,
        );

        let fixed_tooltips = Row::with_children(vec![
            top.into(),
            bottom.into(),
            left.into(),
            right.into(),
        ])
        .width(Length::Fill)
        .height(Length::Fill)
        .align_items(iced::Align::Center)
        .spacing(50);

        let follow_cursor = tooltip(
            "Tooltip follows cursor",
            &mut self.follow_cursor,
            tooltip::Position::FollowCursor,
        );

        let content = Column::with_children(vec![
            Container::new(fixed_tooltips)
                .width(Length::Fill)
                .height(Length::Fill)
                .center_x()
                .center_y()
                .into(),
            follow_cursor.into(),
        ])
        .width(Length::Fill)
        .height(Length::Fill)
        .spacing(50);

        Container::new(content)
            .width(Length::Fill)
            .height(Length::Fill)
            .center_x()
            .center_y()
            .padding(50)
            .into()
    }
}

fn tooltip<'a>(
    label: &str,
    button_state: &'a mut button::State,
    position: tooltip::Position,
) -> Element<'a, Message> {
    Tooltip::new(
        Button::new(
            button_state,
            Text::new(label)
                .size(40)
                .width(Length::Fill)
                .height(Length::Fill)
                .horizontal_alignment(HorizontalAlignment::Center)
                .vertical_alignment(VerticalAlignment::Center),
        )
        .on_press(Message)
        .width(Length::Fill)
        .height(Length::Fill),
        Text::new("Tooltip"),
        position,
    )
    .into()
}