Wix安装部署教程(十)来，用WPF做个漂亮的安装界面

作者：123 | 来源：互联网 | 2024-10-10 10:56

在上一篇中曾留下两个问题，.Net捆绑安装不触发以及路径选择的问题现在都已经解决，这段时间花的最多的地方还是WPF调样式上面，奈何WPF功力不够，暂时还是没有达到自己想要的

在上一篇中曾留下两个问题，.Net捆绑安装不触发以及路径选择的问题现在都已经解决，这段时间花的最多的地方还是WPF调样式上面，奈何WPF功力不够，暂时还是没有达到自己想要的效果。另外ViewModel做了些调整，状态更加分明。安装效果是仿照搜狗输入法做的。先上效果图。

Wix 安装部署教程(十) --来，用WPF做个漂亮的安装界面

以上这只是四个基本的页面，更细化一些可以分出卸载的进度页面，卸载的完成页面，对修复同理，还有安装失败，用户取消提示页面,再就是能检测新版本并覆盖安装，这些都可以根据状态去添加页面。下面简单的说下思路和新的问题点。

关键流程

安装包运行之后，首先触发的重要的事件之一就是 DetectPackageComplete，Bootstrapper按照Bundle.wxs Chain里面Package的顺序来检测当前电脑是否安装了其中的程序。

    <Chain DisableRollback='yes'>
      <PackageGroupRef Id="Netfx4Full"  />
      <MsiPackage Id="HeartBeats" SourceFile="D:\SetUp\Main\TestWix\bin\Debug\zh-cn\WPFDemo.msi" Compressed="yes"  DisplayInternalUI="no" >
        <MsiProperty Name="INSTALLFOLDER" Value="[InstallFolder]"/>
      MsiPackage>
    Chain>

像这样，首先会判断是否安装了.Net4.0，但是在WPF程序里面我们需要判断的还是HeartBeats这个安装包。·

   protected void DetectPackageComplete(object sender, DetectPackageCompleteEventArgs e)
        {
            PackageId = e.PackageId;
            //对应的是MsiPackage Id="HeartBeats"
            //MessageBox.Show(e.PackageId + e.State);
            if (e.PackageId.Equals("HeartBeats", StringComparison.Ordinal))
            {
                State = e.State == PackageState.Present ? InstallState.Present : InstallState.NotPresent;
                //State =  InstallState.NotPresent;
            }
        }

如果这个安装包的State等于 PackageState.Present 那说明当前电脑已经安装过了，那就要出现卸载和修复的界面，反之就是出现安装的界面(因此也可以控制用户不能直接卸载，可以让用户提交一些数据之后再卸载)。然后会执行PlanBegin->PlanComplete->

ApplyBegin->ApplyComplete. 从字面意思理解就是安装准备到执行完毕的过程。InstallState的值就是在这些事件中发生变化，这也是从进度条页面切换到完成页面的顺序。InstallState 为Applied就是安装完成了。

 public enum InstallState
        {
            Initializing,
            Present,
            NotPresent,
            Applying,
            Cancelled,
            Applied,
            Failed,
        }

其他的一些细节在前文里面有讲，这里就不再赘述。

安装界面布局

这里的布局主要是四个Grid根据状态不断的切换。当然你可以添加更多的状态也展示不同的页面。

        <Grid  Grid.Row="1" Background="White" Visibility="{Binding InstallEnabled,COnverter={StaticResource BooleanToVisibilityConverter}}"  >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="2*" />
                        <RowDefinition Height="*" />
                    Grid.RowDefinitions>
                    <Rectangle MouseLeftButtonDown="Background_MouseLeftButtonDown"  />
                    <StackPanel Grid.Row="0"  VerticalAlignment="Stretch"  Style="{StaticResource InstallGrid}" >
                        <StackPanel.Background>
                            <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                <GradientStop Color="White" Offset="0" />
                                <GradientStop Color="AliceBlue" Offset="1" />
                            LinearGradientBrush>
                        StackPanel.Background>
                        <TextBlock HorizontalAlignment="Center"   Padding="10" FontSize="40" Foreground="#33CCFF" IsHitTestVisible="False"  Text="{Binding SoftName}" >TextBlock>
                        <Button Height="40"  HorizontalAlignment="Center" IsEnabled="{Binding IsAgree,UpdateSourceTrigger=PropertyChanged}"   Width="200" Style="{StaticResource BuleBt}" Command="{Binding InstallCommand}"  >立即安装Button>
                        <TextBlock  Foreground="Gray"   Padding="5 10 0 0" VerticalAlignment="Center"  HorizontalAlignment="Center" TextDecorations="{x:Null}">
                            <Hyperlink NavigateUri="http://www.cnblogs.com/stoneniqiu/" RequestNavigate="Hyperlink_OpenGuid"  > 
                                 <Label Content="安装指南" VerticalContentAlignment="Bottom" FontSize="13" Margin="0" Padding="0" Foreground="#666" >Label>
                            Hyperlink>
                        TextBlock>
                    StackPanel>

                    <Border  Grid.Row="1"  HorizontalAlignment="Left" Width="580" Height="110" VerticalAlignment="Top"  BorderBrush="Gainsboro"   BorderThickness="0 0 0 0">
                        <Grid Style="{StaticResource DirGrid}"   >
                            <Grid.RowDefinitions>
                                <RowDefinition />
                                <RowDefinition />
                                <RowDefinition />
                            Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*">ColumnDefinition>
                                <ColumnDefinition Width="3*" >ColumnDefinition>
                            Grid.ColumnDefinitions>
                            <Label Grid.Row="0" Grid.Column="0" Content="安装位置:" HorizontalAlignment="Right" VerticalContentAlignment="Center" >Label>
                            <TextBox Grid.Column="1" Grid.Row="0" Width="280" Height="25" Background="White" Margin="10 5" HorizontalAlignment="Left" Text="{Binding InstallFollder,UpdateSourceTrigger=PropertyChanged}" >TextBox>
                            <Button  Grid.Column="1" Grid.Row="0" Width="50" Height="25" Style="{StaticResource BuleBt}" Margin="0 0 90 0" Name="SelectFile" Click="SelectFile_OnClick"  FontSize="14"  HorizontalAlignment="Right" >浏览Button>
                            <CheckBox Grid.Row="1" IsChecked="{Binding IsAgree,UpdateSourceTrigger=PropertyChanged}" Grid.Column="0" Grid.ColumnSpan="2" HorizontalAlignment="Center" VerticalAlignment="Center"  Margin="10 0 0 0" >

                                <TextBlock  Foreground="Gray"   Padding="5 0 0 0" VerticalAlignment="Center"  TextDecorations="{x:Null}">
                         <Label Content="我已经阅读并最终接受:" VerticalContentAlignment="Bottom" FontSize="12" Margin="0" Padding="0" Foreground="Gray" >Label>
                    <Hyperlink NavigateUri="http://www.cnblogs.com/stoneniqiu/" RequestNavigate="Hyperlink_OnRequestNavigate"  > 
                         <Label Content="用户协议" VerticalContentAlignment="Bottom" FontSize="12" Margin="0" Padding="0" Foreground="DodgerBlue" >Label>
                    Hyperlink>
                                TextBlock>

                            CheckBox>

                            <Label Name="InstalLabel"  Grid.Column="0" Grid.ColumnSpan="2" Content="{Binding SpaceInfo,UpdateSourceTrigger=PropertyChanged}"  Foreground="Gray" HorizontalAlignment="Center" Grid.Row="2" Margin="5 0 0 0" />
                        Grid>
                    Border>
                Grid>

                <Grid  Grid.Row="1" Visibility="{Binding UninstallEnabled,COnverter={StaticResource BooleanToVisibilityConverter}}">
                    <Grid.Background>
                        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                            <GradientStop Color="White" Offset="0" />
                            <GradientStop Color="WhiteSmoke" Offset="1" />
                        LinearGradientBrush>
                    Grid.Background>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition  Width="2*"/>
                        <ColumnDefinition  Width="*"/>
                    Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition  Height="35" />
                        <RowDefinition  Height="45"/>
                        <RowDefinition />
                        <RowDefinition Height="50" />
                    Grid.RowDefinitions>
                    <Label Grid.Row="1" Grid.Column="1" Content="请选择："  HorizontalAlignment="Left"  VerticalAlignment="Top"  Foreground="Green"  FontSize="25" >Label>
                    <StackPanel Grid.Row="2" Grid.Column="1">
                        <Button    Content="卸载" IsDefault="True" HorizontalAlignment="Left" Margin="10 10" Height="35" Width="120" Style="{StaticResource BuleBt}"  Background="Tomato" Command="{Binding UninstallCommand}"  >Button>

                        <Button    Content="修复" IsDefault="True" HorizontalAlignment="Left" Margin="10 10" Height="35"  Width="120" Style="{StaticResource BuleBt}"  Command="{Binding RepairCommand}"  >Button>
                    StackPanel>
                    <TextBlock Grid.Row="3" Foreground="Gray" Grid.Column="0" Padding="5 0 0 0" VerticalAlignment="Center" Grid.ColumnSpan="2" TextDecorations="{x:Null}">
                         <Label Content="登陆官网了解更多:" VerticalContentAlignment="Bottom" FontSize="12" Margin="0" Padding="0" Foreground="Gray" >Label>
                    <Hyperlink NavigateUri="{Binding WebSite }" RequestNavigate="Hyperlink_OnRequestNavigate"  > 
                         <Label Content="{Binding WebSite}" VerticalContentAlignment="Bottom" FontSize="12" Margin="0" Padding="0" Foreground="Gray" >Label>
                    Hyperlink>
                    TextBlock>

                Grid>

View Code

推荐阅读

int
Delphi XE2 之 FireMonkey 入门(19) - TFmxObject 的子类们(表)

