NSIS制作Windows8风格安装界面(模仿Visual Studio 2012的主题和颜色)

最新推荐文章于 2021-03-07 21:30:21 发布
最新推荐文章于 2021-03-07 21:30:21 发布
阅读量393 收藏
点赞数
原文链接：http://www.cnblogs.com/loyldg/archive/2012/09/18/2692321.html
版权

NSIS借助一些插件可以制作出界面很漂亮的安装程序,SkinSE就是使用的比较多的一个插件，迅雷和QQ的安装程序就是NSIS+SkinSE制作的。我比较喜欢windows8风格的界面，所以这次模仿一个Visual Studio2012界面的安装程序。

这次模仿只修改了使用到的控件的主题，未使用的控件图片不进行修改（我PS不是很好，修改图片很痛苦的），修改内容包括Button，CheckBox，最大化按钮，最小化按钮，菜单，滚动条，窗体背景图，分隔符，进度条。在修改的过程中遇到3个问题暂时还没法解决：

1.控件获取焦点后的文字的颜色没法修改，现在颜色默认为黑色，通过几种方式修改均未发现有效果

2.选择安装目录的界面，如果使用SkinSE，界面默认只能看见背景图片，需要将鼠标移动过去才会显示其他信息（这个只会在windows7才出现，windows xp下正常）。如下图所示

3.安装进度界面如果使用自定义页面没法获取安装的具体进度

有能解决以上3个问题的朋友请告诉我一下。

下面是安装界面的截图和脚本代码(安装程序的文字说明和图片使用即将发布的一款软件里面的截图和描述)：

主题图片下载:http://files.cnblogs.com/loyldg/skin.rar

 

 

 

 

 

 

NSIS脚本:

!system '>blank set/p=MSCF< '
!packhdr temp.dat 'cmd /c Copy /b temp.dat /b + blank && del blank'
!AddPluginDir .
SetCompressor /solid lzma
SetCompressorDictSize 32

!include "MUI2.nsh"
!include "LogicLib.nsh"
!include "LoadRTF.nsh"

!define MUI_UI MetroUI.exe
!define MUI_FINISHPAGE_RUN "$INSTDIR\AutoCall.exe"
!define PRODUCT_VERSION "1.0.0.0"
!define PRODUCT_PUBLISHER "Loyldg"
!define PRODUCT_WEB_SITE "http://www.loyldg.com"
!define PRODUCT_DIR_REGKEY "Software\Microsoft\Windows\CurrentVersion\AutoCall\autocall.exe"
!define PRODUCT_UNINST_KEY "Software\Microsoft\Windows\CurrentVersion\Uninstall\${PRODUCT_NAME}"
!define PRODUCT_UNINST_ROOT_KEY "HKLM"
!define EM_SETBKGNDCOLOR 1091

!define MUI_PAGE_HEADER_TEXT " "
!define MUI_PAGE_HEADER_SUBTEXT " "
!define TextColor "999999"
!define MUI_ICON "img\AutoCall.ico"

Name "AutoCall"
OutFile "MetroUITest.exe"
AutoCloseWindow true
Caption "AutoCall安装"

RequestExecutionLevel admin
ShowInstDetails  nevershow
ShowUninstDetails NeverShow
SilentUnInstall silent
MiscButtonText "上一歩" "下一步" "取消" "完成"
InstallButtonText "下一歩"
BrandingText " "
InstProgressFlags  smooth


!define MUI_CUSTOMFUNCTION_GUIINIT myGuiInit
Page custom WelcomePage
Page custom ChooseInstallDirPage
!define MUI_PAGE_CUSTOMFUNCTION_SHOW CreateStaticRect1
!insertmacro MUI_PAGE_INSTFILES
Page custom InstallFinishPage AfterInstallFinish
!insertmacro MUI_LANGUAGE "SimpChinese"
InstallDir "$PROGRAMFILES\Loyldg\AutoCall"


