Put the Slint logo on top of the gallery

Clicking on the logo goes to the slint website.

The `SmallAppBar` doesn't really have ways to put custom stuff,
so it's just manually placed on top.

Author: ogoffart

REUSE.toml

@@ -12,7 +12,8 @@ path = [
   "docs/public/favicon.ico",
   "docs/public/favicon-32x32.png",
   "docs/public/favicon-16x16.png",
-  "docs/public/tablet-material.webp"
+  "docs/public/tablet-material.webp",
+  "examples/gallery/ui/slint-logo-**.svg"
 ]
 precedence = "aggregate"
 SPDX-FileCopyrightText = "Copyright © SixtyFPS GmbH <[email protected]>"

examples/gallery/Cargo.toml

@@ -20,6 +20,7 @@ name = "material_gallery"
 
 [dependencies]
 slint = { version = "1.12", features = ["backend-android-activity-06"] }
+webbrowser = "1"
 
 [target.'cfg(target_family = "wasm")'.dependencies]
 wasm-bindgen = { version = "0.2" }

examples/gallery/src/lib.rs

@@ -12,6 +12,7 @@ slint::include_modules!();
 fn ui() -> MainWindow {
     let ui = MainWindow::new().unwrap();
     navigation_view(&ui);
+    main_view(&ui);
     ui
 }
 
@@ -76,3 +77,10 @@ fn color_item(name: &str, red: u8, green: u8, blue: u8, ui: &MainWindow) -> List
         ..Default::default()
     }
 }
+
+fn main_view(ui: &MainWindow) {
+    let adapter = MainWindowAdapter::get(ui);
+    adapter.on_open_url(|url|{
+        let _ = webbrowser::open(&url);
+    });
+}

examples/gallery/ui/main.slint

@@ -5,7 +5,7 @@ import { MaterialWindow, MaterialWindowAdapter, ListItem } from "../../../materi
 import { MainView } from "./views/main_view.slint";
 import { MainWindowAdapter } from "./main_window_adapter.slint";
 export { NavigationViewAdapter } from "./views/navigation_view.slint";
-export { MaterialWindowAdapter, ListItem }
+export { MaterialWindowAdapter, ListItem,  MainWindowAdapter}
 export { OutlinedIcons } from "./icons.slint";
 import "./fonts/Roboto-VariableFont.ttf";
 

examples/gallery/ui/main_window_adapter.slint

@@ -9,4 +9,5 @@ export global MainWindowAdapter {
     in property <bool> container_background;
     out property <bool> break_layout: root.width < 852px;
     out property <brush> background: root.container_background ? MaterialPalette.surface_container :  MaterialPalette.background;
+    callback open-url(url: string);
 }