Irisia GUI

Irisia GUI is a GUI framework based on Rust programming language, featured high-performance, cross-platform, flexible, empowers everyone to build an morden applications with accuracy and efficiency.

Irisia is heavily depend on following crates:

winit: A window launcher, which is widely used in Rust.
skia-safe: Bindings to Skia. Skia is a graphics library developed by Google, used by lots of project, most famously Chrome and Android.
tokio: A asynchronous library with runtime and useful utils, which is high-speed and reliable.

📕 Irisia Book

Only Chinese is available now
目前只有中文可用

https://fancyflame.github.io/irisia-gui/

💻 CONTRIBUTING

Welcome to Irisia GUI! This is a project in progress and we're actively seeking contributors to help us develop and improve it.

Project Status

We're in the early stages of development and there's a lot of work to be done. We're looking for developers, designers, and testers who are interested in contributing to this project.

We welcome all types of contributions, from code and documentation to bug reports and feature requests.

How to contribute

Contributing documentation is lack now, all we have is examples in examples directory and some implementation of common components in irisia crate. Please feel free to ask any questions about this project in issues or discussion tab.

If you are tend to participate in our project, please contact me via fancyflame@163.com. Thanks!

🌍 About English Documentation

We are sorry but due to my(or our) limited English proficiency, documentation is not available now. We will add as soon as possible.
How about take a look at window example?
If you tend to translate the documentation into English, please feel free to open an issue to let me(us) know. Thanks a lot.
If you in need of English documentation, also please open an issue to let us know!

👀 Take a quick look

A simple window application demo(located at examples/simple_window.rs) is looks like following. Newest examples please take a look at examples directory.

use irisia::{
    application::Window,
    element::{Element, NeverInitalized, NoProps, RuntimeInit},
    event::standard::{Click, ElementCreated},
    render_fn,
    skia_safe::Color,
    style,
    style::StyleColor,
    textbox::{styles::*, TextBox},
};
use window_backend::{Flex, Rectangle, StyleHeight, StyleWidth};

mod window_backend;

#[irisia::main]
async fn main() {
    Window::new::<App>("hello irisia")
        .await
        .unwrap()
        .join()
        .await;
}

struct App {
    rects: Vec<Color>,
}

impl Element for App {
    type Props<'a> = NoProps;
    type ChildProps<'a> = NeverInitalized;

    render_fn! {
        @init(self);
        Flex {
            TextBox {
                text: "Hello\n привет\n こんにちは\n 你好\n\n Irisia GUI🌺",
                user_select: true,
                +id: "textbox",
                +style: style!{
                    if 1 + 1 == 2{
                        color: Color::MAGENTA;
                    }
                    font_weight: .bold;
                    font_size: 30px;
                }
            }

            for (index, color) in self.rects.iter().enumerate() {
                @key index;
                Rectangle {
                    +id: ("rect", index),
                    +style: style!{
                        width: 100.0;
                        height: 100.0 + 40.0 * index as f32;
                        color: color.clone();
                    }
                }
            }
        }
    }

    fn create(init: RuntimeInit<Self>) -> Self {
        let handle = init.element_handle.clone();
        init.element_handle.spawn(async move {
            loop {
                let ElementCreated { result, key } = handle
                    .get_element_checked(|(s, _): &(&str, usize)| *s == "rect")
                    .await;

                tokio::spawn(async move {
                    loop {
                        result.recv_sys::<Click>().await;
                        println!("rectangle {} clicked", key.1);
                    }
                });
            }
        });

        Self {
            rects: vec![
                Color::RED,
                Color::YELLOW,
                Color::BLUE,
                Color::GREEN,
                Color::BLACK,
            ],
        }
    }
}

💬 Discussion Guidelines

Welcome to the discussion section of this project. We encourage constructive and respectful communication among all participants.

What to discuss

Please feel free to discuss any topics related to the project, such as:

Ask for help about usage
Bug reports and feature requests
Code review and technical questions
Suggestions and improvements
Other relevant topics

What not to discuss

To ensure a positive and inclusive environment, we ask that you refrain from discussing the following topics:

Politics, religion, or other sensitive topics that are not relevant to the project
Offensive or inappropriate language, behavior, or content
Personal attacks, insults, or harassment of any kind

Guidelines for communication

We encourage participants to follow these guidelines when communicating in the discussion section:

Discuss in English if possible
Be respectful and considerate of others' opinions and ideas
Stay on a constructive tone and avoid negative or aggressive language
Provide constructive feedback and suggestions for improvement when appropriate
If you have a disagreement with someone, try to address it politely and professionally

Thank you for your cooperation in making this a positive and productive discussion environment.

a1393323447/irisia-gui