Var ImageHandle
Var Checkbox1
var Checkbox2
Var steps
var rtxt

Function .onInit
  InitPluginsDir
  File "/oname=$PLUGINSDIR\step1.bmp" "img\a\step1.bmp"
  File "/oname=$PLUGINSDIR\step2.bmp" "img\a\step2.bmp"
  File "/oname=$PLUGINSDIR\step3.bmp" "img\a\step3.bmp"
  File "/oname=$PLUGINSDIR\step4.bmp" "img\a\step4.bmp"
  File "/oname=$PLUGINSDIR\multiTheme.bmp" "img\a\multiTheme.bmp"
  File "/oname=$PLUGINSDIR\main.bmp" "img\a\main.bmp"
  File "/oname=$PLUGINSDIR\tasklist.bmp" "img\a\tasklist.bmp"
  File "/oname=$PLUGINSDIR\about.bmp" "img\a\about.bmp"
  File "/oname=$PLUGINSDIR\line.bmp" "img\a\line.bmp"
  File "/oname=$PLUGINSDIR\license.rtf" "license.rtf"
FunctionEnd

#=======================初始化界面皮肤======================================================================================================
Function myGuiInit
InitPluginsDir
  File "/oname=$PLUGINSDIR\theme.zip" "theme\theme.zip"
  File "/oname=$PLUGINSDIR\SkinSE.dll" "SkinSE.dll"
  SetOutPath $PLUGINSDIR
  SkinSE_NSIS::setskinpath /NOUNLOAD "$PLUGINSDIR\theme.zip"
  System::Call SkinSE::SkinSE_Menu_EnableSkin(i1)
 ;创建互斥防止重复运行
  System::Call 'kernel32::CreateMutexA(i 0, i 0, t "autocall_installer") i .r1 ?e'
  Pop $R0
  StrCmp $R0 0 +3
    MessageBox MB_OK|MB_ICONEXCLAMATION "已经有一个AutoCall安装向导正在运行！ "
    Abort
FunctionEnd

