iced(r8 Blame)
| r8 | ||
|---|---|---|
| r6 | 1 | [[분류:GUI 프레임워크]][[분류:Rust로 개발된 소프트웨어]] |
| 2 | ||<-2><tablealign=right><tablewidth=450><tablebordercolor=#30f><tablebgcolor=transparent><colbgcolor=#30f><colcolor=#fff> '''{{{+3 Iced}}}''' || | |
| 3 | ||<bgcolor=transparent><nopad><-2> [[파일:iced logo.svg|width=60%]] || | |
| 4 | ||<width=25%> '''개발자''' ||'''hecrj''' || | |
| 5 | || '''링크''' ||[[https://github.com/iced-rs/iced|[[파일:GitHub 아이콘 light.svg|width=25px&theme=light]][[파일:GitHub 아이콘 dark.svg|width=25px&theme=dark]]]] [[https://docs.rs/iced/latest/iced|[[파일:Docs.rs logo.png]]]] [[https://crates.io/crates/iced|[[파일:Crates.io logo.png|width=25px]]]]|| | |
| r3 | 6 | [목차] |
| 7 | [clearfix] | |
| r1 (새 문서) | 8 | == 개요 == |
| r6 | 9 | 러스트의 GUI 프레임워크이다. |
| r7 | 10 | == 사용법 == |
| 11 | [[iced 구조.svg]] | |
| 12 | iced는 기본적으로 위의 구조를 갖고 있다. 먼저 UI에서 사용자가 상호작용하면 update 로직에 보낼 Message 열거를 만들어보자 | |
| r8 | 13 | {{{#!syntax rust |
| r7 | 14 | enum Message { |
| 15 | Hello, | |
| 16 | Bye | |
| 17 | }}}} | |
| 18 | 그리고 데이터를 담을 state 구조체를 만들자 | |
| r8 | 19 | {{{#!syntax rust |
| r7 | 20 | #[derive(Default)] |
| 21 | struct State { | |
| 22 | say:String | |
| 23 | }}}} | |
| 24 | say의 기본값을 "hello"로 지정해주고 싶으면 derive 메크로를 제거하고 | |
| r8 | 25 | {{{#!syntax rust |
| r7 | 26 | impl Default for State { |
| 27 | fn default() Self { | |
| 28 | Self { | |
| 29 | say:String::from("hello"); | |
| 30 | } | |
| 31 | } | |
| 32 | }}}}를 추가해주자.[* 사실 iced::application이라는 대응 함수도 있는데 부실한 문서화때문에 사용하기 어렵다] | |
| 33 | 그리고 상호작용을 할 때 실행될 update 함수를 만들자 | |
| r8 | 34 | {{{#!syntax rust |
| r7 | 35 | fn update(state:&mut State, message:Message) { |
| 36 | match Message { | |
| 37 | Hello => { | |
| 38 | state.say = String::from("Hello"); | |
| 39 | }, | |
| 40 | Bye => { | |
| 41 | state.say = String::from("Bye"); | |
| 42 | } | |
| 43 | } | |
| 44 | }}}} | |
| 45 | 마지막으로 UI를 담당할 view 함수를 만들고 | |
| r8 | 46 | {{{#!syntax rust |
| r7 | 47 | use iced::Element; |
| 48 | use iced::widget::{button, column, text}; | |
| r6 | 49 | |
| r7 | 50 | fn view(state: &State) -> Element<'_, Message> { |
| 51 | column![ | |
| 52 | text(state.say), | |
| 53 | button("say hello").on_press(Message::Hello), | |
| 54 | button("say bye").on_press(Message::Bye) | |
| 55 | ].into() | |
| 56 | }}}} | |
| 57 | iced::run으로 실행하자 | |
| r8 | 58 | {{{#!syntax rust |
| r7 | 59 | fn main () -> iced::Result { |
| 60 | iced::run(update, view)? | |
| 61 | }}}} | |
| r2 | 62 | == 특징 == |
| 63 | * 마지막 릴리즈가 ,,25년 9월 기준,,1년 전에 나왔다![* cargo add iced 대신 깃헙 주소를 입력하는 것을 추천한다. 브랜치는 master로] | |
| r7 | 64 | * 비동기 처리를 자체 런타임을 이용해서 하는데 tokio[* 러스트에서 가장 많이쓰는 런타임] 런타임이랑 호환이 안되는듯 하다 |
| r2 | 65 | == 사용하는 소프트웨어 == |
| r6 | 66 | * cosmic |