iced_(r7)

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

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

#syntax rust
enum Message {
    Hello,
    Bye

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

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

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

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

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

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

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

#syntax rust
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으로 실행하자

#syntax rust
fn main () -> iced::Result {
    iced::run(update, view)?

}

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