Function .onGUIEnd
  SkinSE::UnstallSkinSE
  System::Call Kernel32::GetModuleHandle(t"SkinSE_NSIS.dll")i.s
  System::Call Kernel32::FreeLibrary(is)
  System::Call Kernel32::SetCurrentDirectory(t"$EXEDIR\")
FunctionEnd

#===============================欢迎界面====================================================================================
Function WelcomePage
         SendMessage $HWNDPARENT ${WM_SETTEXT} 0 "STR:AutoCall 欢迎安装AutoCall"
         nsDialogs::Create /NOUNLOAD 1018
     Pop $0
         ${If} $0 == error
        Abort
     ${EndIf}
        System::Call SkinSE::SkinSE_Init(i$HWNDPARENT,i1)
     ${NSD_CreateLabel} 10u 14u 290u 8u "在安装软件前，请仔细阅读下面的软件许可协议"
     Pop $0
     SetCtlColors $0 ${TextColor} transparent

  nsDialogs::CreateControl "RichEdit20A" \
    "${DEFAULT_STYLES}|${WS_TABSTOP}|${WS_VSCROLL}|${ES_MULTILINE}|${ES_READONLY}" \
    "${WS_EX_WINDOWEDGE}|${WS_EX_CLIENTEDGE}" 9u 28u 337u 132u ""
        Pop $rtxt
        ${LoadRTF} "$PLUGINSDIR\license.rtf" $rtxt

    ${NSD_CreateCheckbox} 10u 166u 155u 15u "我已阅读并同意软件许可协议书"
       Pop $Checkbox1
     ${NSD_OnClick} $Checkbox1 onCheckbox1

     setctlcolors $Checkbox1 "999999" transparent
     SendMessage $rtxt ${EM_SETBKGNDCOLOR} 0 0x303030
     GetDlgItem $steps $HWNDPARENT 1
     EnableWindow $steps 0

 ${NSD_CreateBitmap} 0u 210u 100% 1u ""
    Pop $0
    ${NSD_SetImage} $0 $PLUGINSDIR\line.bmp $ImageHandle

  ${NSD_CreateBitmap} 245u 190u 100% 100% ""
    Pop $0
    ${NSD_SetImage} $0 $PLUGINSDIR\step1.bmp $ImageHandle

    nsDialogs::Show
    ${NSD_FreeImage} $ImageHandle
FunctionEnd
#---------------------------------------------------------------------------------------------------------------------#

#=======================选择安装目录===================================================================================
Function ChooseInstallDirPage

SendMessage $HWNDPARENT ${WM_SETTEXT} 0 "STR:AutoCall 选择安装路径"
    nsDialogs::Create /NOUNLOAD 1018
      Pop $0
    ${If} $0 == error
        Abort
    ${EndIf}

  ${NSD_CreateLabel} 10u 27u 70u 10u "程序安装目录"
     Pop $0
     SetCtlColors $0 ${TextColor} transparent

  ${NSD_CreateBitmap} 0u 10u 100% 1u ""
    Pop $0
    ${NSD_SetImage} $0 $PLUGINSDIR\line.bmp $ImageHandle
  ${NSD_CreateDirRequest} 60u 23u 225u 12u $INSTDIR
       Pop $1
  ${NSD_CreateButton} 300u 23u 45u 15u "浏览(&B)"
       Pop $0
       ${NSD_OnClick} $0 OnDirRequest

  ${NSD_CreateBitmap} 10u 55u 100% 5u ""
    Pop $0
    ${NSD_SetImage} $0 $PLUGINSDIR\multiTheme.bmp $ImageHandle

  SetCtlColors $0 "" transparent

     ${NSD_CreateBitmap} 0u 210u 100% 1u ""
    Pop $0
    ${NSD_SetImage} $0 $PLUGINSDIR\line.bmp $ImageHandle

        ${NSD_CreateBitmap} 245u 190u 100% 100% ""
    Pop $0
    ${NSD_SetImage} $0 $PLUGINSDIR\step2.bmp $ImageHandle

System::Call SkinSE::SkinSE_Init(i$HWNDPARENT,i1)
    nsDialogs::Show
    ${NSD_FreeImage} $ImageHandle
FunctionEnd
#-----------------------------------------------------------------------------------------#

Function onCheckbox1
    Pop $Checkbox1
    SendMessage $Checkbox1 ${BM_GETCHECK} 0 0 $0
    EnableWindow $steps $0
FunctionEnd

function onCheckbox2
         pop $Checkbox2
         sendmessage $checkbox2 ${BM_GETCHECK} 0 0 $0
functionend
#-----------------------------------------------------------#
Function OnDirRequest
    nsDialogs::SelectFolderDialog /NOUNLOAD "$\n请选择目录" ""
       Pop $0
    ${If} $0 != error
     ${NSD_SetText} $1 $0
    ${EndIf}
FunctionEnd
#-----------------------------------------------------------#

#=========================显示主界面图片=================================================================
Function CreateStaticRect1
SendMessage $HWNDPARENT ${WM_SETTEXT} 0 "STR:AutoCall 正在安装..."
FindWindow $0 "#32770" "" $HWNDPARENT
GetDlgItem $R0 $0 59
${NSD_SetImage} $R0 "$PLUGINSDIR\main.bmp" $ImageHandle

functionend

Function HideImageCtrl
         FindWindow $0 "#32770" "" $HWNDPARENT
         GetDlgItem $R0 $0 59
         ShowWindow $R0 ${SW_HIDE}
         GetDlgItem $R0 $0 1202
         ShowWindow $R0 ${SW_HIDE}
functionend

#==============================安装完成页面========================================================================
Function InstallFinishPage
SendMessage $HWNDPARENT ${WM_SETTEXT} 0 "STR:AutoCall 安装完成"
call HideImageCtrl

GetDlgItem $0 $HWNDPARENT 3
  ShowWindow $0 ${SW_HIDE}
         nsDialogs::Create /NOUNLOAD 1018
      Pop $0
    ${If} $0 == error
        Abort
    ${EndIf}

  ${NSD_CreateLabel} 10u 18u 60u 10u "安装完成"
  Pop $0
  SetCtlColors $0 ${TextColor} transparent


${NSD_CreateBitmap} 0u 10u 100% 1u ""
    Pop $0
    ${NSD_SetImage} $0 $PLUGINSDIR\line.bmp $ImageHandle

 ${NSD_CreateBitmap} 0u 55u 100% 5u ""
    Pop $0
    ${NSD_SetImage} $0 $PLUGINSDIR\about.bmp $ImageHandle

    ${NSD_CreateCheckbox} 68u 32u 140u 15u "立即运行AutoCall"
        Pop $Checkbox2
        ${NSD_Check} $Checkbox2
        ${NSD_OnClick} $Checkbox2 onCheckbox2
        setctlcolors $Checkbox2 "" C5DEF0
        
   ${NSD_CreateBitmap} 0u 210u 100% 1u ""
    Pop $0
    ${NSD_SetImage} $0 $PLUGINSDIR\line.bmp $ImageHandle

  ${NSD_CreateBitmap} 245u 190u 100% 100% ""
    Pop $0
    ${NSD_SetImage} $0 $PLUGINSDIR\step4.bmp $ImageHandle

System::Call SkinSE::SkinSE_Init(i$HWNDPARENT,i1)
    nsDialogs::Show
    ${NSD_FreeImage} $ImageHandle
FunctionEnd
#-----------------------------------------------------------------------------------------#

#=======================安装完成后要执行的操作============================================
Function AfterInstallFinish
         ${NSD_GetState} $Checkbox2 $0
         ${if} $0 == 1
               exec "$INSTDIR\AutoCall.exe"
         ${endif}
         quit
FunctionEnd

#========================卸载===================================================================
Function un.onInit
  InitPluginsDir
    System::Call 'kernel32::CreateMutexA(i 0, i 0, t "autocall_uninstaller") i .r1 ?e'
    Pop $R0
    StrCmp $R0 0 +3
    MessageBox MB_OK|MB_ICONEXCLAMATION "已经有一个AutoCall卸载向导正在运行！  "
    Abort
    MessageBox MB_ICONQUESTION|MB_YESNO|MB_DEFBUTTON2  "您确实要完全移除 $(^Name) ，其及所有的组件？   "  /SD IDYES IDNO +7
    execwait "$INSTDIR\NetAssistant.Uninstall.exe" $0
    ${if} $0 == 1
          Abort
    ${elseif} $0 == 2
           goto End1
    ${endif}
  Abort
  End1:
FunctionEnd
Function un.onGUIEnd
FunctionEnd

Function un.onUninstSuccess
  HideWindow
MessageBox MB_ICONINFORMATION|MB_OK "$(^Name) 已成功地从您的计算机移除。   "
FunctionEnd


#=======================安装的具体操作======================================================
Section Main
        SetOutPath "$INSTDIR"
        SetOverwrite try
        File /r "files\*.*"
        sleep 5000
SectionEnd
#-----------------------------------------------------------------------------------------#

Section -Addtion
CreateShortCut "$DESKTOP\AutoCall.lnk" "$INSTDIR\AutoCall.exe" "" "" "" "" "" "AutoCall"
CreateDirectory "$SMPROGRAMS\AutoCall"
CreateShortCut "$SMPROGRAMS\AutoCall\AutoCall.lnk" "$INSTDIR\AutoCall.exe"
CreateShortCut "$SMPROGRAMS\AutoCall\AutoCall卸载.lnk" "$INSTDIR\uninst.exe"
GetDlgItem  $0 $HWNDPARENT  1
EnableWindow $0 1
SendMessage $0 ${BM_CLICK} 0 0
sectionEnd

Section -Post
  WriteUninstaller "$INSTDIR\uninst.exe"
SectionEnd

Section Uninstall
   sleep 1000
   Delete  "$INSTDIR\*.*"
   RMDir  "$INSTDIR"
   Delete "$SMPROGRAMS\AutoCall\AutoCall.lnk"
   Delete "$SMPROGRAMS\AutoCall\AutoCall卸载.lnk"
   RMDir "$SMPROGRAMS\AutoCall"
   Delete "$DESKTOP\AutoCall.lnk"
   SetAutoClose true
SectionEnd

转载于:https://www.cnblogs.com/loyldg/archive/2012/09/18/2692321.html

weixin_30293079
关注
NSIS制作Qt自定义界面安装包（一）：环境搭建NSIS3.06.1 + Qt5.14.2+ visual studio 2017
jiepeng1985的博客
11-02 1521
NSIS制作Qt自定义界面安装包（一）：环境搭建NSIS3.06.1 + Qt5.14.2+ visual studio 2017 背景： 以前的使用是Winrar制作的安装包，安装程序使用Qt开发。该方法维护和打包比较麻烦，后期需求改进力不从心。故使用NSIS制作安装包，使用Qt做为界面库。 思路： 由于后面使用NSIS UI插件框架需要C++17的支持，然而现在使用Qt5.9.3不支持C++17。Qt目前能支持最高的免费版本为Qt5.14.2，所以使用该版本的Qt...
NSIS制作Qt自定义界面安装包（二）：使用自定义Qt安装界面
jiepeng1985的博客
11-02 3565
使用自定义Qt安装界面 思路： NSIS支持自定义界面插件，编译自定义界面插件嵌入NSIS中即可。使用NSIS-UI-Plugin开源NSIS UI插件框架，使用Qt作为界面库。 下载开源代码NSIS-UI-Plugin Github地址：GitHub - sway913/NSIS-UI-Plugin: Create NSIS Modern UI Setup by Using Thirdparty UI Library(such as Qt, DuiLib) 源码文件说明： NS...
NSIS美化控件
12-09
NSIS的美化控件，对应NSIS版本为3.03，提供include\plugin和示例
利用NSIS创建自己的windows安装程序
qq_39107008的博客
08-15 1464
利用NSIS创建自己的windows安装程序 2018年08月15日 借鉴文章来自：http://www.hanzify.org/teach/index.php?Go=Show::196-1108396800 增加常见问题解决方案 NSIS简介 &amp;amp;amp;nbsp;&amp;amp;amp;nbsp;&amp;amp;amp;nbsp;&amp;amp;amp;nbsp;NSIS 是“Nullsoft 脚本安装系统”(Nullsoft Scri
NSIS修改安装界面图标
weixin_30362233的博客
03-14 714
MUI 预定义常量 !define MUI_ABORTWARNING ;修改图标 !define MUI_ICON "${NSISDIR}\Contrib\Graphics\Icons\orange-install.ico" !define MUI_UNICON "${NSISDIR}\Contrib\Graphics\Icons\orange-uninstall.ico" ;...
NSIS 安装界面制作效果图
u011269801的专栏
03-07 1428
NSIS自定义界面修改
雨田哥的博客
03-07 4391
NSIS自定义界面修改1.向导脚本代码在这里不叙述。2.自定义安装界面：在向导生成的系统自带界面脚本如下： 上为原生自带效果图，NSIS提供了自定义界面设计的方法给用户去设计。这里去掉边框，隐藏相关控件都是GUI初始化中处理，教程到去除窗体Border篇(点击查看) !define MUI_CUSTOMFUNCTION_GUIINIT onGUIInit ;自定义欢迎页面 Page custom
nsis制作 windows 安装程序的工具
10-11
NSIS 是制作 windows 安装程序的工具。它提供了安装、卸载、系统设置、文件解压缩等功能。这个压缩包包含nisedit_2.0.3.0.exe和nsis-3.03-setup.exe两个文件。方便大家使用
NSIS安装程序制作工具v3.09增强版.zip
最新发布
08-30
NSIS（Nullsoft Scriptable Install System）是一款强大的、开源的Windows平台下的安装程序制作工具。它的全称是“Nullsoft可脚本化安装系统”，它允许开发者通过编写脚本来创建功能丰富的安装、卸载程序，支持...
通过NSIS制作Windows安装包（附带11个小例子）
05-29
**NSIS制作Windows安装包详解** NSIS，全称Nullsoft Scriptable Install System，是一款开源、免费的Windows系统下的安装包制作工具。它允许开发者通过脚本语言编写安装程序，生成可执行的.exe安装文件，具有高度...
NSIS .dll皮肤控件
05-28
很漂亮实用易懂的NSIS软件打包控件！如何使用见我的博客MFC打包软件！
仿 百度云安装包 NSIS打包源码
12-09
仿百度云安装包NSIS打包源码 文件夹： icon 图标目录，包含安装、卸载图标 images 安装所需的图片全在里面,PSD文件可用PS打开编辑 nsisSlideShow 安装时图片切换所需全部文件 ui 自己修改的UI 循环切图 循环切图的教程实例相关 baidu.nsi NSIS脚本文件 Include 编译需要的头文件，请自己复制Include下所有文件到NSIS目录下的Include如：C:\Program Files\NSIS\Include Plugins 编译需要的DLL插件，请自己复制Plugins下所有文件到NSIS目录下的Plugins如：C:\Program Files\NSIS\Plugins
高仿迅雷5 安装包
08-16
高仿迅雷5 安装包
基于NSIS Modern界面制作的网易云音乐安装包
01-18
基于NSIS Modern界面制作的网易云音乐安装包。博客：http://blog.csdn.net/china_jeffery/article/details/79095722
NSIS皮肤插件：vcl-styles-plugins
水晶石专栏
07-13 4466
NSIS皮肤插件vcl-styles-plugins简介
exe安装文件制作（漂亮，现代，简约）
热门推荐
Little Luck
01-20 1万+
使用工具：NSIS + 牛牛 1.安装NSIS工具，可百度下载。 在示例代码中提供2种风格的安装方式如下： 风格1： 风格2：     安装过程代码配置在：文件中。 UI界面风格的配置在： skin.zip中的xml配置文件中。 注意：NSIS安装完成以后，需把Include目录和Plugins目录放
NSIS脚本：更改壁纸
weixin_33726313的博客
04-08 131
原文 NSIS脚本：更改壁纸 我们在制作主题安装包的时候，经常要进行自动更改壁纸的操作，其实用NSIS实现这一点非常简单。示例代码如下：   01 Name "更改壁纸" 02 OutFile "更改壁纸.exe" ...
NSIS：迅雷5.8.6.600自由定制版脚本及下载
weixin_34255055的博客
04-08 651
原文 NSIS：迅雷5.8.6.600自由定制版脚本及下载 虽然现在迅雷已升级到7.2版本，但作为一款下载工具，我们可能只是需要它的下载功能，所以，体积小资源占用也小的迅雷5便成了我们更好的选择。今天下午闲来无事，写了个迅雷5.8.6.600自由定制版，此版本只保留了下载功能，其它的一概去除，默认关闭了任务栏，安全中心，社区互动，迅雷提示等。而且在原版的基础上增加了AYU的扩展设置程序和DDR的...
NSIS 多语言国际化
Ryan
08-19 2298
首先导入 英文 简体中文 !insertmacro MUI_LANGUAGE "English" !insertmacro MUI_LANGUAGE "SimpChinese" 定义国际化字段 LangString DESC_Custom ${LANG_ENGLISH} "Please install this under an English path" LangString DESC_Cus...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值