QIFW的自定义界面

最近在研究QIFW自定义界面以及写qs的问题，搜了很多也没有实用的资料，而且关于这方面的资料感觉挺少的，官方资料感觉也看不太懂（我是小白）；好在最后算是鼓捣出来了，给兄弟们分享出来一起学习。

创建UI文件

首先在要在 meta 目录下添加一个 targetwidget.ui 界面文件，然后在界面中随意添加需要的元素。

随意添加自己需要的控件即可，创建好之后需要留意UI文件的对象名等，后续需要用到。可以选择用文本方式打开UI文件，

添加到XML中

在mate目录下中的package.xml中，使用<UserInterfaces>标记出你的UI文件，以供使用

<UserInterfaces>
            <UserInterface>targetwidget.ui</UserInterface>
</UserInterfaces>

修改安装脚本

当准备工作完成之后，就需要在installscript.qs 脚本中添加交互代码了

function Component()
{

    component.loaded.connect(this, this.installerLoaded);

}

Component.prototype.installerLoaded  = function() {

    installer.addWizardPage(component, "TargetWidget", QInstaller.InstallationFinished);
    installer.setDefaultPageVisible(QInstaller.InstallationFinished, false);

}

上述代码是把最后的完成页面隐藏掉，使用配置的UI去替换本来的完成页面。这样重新编译一下跑起来之后最后一个界面就是新生成的UI界面了。