QT Installer Framework：能否运行时修改WizardStyle？脚本是否可行？

Absolutely, you can dynamically adjust the Qt Installer Framework (QIF) wizard style at runtime using QML and JavaScript scripts—this is totally feasible and a common customization scenario. Here's a step-by-step breakdown of how to implement it:

Core Concept #

QIF's gui.wizard object exposes a style property that can be modified programmatically. This property accepts the same style values you'd set in config.xml (like Classic, Modern, Aero, etc.), allowing you to override the default style after the installer starts.

Step 1: Keep Your Default Style Config #

You already have this set up, but just to confirm: leave your config.xml configured to default to the Modern style:

<Installer>
    <!-- Other existing configs -->
    <WizardStyle>Modern</WizardStyle>
</Installer>

Step 2: Create a Style Selection Page #

Make a custom QML page to let users pick their preferred wizard style. Save this as StyleSelectionPage.qml in your installer's scripts directory:

import QtQuick 2.0
import QtQuick.Controls 1.4
import QtInstaller 2.0

Page {
    id: stylePage
    title: "Choose Wizard Style"

    Column {
        anchors.centerIn: parent
        spacing: 12

        RadioButton {
            id: classicBtn
            text: "Classic Wizard"
        }

        RadioButton {
            id: aeroBtn
            text: "Aero Wizard (Windows Only)"
            // Hide Aero option on non-Windows platforms
            visible: installer.systemInfo.productType === "windows"
        }

        RadioButton {
            id: modernBtn
            text: "Modern Wizard"
            checked: true // Match your default config
        }
    }

    // Initialize selection to match the current default style
    Component.onCompleted: {
        switch(gui.wizard.style) {
            case "Classic": classicBtn.checked = true; break
            case "Aero": aeroBtn.checked = true; break
            default: modernBtn.checked = true
        }
    }

    // Apply the selected style when the user clicks "Next"
    onNextButtonClicked: {
        let selectedStyle = "Modern"
        if (classicBtn.checked) selectedStyle = "Classic"
        else if (aeroBtn.checked) selectedStyle = "Aero"
        
        // Update the wizard style dynamically
        gui.wizard.style = selectedStyle
    }
}

Step 3: Register the Custom Page #

Update your config.xml to add the style selection page early in the wizard flow (before core pages like IntroductionPage):

<Installer>
    <!-- Other existing configs -->
    <Pages>
        <Page id="StyleSelectionPage" file="StyleSelectionPage.qml"/>
        <Page id="IntroductionPage"/>
        <Page id="TargetDirectoryPage"/>
        <!-- Add other default pages as needed -->
    </Pages>
</Installer>

Key Notes & Considerations #

• Platform Compatibility: Styles like Aero are Windows-exclusive, and Mac style only works on macOS. Use installer.systemInfo.productType to conditionally show/hide platform-specific options, as shown in the QML example.
• Style Application Timing: Changing gui.wizard.style affects all subsequent pages loaded in the wizard. Existing pages won't refresh automatically, so placing the style selection page early ensures all following pages use the chosen style.
• Testing: Some styles may alter layout behavior for custom pages. Test each style to make sure your UI elements render correctly across all supported styles and platforms.
• Pre-configured Style: If you want to load a saved style preference (e.g., from a registry key or config file), you can set gui.wizard.style in the installer.js initialization script before any pages load.

That's it! Users will now see a style selection page when launching the installer, and their choice will override the default Modern style for the rest of the wizard flow.

内容的提问来源于stack exchange，提问作者Kiran Raut