azul

Azul - Marco de GUI de escritorio

Azul es un marco de GUI gratuito, funcional y reactivo para Rust, C y C++, creado utilizando el motor de renderizado WebRender y un modelo de objetos de documento similar a CSS/HTML para el desarrollo rápido de hermosas aplicaciones de escritorio nativas.

Sitio web | Lanzamientos | Guía del usuario | Documentación API | Vídeo de demostración | Chat de matriz

Características

Azul usa webrender (el motor de renderizado detrás de Firefox) para renderizar su interfaz de usuario, por lo que admite muchas características CSS comunes como:

• gradientes (lineales, radiales, cónicos)
• sombras de caja
• filtros SVG
• operadores de composición (multiplicar, oscurecer, etc.)
• estilo de borde
• radios fronterizos
• desplazamiento / desbordamiento automático
• Transformaciones CSS

Consulte la lista de claves/valores CSS admitidos para obtener más información.

Además de eso, Azul presenta...

• muchos widgets integrados (Botón, TextInput, CheckBox, ColorInput, TextInput, NumberInput)
• incrustar texturas OpenGL
• Sistema de diseño relativo/absoluto simplificado similar a HTML basado en CSS flexbox
• Animaciones de más de 60 FPS a través de la API de animación
• diálogos nativos multiplataforma
• modelado y renderizado de texto multiplataforma
• Análisis y renderizado de SVG
• teselación de formas para representar una gran cantidad de líneas 2D, círculos, rectángulos, formas, etc. en una sola llamada de dibujo
• gestionar tareas fuera del hilo principal para E/S
• enlace dinámico a través de biblioteca compartida*
• utilizable desde Rust, C, C++ y Python a través de enlaces API generados automáticamente**
• Compilación HTML-to-Rust para creación rápida de prototipos/recarga en caliente

* enlace estático aún no disponible

** Los enlaces de C++ y Python aún no están estabilizados y es posible que no funcionen según la rama que esté utilizando. Serán estabilizados antes de la liberación.

Capturas de pantalla

Hola Mundo

Pitón

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

Óxido

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

do

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

Licencia

Azul tiene licencia según MPL-2.0. Lo que significa que sí, puedes crear aplicaciones propietarias usando azul sin tener que publicar tu código: solo tienes que publicar los cambios realizados en la propia biblioteca .

Copyright 2017 - actual Felix Schütt