关于在WiX引导程序主题中实现多图片广告牌的技术问询

嘿，我之前也踩过这个坑！WiX里那个来自thmutil命名空间的 billboard 元素确实天生只能挂单个 <Image/>，不过想要实现多张功能图展示，有几个实用的办法：

• 方法一：用多个Billboard配合Sequence顺序切换
  这是最贴合WiX原生设计的方案——给每张功能图单独创建一个Billboard元素，通过Sequence属性控制它们的展示顺序。安装过程中，WiX会按Sequence数值从小到大依次切换显示这些广告牌。

  示例代码：

  <UI>
    <!-- 每个功能图对应一个Billboard -->
    <Billboard Id="Feature1Board" Sequence="1">
      <Image Source="Feature_Screenshot1.png" />
    </Billboard>
    <Billboard Id="Feature2Board" Sequence="2">
      <Image Source="Feature_Screenshot2.png" />
    </Billboard>
    <Billboard Id="Feature3Board" Sequence="3">
      <Image Source="Feature_Screenshot3.png" />
    </Billboard>
  
    <!-- 在安装对话框中绑定Billboard控件 -->
    <Dialog Id="MyInstallDialog" Width="370" Height="270">
      <Control Id="BillboardDisplay" Type="Billboard" X="20" Y="20" Width="330" Height="200" Billboard="Feature1Board" />
    </Dialog>
  </UI>
  

  注意：Sequence的数值决定了展示优先级，数值越小越先显示；同时要确保所有图片资源都正确打包到MSI中（可以用Binary元素或者直接包含在项目资源里）。

• 方法二：合成单张复合图或用HTML控件
  如果想要在同一个区域同时展示多张图片，而不是切换显示，可以：

  1. 提前把多张功能图排版合成一张大图，然后用单个<Image/>元素引用这张复合图；
  2. 用WiX的HtmlControl嵌入HTML内容，灵活布局多张图片（适合WiX 3.11及以上版本）。

  HTML控件示例：

  <Dialog Id="MultiImageDialog" Width="400" Height="300">
    <Control Id="MultiImageControl" Type="Html" X="10" Y="10" Width="380" Height="280">
      <Text>
        <![CDATA[
          <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px; padding: 10px;">
            <img src="Feature1.png" alt="核心功能1" style="width:100%;"/>
            <img src="Feature2.png" alt="核心功能2" style="width:100%;"/>
            <img src="Feature3.png" alt="扩展功能" style="grid-column: 1 / 3; width:100%;"/>
          </div>
        ]]>
      </Text>
    </Control>
  </Dialog>
  

  这种方式还能给图片加样式、甚至简单交互，不过要注意图片路径要和安装包内的资源路径一致。

• 方法三：自定义WiX扩展控件（进阶）
  如果需要更复杂的效果（比如自动轮播、点击切换按钮），可以自定义WiX UI扩展控件，或者寻找第三方开源的WiX扩展。不过这个方案需要一定的C#/WiX扩展开发经验，适合对展示效果有高要求的场景。

内容的提问来源于stack exchange，提问作者Albert GZ