웹사이트 | 문서 | 디스코드 | 연락처

Freya는 크로스 플랫폼, 네이티브, 선언형 Rust🦀용 GUI 라이브러리입니다.

사용 📜

최신 안정 버전:

다음 릴리스:

main 분기:

시도해 보려 🚀

개발 설정(Development Setup)을 준비해 두세요.

⚠️ 이 저장소는 git 서브모듈을 사용합니다, --recurse-submodules 없이 클론하면 예제가 컴파일되지 않습니다.

이미 서브 모듈 없이 복제했나요? git submodule update --init --recursive를 실행해서 가져오세요.

그다음 예제를 실행해 봅니다:

⚠️ 만약 윈도우에서 windows-gnu를 사용 중이고 컴파일 오류가 발생한다면, 이 문제를 확인해 보시는 것도 좋을 것 같습니다.

구성 요소 및 주

Freya의 컴포넌트 모델은 의존하는 상태가 변할 때 자동으로 재렌더링되는 재사용 가능한 UI 요소를 만들 수 있게 해줍니다. 컴포넌트는 자체 내부 상태를 유지하거나 공유 상태를 구독할 수 있으며, UI를 출력으로 생성합니다. Component 특성을 구현한 타입은 컴포넌트가 될 수 있고, 루트(app) 컴포넌트는 단순히 함수일 수 있습니다. 내장 예로는 Button와 [Switch 같은 컴포넌트가 있습니다.

박스에서 나온 부품

Freya 🦀

Website | Documentation | Discord | Contact

Freya is a cross-platform, native, declarative GUI library for Rust 🦀.

Usage 📜

Latest stable release:

freya = "0.4"

Next release:

freya = "0.5.0-rc.13"

main branch:

freya = { git = "https://github.com/marc2332/freya", branch = "main" }

Trying it out 🚀

Make sure to have Development Setup ready.

⚠️ This repo uses git submodules, cloning without --recurse-submodules will make the examples fail to compile.

git clone --recurse-submodules https://github.com/marc2332/freya.git
cd freya

Already cloned without submodules? Run git submodule update --init --recursive to fetch them.

Then run an example:

cargo run --example counter

⚠️ If you happen to be on Windows using windows-gnu and get compile errors, maybe go check this issue.

Components & State

Freya’s component model lets you create reusable UI elements that automatically re-render when the state they depend on changes. Components can hold their own internal state or subscribe to shared state, and they produce UI as their output. Any type that implements the Component trait can be a component, while the root (app) component can simply be a function. Built-in examples include components like Button and Switch.

fn app() -> impl IntoElement {
    let mut count = use_state(|| 4);

    let counter = rect()
        .width(Size::fill())
        .height(Size::percent(50.))
        .center()
        .color((255, 255, 255))
        .background((15, 163, 242))
        .font_weight(FontWeight::BOLD)
        .font_size(75.)
        .shadow((0., 4., 20., 4., (0, 0, 0, 80)))
        .child(count.read().to_string());

    let actions = rect()
        .horizontal()
        .width(Size::fill())
        .height(Size::percent(50.))
        .center()
        .spacing(8.0)
        .child(
            Button::new()
                .on_press(move |_| {
                    *count.write() += 1;
                })
                .child("Increase"),