Product Image Example

Using components' config.xml files to show a product image while downloading and installing components.

Product Image example illustrates how to add product images to the installer and show them while downloading and installing components. Product images can have an optional url. When clicking the product image, url is opened in a browser. If the url is a reference to a file, it will be opened with a suitable application instead of a Web browser.

Configuring the Example Installer

The installer configuration file, config.xml, in the config directory specifies the text and default values used in the installer:

  • The <Name> element specifies the application name that is added to the page name and introduction text.
  • The <Version> element specifies the application version number.
  • The <Title> element specifies the installer name displayed on the title bar.
  • The <Publisher> element specifies the publisher of the software (as shown in the Windows Control Panel, for example).
  • The <StartMenuDir> element specifies the name of the default program group for the product in the Windows Start menu.
  • The <TargetDir> element specifies that the default target directory is located in the IfwExamples directory in the home directory of the current user (because the predefined variable@HomeDir@ is used as a part of the value). For more information, see Predefined Variables.
  • The <ProductImages> element can contain one or several <ProductImage> child elements, which each contain one <Image> element and an optional <Url>.
 <?xml version="1.0" encoding="UTF-8"?>
 <Installer>
     <Name>Product Image</Name>
     <Version>1.0.0</Version>
     <Title>Product Image Installer</Title>
     <Publisher>Your vendor</Publisher>
     <StartMenuDir>Super App</StartMenuDir>
     <TargetDir>@HomeDir@/IfwExamples/productimage</TargetDir>
     <ProductImages>
         <ProductImage>
             <Image>Built_with_Qt.png</Image>
             <Url>https://www.qt.io/blog</Url>
         </ProductImage>
         <ProductImage>
             <Image>Built_with_Qt_logo.png</Image>
             <Url>https://www.qt.io/</Url>
         </ProductImage>
     </ProductImages>
 </Installer>

Creating the Example Package Information File

The installer package information file, package.xml, in the meta directory specifies the components that are available for installation:

  • The <DisplayName> element specifies the human-readable name of the component.
  • The <Description> element specifies the human-readable description of the component.
  • The <Version> element specifies the version number of the component.
  • The <ReleaseDate> element specifies the date when this component version was released.

Generating the Example Installer

To create the example installer, switch to the example source directory on the command line and enter the following command:

  • On Windows:
     ..\..\bin\binarycreator.exe -c config\config.xml -p packages installer.exe
    
  • On Linux or macOS:
     ../../bin/binarycreator -c config/config.xml -p packages installer
    

The installer is created in the current directory.

Files:

Images: