帮助中心 helper



如何自定义安装和升级的界面资源

发布于:2025-02-24 15:32 编辑:Surou  浏览:

1.查找资源目录

新建完项目后,打开NSetup的安装目录,在目录中查看MakePackage目录,找到新建的项目目录,完整的目录为 “NSetup安装目录MakePackage新建项目名”

目录结构如下

目录讲解

  • CustomVariables:环境变量设置信息(高级设置,默认无需修改)
  • Resource:界面资源目录
  • Script:安装卸载与增量升级的脚本源码 (高级设置)
  • Shell:自动化脚本(高级设置,默认无需修改)

此篇文章只讲解界面自定义的相关,所以我们先只关注Resource目录。

自定义界面

进入Resource目录,

  • Package:安装卸载界面资源
  • Update:增量升级界面资源
     

2.自定义安装卸载

进入Package目录

  • Common:通用的界面资源
  • Install:安装界面资源
  • UnInstall:卸载界面资源
  • app.ico:安装包icon
  • appu.ico:卸载程序的icon
  • appm.ico:launch的icon(只有购买增量升级后才需要替换,即为项目主程序的icon)

资源替换举例

替换安装过程中的界面banner图

目录为“NSetup安装目录MakePackage新建项目名ResourcePackageInstall”

对于banner 分为中英文两组分别对应目录为 :

  • 英文:“en”
  • 中文:“zh-CN”


拿zh-CN中文举例

  • 1-4.png 四张图用于安装过程中的轮播图
  • installTopBg.png:为安装前banner 显示
  • installComplete.png:为安装完成后banner 显示

 

对于用户使用默认模板创建完项目后,自行替换对应的图片,注意保持图片的格式,大小,名称与原来一致,直接覆盖即可

如果只购买了安装卸载服务,则到此为止即可


3.自定义升级客户端界面资源
进入Resource目录,

进入Update目录,默认模板资源如下

常规需要修改的文件如下

  • app.ico: 升级程序客户端icon
  • tittle.png: 窗体标题栏

注意:所有页面,系统关闭和最小化按钮是共用的
 

3.1升级过程中的banner背景图的解释

BG_inspect.png:查询升级任务信息等待数据返回时的背景图


BG_use.png: 检测到升级更新时的背景图

BG_updating.png:下载文件过程中的背景图

1-1F5091Q245A3.png

BG_update_download.png: 升级文件已下载,等待替换时的背景图

1-1F5091Q30B60.png

BG_replace_data.png:替换文件时的背景图

1-1F5091Q320209.png

BG_upgrade_completed.png:升级完成时的背景图

1-1F5091Q403a1.png

BG_Latest_version.png:当前已是最新版本,无需升级时的背景图

1-1F5091Q334S8.png

3.2升级错误阶段显示的背景图

BG_error_network.png: 因网络原因失败时,显示的背景图

1-1F5091Q34X22.png

BG_error_upgrade.png:升级过程中常规错误背景图

1-1F5091Q416211.png

4.其他的资源

4.1进度条

updata_loading_bg.png :下载进度条的背景图

updata_loading.png:下载进度条的前景图

4.2 窗体关闭按钮

btn_closed_normal.png:正常状态

btn_closed_hover.png:悬停时

btn_closed_pressed.png: 点击时

btn_closed_disabled.png:禁用时

4.3 窗体最小化按钮

icon_min_nor.png: 正常状态

icon_min_hover.png:悬停时

icon_min_pressed.png:点击时

4.4 窗体确定按钮

btn_green_nor.png: 正常状态

btn_green_hover.png:悬停时

btn_green_pressed.png:点击时

btn_green_disabled.png:禁用时

4.5 窗体否定按钮

btn_white_nor.png: 正常状态

btn_white_hover.png:悬停时

btn_white_pressed.png:点击时

btn_white_disabled.png:禁用时

5. 消息框界面相关

5.1 窗体确定按钮

msg_ok_normal.png: 正常状态

msg_ok_hover.png:悬停时

msg_ok_pressed.png:点击时

5.2 窗体否定按钮

msg_cancel_normal.png: 正常状态

msg_cancel_hover.png:悬停时

msg_cancel_pressed.png:点击时

5.6 消息提示ico

msgWarringTip.png

注意

如果使用的是默认模板,也就是布局不变。在设计UI时,必须参照目前模板例子中的图片资源,图片的大小,格式,名称比如与目前例子模板一致,然后直接替换目录对应文件,重新编译部署即可看到效果。如需修改布局,可自行修改,或另需购买附加定制服务。具体报价与客户实际需要效果的调整开发时间有关。