iced_(r9)

러스트의 GUI 프레임워크이다.

iced 구조.svg
iced는 기본적으로 위의 구조를 갖고 있다. 먼저 UI에서 사용자가 상호작용하면 update 로직에 보낼 Message 열거를 만들어보자

enum Message {
    Hello,
    Bye
}

그리고 데이터를 담을 state 구조체를 만들자

#[derive(Default)]
struct State {
    say:String
}

say의 기본값을 "hello"로 지정해주고 싶으면 derive 메크로를 제거하고

impl Default for State {
    fn default() Self {
        Self {
            say:String::from("hello");
        }
    }
}

를 추가해주자.[1]
그리고 상호작용을 할 때 실행될 update 함수를 만들자

fn update(state:&mut State, message:Message) {
    match Message {
        Hello => {
            state.say = String::from("Hello");
        },
        Bye => {
            state.say = String::from("Bye");
        }
    }
}

마지막으로 UI를 담당할 view 함수를 만들고

use iced::Element;
use iced::widget::{button, column, text};

fn view(state: &State) -> Element<'_, Message> {
    column![
        text(state.say),
        button("say hello").on_press(Message::Hello),
        button("say bye").on_press(Message::Bye)
    ].into()
}

iced::run으로 실행하자

fn main () -> iced::Result {
    iced::run(update, view)?
}

* 비동기 처리를 자체 런타임을 이용해서 하는데 tokio[3] 런타임이랑 호환이 안되는듯 하다