How do I hide MacOS Title Bar

[duvenagep]

Hi

I am very new to Slint but in an attempt to understand the concepts better, I thought I would build the MacOs calculator app.

I got far very quickly (kudos 🙏 ) however, I got stuck on something small, and after hours with the documentation I thought perhaps I was missing something.

Ignoring some font settings I was able to make an almost exact clone:

MacOS	Slint-Clone

What I am trying to do is hide the title bar (or more specifically make my content a full-screen view).
How can this be achieved?

Also is it possible to give the entire window and opacity similar to what can be given to a component?

I had previously attempted this MacOS Calculator clone using the Iced library and I was able to get the desired effect (see below) so I assume this must be easily achievable using Slint. Any help would be greatly appreciated.

MacOS	Iced-Clone

[tronical]

Hey, that looks good and very close :). We don't have a stable API yet to hide the title bar, but what you can do alternatively is to use the private API by means of using the i-slint-backend-winit crate. That gives you access to the winit::window::Window, which in turn gives you access to the NSWindow, and then I think you can toggle the titleVisibility. It requires a bit of platform specific low-level code, but it should be possible.

[duvenagep]

Hi @ogoffart

Perhaps I am missing something really obvious but when I add Slint directly from github via https://github.com/slint-ui/slint.git there are no features available for rendering other than below:

These only become available via cargo add slint --features renderer-...

Below are my current dependencies in .TOML, could you please point me in the right direction?

[ogoffart]

you should use the same version for sint and )-slint-backend-winit: both { git = "https://github.com/slint-ui/slint" }

[duvenagep]

Got it thanks!

[duvenagep]

@tronical , @ogoffart

Thanks for all the help. Below the final results since the API change.

Results

MacOS	Slint-Clone

Also thought I would put the code snippet here for others if needed.

use i_slint_backend_winit::winit::platform::macos::WindowBuilderExtMacOS;

slint::include_modules!();

fn main() -> Result<(), slint::PlatformError> {
    let mut backend = i_slint_backend_winit::Backend::new().unwrap();
    backend.window_builder_hook = Some(Box::new(|builder| {
        builder
            .with_fullsize_content_view(true)
            .with_title_hidden(true)
            .with_titlebar_transparent(true)
    }));

    slint::platform::set_platform(Box::new(backend));
    let ui = AppWindow::new()?;
    let calc = ui.window();
    ui.run()
}

[aurexav]

Do you know how to get the title bar size? I want to set a padding base on that value.

[ogoffart]

Maybe you can get is using bindings to the cocoa crate. But I'm not familiar with that.