azul

Azul – Desktop-GUI-Framework

Azul ist ein kostenloses, funktionales, reaktives GUI-Framework für Rust, C und C++, das mit der WebRender-Rendering-Engine und einem CSS-/HTML-ähnlichen Dokumentobjektmodell für die schnelle Entwicklung schöner, nativer Desktop-Anwendungen erstellt wurde

Website | Veröffentlichungen | Benutzerhandbuch | API-Dokumentation | Videodemo | Matrix-Chat

Merkmale

Azul verwendet Webrender (die Rendering-Engine hinter Firefox), um Ihre Benutzeroberfläche zu rendern, und unterstützt daher viele gängige CSS-Funktionen wie:

• Steigungen (linear, radial, konisch)
• Kastenschatten
• SVG-Filter
• Kompositionsoperatoren (Multiplizieren, Abdunkeln usw.)
• Randgestaltung
• Grenzradien
• Scrollen / automatischer Überlauf
• CSS-Transformationen

Weitere Informationen finden Sie in der Liste der unterstützten CSS-Schlüssel/-Werte.

Darüber hinaus bietet Azul...

• viele integrierte Widgets (Button, TextInput, CheckBox, ColorInput, TextInput, NumberInput)
• Einbetten von OpenGL-Texturen
• vereinfachtes HTML-ähnliches relatives/absolutes Layoutsystem basierend auf CSS-Flexbox
• Über 60 FPS-Animationen über die Animations-API
• plattformübergreifende native Dialoge
• plattformübergreifende Textgestaltung und -wiedergabe
• SVG-Analyse und -Rendering
• Formtesselierung zum Rendern einer großen Anzahl von 2D-Linien, Kreisen, Rechtecken, Formen usw. in einem einzigen Zeichenaufruf
• Verwalten von Off-Main-Thread-Aufgaben für E/A
• dynamische Verlinkung über Shared Library*
• nutzbar von Rust, C, C++ und Python über automatisch generierte API-Bindungen**
• HTML-to-Rust-Kompilierung für schnelles Prototyping/Hot-Reload

* Statische Verlinkung noch nicht verfügbar

** C++-Bindungen und Python sind noch nicht stabilisiert und funktionieren je nach verwendetem Zweig möglicherweise nicht. Sie werden vor der Veröffentlichung stabilisiert.

Screenshots

Hallo Welt

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

Rost

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

C

 #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 ;
}

Lizenz

Azul ist unter der MPL-2.0 lizenziert. Das bedeutet, dass Sie mit Azul proprietäre Anwendungen erstellen können, ohne Ihren Code veröffentlichen zu müssen: Sie müssen nur Änderungen veröffentlichen, die an der Bibliothek selbst vorgenommen wurden.

Copyright 2017 – aktuell Felix Schütt