iced

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

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)?
}

update로직이 너무 오랫동안 실행되면 UI 전채가 멈춰지는 문제가 있다.[2] 그래서 내장 런타임을 활용하여 IO같은 지연이 오래걸리는 작업을 비동기로 처리해줘야한다.

fn update(state:&mut State, message:Message) -> iced::Task<Message> {
    match Message {
        Message::SomeAsyncTask => {
            return iced::Task::perform(asyncfunc(), Message::AfterAsyncTask);
            //asyncfunc라는 함수를 실행하고 함수 실행이 완료되면 AfterAsyncTask를 update의 message로 넘긴다는 뜻.
        }
        Message::AfterAsyncTask => {
            println!("비동기 작업 완료! ✌️");
            Task::none(); //비동기 작업을 실행하지 않는다는 뜻
        }
    }
}
async fn asyncfunc() {
    sleep(1000).await;
}

이런식으로 업데이트 함수를 수정해주면 된다.