azul

Azul — фреймворк с графическим интерфейсом для настольных компьютеров

Azul — это бесплатная, функциональная, реактивная среда графического пользовательского интерфейса для Rust, C и C++, созданная с использованием механизма рендеринга WebRender и CSS/HTML-подобной объектной модели документа для быстрой разработки красивых нативных настольных приложений.

Веб-сайт | Релизы | Руководство пользователя | Документация по API | Видео демо | Матричный чат

Функции

Azul использует вебрендер (движок рендеринга Firefox) для рендеринга вашего пользовательского интерфейса, поэтому он поддерживает множество распространенных функций CSS, таких как:

• градиенты (линейные, радиальные, конические)
• тени коробки
• SVG-фильтры
• операторы композиции (умножить, затемнить и т. д.)
• стиль границы
• границы-радиусы
• прокрутка/автоматическое переполнение
• CSS-преобразования

Дополнительную информацию см. в списке поддерживаемых ключей/значений CSS.

Кроме того, функции Azul...

• множество встроенных виджетов (Button, TextInput, CheckBox, ColorInput, TextInput, NumberInput)
• встраивание текстур OpenGL
• упрощенная HTML-подобная система относительной/абсолютной компоновки на основе CSS flexbox
• Более 60 анимаций FPS через Animation API
• кроссплатформенные собственные диалоги
• кроссплатформенное формирование и рендеринг текста
• Парсинг и рендеринг SVG
• Тесселяция фигур для рендеринга большого количества 2D-линий, кругов, прямоугольников, фигур и т. д. за один вызов отрисовки.
• управление задачами вне основного потока для ввода-вывода
• динамическое связывание через общую библиотеку*
• можно использовать в Rust, C, C++ и Python через автоматически создаваемые привязки API**
• Компиляция HTML-to-Rust для быстрого прототипирования и горячей перезагрузки

* статическая ссылка пока недоступна

** Привязки C++ и Python еще не стабилизированы и могут не работать в зависимости от используемой вами ветки. Перед релизом они будут стабилизированы.

Скриншоты

Привет, мир

Питон

 from azul import *

class DataModel :
    def __init__ ( self , counter ):
        self . counter = counter

def render_dom ( data , info ):
    
    label = Dom . text ( "{}" . format ( data . counter ))
    label . set_inline_style ( "font-size: 50px;" )
    
    button = Button ( "Increment counter" )
    button . set_on_click ( data , increment_counter )

    dom = Dom . body ()
    dom . add_child ( label )
    dom . add_child ( button . dom ())

    return dom . style ( Css . empty ())

def increment_counter ( data , info ):
    data . counter += 1 ;
    return Update . RefreshDom

app = App ( DataModel ( 5 ), AppConfig ( LayoutSolver . Default ))
app . run ( WindowCreateOptions ( render_dom ))

Ржавчина

 use azul :: prelude :: * ;
use azul :: widgets :: { button :: Button , label :: Label } ;

struct DataModel {
    counter : usize ,
}

extern "C" 
fn render_dom ( data : & mut RefAny , _ : & mut LayoutInfo ) -> StyledDom {

    let data = data . downcast_ref :: < DataModel > ( ) ? ;

    let label = Dom :: text ( format ! ( "{}" , data . counter ) )
        . with_inline_style ( "font-size: 50px;" ) ;
        
    let button = Button :: new ( "Increment counter" )
        . onmouseup ( increment_counter , data . clone ( ) ) ;

    Dom :: body ( )
    . with_child ( label )
    . with_child ( button . dom ( ) )
    . style ( Css :: empty ( ) )
}

extern "C" 
fn increment_counter ( data : & mut RefAny , _ : & mut CallbackInfo ) -> Update {
    let mut data = data . downcast_mut :: < DataModel > ( ) ? ;
    data . counter += 1 ;
    Update :: RefreshDom // call render_dom() again
}

fn main ( ) {
    let initial_data = RefAny :: new ( DataModel { counter : 0 } ) ;
    let app = App :: new ( initial_data , AppConfig :: default ( ) ) ;
    app . run ( WindowCreateOptions :: new ( render_dom ) ) ;
}

С

 #include "azul.h"

typedef struct {
    uint32_t counter ;
} DataModel ;

void DataModel_delete ( DataModel * restrict A ) { }
AZ_REFLECT ( DataModel , DataModel_delete );

AzStyledDom render_dom ( AzRefAny * data , AzLayoutInfo * info ) {

    DataModelRef d = DataModelRef_create ( data );
    if !( DataModel_downcastRef ( data , & d )) {
        return AzStyledDom_empty ();
    }
    
    char buffer [ 20 ];
    int written = snprintf ( buffer , 20 , "%d" , d -> counter );
    AzString const labelstring = AzString_copyFromBytes ( & buffer , 0 , written );
    AzDom label = AzDom_text ( labelstring );
    AzString const inline_css = AzString_fromConstStr ( "font-size: 50px;" );
    AzDom_setInlineStyle ( & label , inline_css );
    
    AzString const buttontext = AzString_fromConstStr ( "Increment counter" );
    AzButton button = AzButton_new ( buttontext , AzRefAny_clone ( data ));
    AzButton_setOnClick ( & button , incrementCounter );

    AzDom body = Dom_body ();
    AzDom_addChild ( body , AzButton_dom ( & button ));
    AzDom_addChild ( body , label );
    
    AzCss global_css = AzCss_empty ();
    return AzDom_style ( body , global_css );
}

Update incrementCounter ( RefAny * data , CallbackInfo * event ) {
    DataModelRefMut d = DataModelRefMut_create ( data );
    if !( DataModel_downcastRefMut ( data , & d )) {
        return Update_DoNothing ;
    }
    d -> ptr . counter += 1 ;
    DataModelRefMut_delete ( & d );
    return Update_RefreshDom ;
}

int main () {
    DataModel model = { . counter = 5 };
    AzApp app = AzApp_new ( DataModel_upcast ( model ), AzAppConfig_default ());
    AzApp_run ( app , AzWindowCreateOptions_new ( render_dom ));
    return 0 ;
}

Лицензия

Azul имеет лицензию MPL-2.0. А это значит, что да, вы можете создавать проприетарные приложения с помощью azul без необходимости публиковать свой код: вам нужно только опубликовать изменения, внесенные в саму библиотеку .

Авторские права принадлежат Феликсу Шютту, 2017 г.