td{border:1pxsolid#808080;}参考:和FMX相关的类(表)TFmxObjectIFreeNotification ... [详细]

蜡笔小新 2024-11-21 22:35:24
int
UVALive 8201 - BBP 公式计算圆周率

在1995年，Simon Plouffe 发现了一种特殊的求和方法来表示某些常数。两年后，Bailey 和 Borwein 在他们的论文中发表了这一发现，这种方法被命名为 Bailey-Borwein-Plouffe (BBP) 公式。该问题要求计算圆周率 π 的第 n 个十六进制数字。 ... [详细]

蜡笔小新 2024-11-21 18:32:57
config
如何使用 org.apache.tinkerpop.gremlin.structure.VertexProperty 的 key 方法

本文详细介绍了 `org.apache.tinkerpop.gremlin.structure.VertexProperty` 类中的 `key()` 方法，并提供了多个实际应用的代码示例。通过这些示例，读者可以更好地理解该方法在图数据库操作中的具体用途。 ... [详细]

蜡笔小新 2024-11-21 17:38:10
config
ArcBlock 发布 ABT 节点 1.0.31 版本更新

2020年11月9日，ArcBlock 区块链基础平台发布了 ABT 节点开发平台的1.0.31版本更新，此次更新带来了多项功能增强与性能优化。 ... [详细]

蜡笔小新 2024-11-22 21:02:58
int
.NET 中使用 ADOX 创建 Access 数据库并定义表结构

在开发过程中，有时需要提供用户创建数据库的功能。本文介绍了如何利用 .NET 和 ADOX 在应用程序中实现创建 Access 数据库，并详细说明了创建数据库及表的具体步骤。 ... [详细]

蜡笔小新 2024-11-22 20:13:52
int
深入解析 C++ 中的 String 和 Vector

本文详细介绍了 C++ 编程语言中 String 和 Vector 的使用方法及特性，旨在帮助开发者更好地理解和应用这两个重要的容器。 ... [详细]

蜡笔小新 2024-11-22 17:01:09
int
WPF菜单控件前景与背景颜色设置指南

尽管在WPF中工作了一段时间，但在菜单控件的样式设置上遇到了一些基础问题，特别是关于如何正确配置前景色和背景色。 ... [详细]

蜡笔小新 2024-11-22 15:30:54
int
memcpy的速度测试

想把一组chara[4096]的数组拷贝到shortb[6][256]中，尝试过用循环移位的方式，还用中间变量shortc[2048]的方式。得出的结论：1.移位方式效率最低2. ... [详细]

蜡笔小新 2024-11-22 15:10:54
int
阶段一：Hankson的趣味数学挑战——不使用辗转相除法求解特定条件下的正整数

Hanks博士是一位著名的生物技术专家，他的儿子Hankson对数学有着浓厚的兴趣。最近，Hankson遇到了一个有趣的数学问题，涉及求解特定条件下的正整数x，而不使用传统的辗转相除法。 ... [详细]

蜡笔小新 2024-11-22 14:26:49
int
理解与实现动态赋值

本文深入探讨了动态赋值的概念及其在编程实践中的应用，特别是通过Java代码示例来展示如何利用循环结构动态地为数组分配值。 ... [详细]

蜡笔小新 2024-11-22 14:17:01
int
网络流24题——试题库问题

题目描述：假设一个试题库中有n道试题。每道试题都标明了所属类别。同一道题可能有多个类别属性。现要从题库中抽取m道题组成试卷。并要求试卷包含指定类型的试题。试设计一个满足要求的组卷算 ... [详细]

蜡笔小新 2024-11-22 11:33:55
int
Zabbix自定义监控与邮件告警配置实践

本文详细介绍了如何在Zabbix中添加自定义监控项目，配置邮件告警功能，并解决测试告警时遇到的邮件不发送问题。 ... [详细]

蜡笔小新 2024-11-22 08:33:19
int
Java中构造函数、静态代码块与构造代码块的执行顺序解析

本文详细探讨了在Java编程语言中，构造函数、静态代码块和构造代码块的执行顺序。首先明确了静态代码块、构造代码块以及构造函数方法体的执行优先级，随后深入分析了构造函数体执行前的具体步骤，包括父类构造器的调用、非静态变量的初始化等。 ... [详细]

蜡笔小新 2024-11-22 02:14:56
int
Linux信号量操作详解：sem_init, sem_wait, sem_post, sem_destroy

本文详细介绍了Linux系统中信号量的相关函数，包括sem_init、sem_wait、sem_post和sem_destroy，解释了它们的功能和使用方法，并提供了示例代码。 ... [详细]

蜡笔小新 2024-11-21 21:21:16
int
解决iOS应用推送通知错误：未找到有效aps-environment权限

在尝试加载支持推送通知的iOS应用程序的Ad Hoc构建时，遇到了‘no valid aps-environment entitlement found for application’的错误提示。本文将探讨此错误的原因及多种可能的解决方案。 ... [详细]

蜡笔小新 2024-11-21 19:26:31

123

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章