Image source: @image-url support property variable?

[fluolite]

Is image source: @image-url support property variable?

export component UISkin inherits Image {
    // source: UIContext.load_skin(style_id, UIContext.theme_id, UIContext.lang_id);
    source: @image-url("/path/to/assets/images/\{style_id}.png");
    in-out property <string> style_id;
}

[ogoffart]

No, @image-url is meant to bundle the image at compile time, so that means it needs to know the full path.

[TheColorRed]

You would need to create an image property <image> and then generate the image in rust as a vector of RGB or RGBA values. Then pass it to the slint framework.

[fluolite]

Thanks for reply!
But it limiting the freedom of image resources in live-preview mode.
When App has multiple theme resources.
Such as:

export component UISkin inherits Image {
    source: @image-url("/path/to/assets/images/\{style_id}.png")
    in-out property <string> style_id;
}

export component UIButton {
    skn := UISkin { }

    touch := TouchArea { }

    in-out property <string> style_id <=> skn.style_id;
    callback clicked <=> touch;
}

export component SomePane {
    HorizontalLayout {
        for data[index] in [{ icon:"com_btn_home"},{ icon:"com_btn_device"}]: UIButton { 
            style_id: data.icon;
            clicked => {
                // do something
            }
        }
    }
}

[ogoffart]

You can do

for data[index] in [
        { icon:  @image-url("/path/to/assets/images/com_btn_home.png") },
        { icon:  @image-url("/path/to/assets/images/com_btn_device.png") },
    ]