为了账号安全,请及时绑定邮箱和手机立即绑定

如何使用Qt和Felgo克服当今移动和智能设备的发展挑战?

标签:
C++

Qt使从单一代码库轻松开发用于台式机,移动和嵌入式平台的应用程序成为可能。没有其他解决方案可以一次为所有这些平台构建本机跨平台应用程序。但是,随着各种形状和尺寸的移动和智能设备的兴起,缩小平台之间的差距变得更加困难。通过解决许多现实项目中的许多常见问题,Felgo在Qt之上构建了各种高级API和开发工具,可帮助您节省时间和后顾之忧。请继续阅读以了解如何克服从开发到发行的这些挑战。

点击下载Qt6最新试用版

Qt相关组件:

  • QtitanRibbon| 下载试用: 遵循Microsoft Ribbon UI Paradigm for Qt技术的Ribbon UI组件,致力于为Windows、Linux和Mac OS X提供功能完整的Ribbon组件。

  • QtitanChart | 下载试用 :是一个C ++库,代表一组控件,这些控件使您可以快速地为应用程序提供漂亮而丰富的图表。并且支持所有主要的桌面操作系统。

  • QtitanDataGrid | 下载试用 :这个Qt数据网格组件使用纯C++创建,运行速度极快,处理大数据和超大数据集的效果突出。QtitanDataGrid完全集成了QtDesigner,因而极易适应其他相似的开发环境,保证100%兼容Qt GUI。

UI开发:使用Qt Quick和Felgo的跨平台响应UI

众所周知,将Qt Quick与QML和JavaScript一起用于UI开发是节省大量时间的方法!它非常适合创建响应式UI,并允许您完全根据需要扩展或组合可视组件。

尽管如此,所有目标平台仍需要结合独特的UI最佳实践,以实现真正的无缝用户体验。例如,为侧面菜单提供可单击项,以便在桌面上进行鼠标交互,同时提供本地导航范例,重点关注移动设备或嵌入式触摸设备的触摸和手势。有各种各样形状和大小的平台,设备和屏幕,并且您的应用程序到处都应该看起来不错。所有这些推动了对响应式UI和自适应布局的需求。

这就是Felgo成立的地方。它提供了其他有用的QML组件,这些组件仅需几行代码即可帮助构建响应式应用导航:


import Felgo 3.0

App {

  Navigation {

  NavigationItem {

  title: "Home"

  icon: IconType.home

NavigationStack {

  Page {

  title: "Main Page"

  }

  }

  }

NavigationItem {

  title: "Lists"

  icon: IconType.list

NavigationStack {

  Page {

  title: "Lists"

  }

  }

  }

  }


根据目标平台和屏幕尺寸,您将自动获得适当的导航。iOS底部的标签导航,Android设备上的可拖动侧边栏菜单,或Desktop和Embedded平台上的固定垂直侧边栏。您还可以自定义导航样式和样式,以适合您的需求,而与平台或屏幕无关。

https://img1.sycdn.imooc.com/602f7d0e00010db009940576.jpg

时间跟踪应用程序演示是一个很好的示例,说明了如何在所有屏幕尺寸和平台上实现出色的UI。您可以在GitHub上浏览完整的演示源代码。

像响应式导航一样,Felgo SDK是为移动应用程序开发量身定制的,它具有完整的本机样式的应用程序控件,实用程序组件以及iOS和Android平台功能(如Push,应用内购买或安全钥匙串存储)的集成。

https://img2.sycdn.imooc.com/602f7d210001acbc01490375.jpg

Felgo API不会替代Qt和Qt Quick,而是对其进行扩展,您可以将Felgo与现有的Qt和QML代码混合使用。这使您可以在可在所有设备和屏幕上运行的应用程序中创建出色的UI / UX,并带有自适应组件以支持本机导航,显示槽口或平板电脑视图。对于移动目标,您还可以访问本机Android或iOS API和框架的集成。因此,您可以使用本机对话框,共享,相机或图像选择器,应用内购买,分析,云数据库,以及更直接地从QML中使用。

构建和部署:停止等待通过QML Hot Reload构建和部署

不管您是否在Qt项目中使用Felgo API:对于要测试的每个平台和设备,构建和部署应用程序通常都需要花费几分钟。每天对每个开发人员进行的每一次微小更改都是这种情况。它会迅速总结并减慢开发速度。

要解决此问题,请在Felgo Live中使用QML Hot Reload。保存后,Felgo Live会在每个连接的设备上立即应用QML,JavaScript和资产更改。它将部署时间从几分钟减少到只有几秒钟。

您可以根据需要连接任意数量的设备,并且每个设备都会同时更新。这使您可以同时测试不同平台和设备上的任何更改。

Felgo Live是一个独立工具,可用于移动,台式机,嵌入式或Web上的任何Qt / QML项目(对于WebAssembly,Qt均适用)。您可以在应用商店中找到适用于Android和iOS的配套应用,可以通过Felgo安装为嵌入式和台式机目标使用预构建版本,也可以自行构建。

https://img1.sycdn.imooc.com/602f7d220001f48b10000564.jpg


发布和维护:使用Cloud IDE进行开发,并使用Cloud Build自动化应用程序发布

Felgo Cloud IDE是用于Qt和QML项目的基于Web的开发环境,可让您从世界任何地方访问和编辑项目。您可以将其视为Qt Creator,而无需本地安装。它基于GitLab,为您提供完整的Git集成和项目管理功能,例如问题跟踪等。

https://img1.sycdn.imooc.com/602f7d23000123e910040784.jpg

Felgo Cloud IDE可以连接到Qt项目的Git存储库,支持具有自动完成功能的代码编辑器,并利用QML Hot Reload来为您提供QML应用程序的实时预览。
一旦开发了应用程序的第一个版本,便会定期构建发行版,然后将其发送给测试人员或客户。您可能还希望将移动应用程序分发到其中一个应用程序商店进行发布或将其上载到存储库。进行那些手动的应用构建和存储上载需要额外的精力和时间,而您宁愿花费在实际的项目开发上。

Felgo Cloud Builds允许自动化Qt应用程序的构建,打包,签名和部署。它是唯一专门为Qt应用程序设计的CI / CD解决方案。一次设置项目并构建配


置,并在需要时创建应用程序构建。对于移动应用程序,您还可以连接Android和iOS应用程序商店的beta测试渠道,以便自动上传新版本。

借助Cloud Build,开发人员无需安装和维护用于不同目标平台的构建工具链和SDK。Felgo Cloud Builds直接从您的浏览器为Qt和Felgo项目提供持续集成和交付(CI / CD)。您的应用是由Felgo或本地托管的中央稳定构建环境创建的。

借助这些云服务,您可以允许您的团队轻松开发,构建和部署应用程序。Felgo SDK组件以及所有工具和服务一起工作,以创建无缝的应用程序开发体验。只需打开浏览器并开始编码。直接在Cloud IDE中查看预览,或使用Felgo Live连接一些实际设备以检查其在不同目标平台上的外观。然后提交更改,并使用Cloud Builds将应用程序部署到商店。

Felgo为您提供了使用Qt / QML进行跨平台应用程序开发的所有重要工具。不必担心项目所不存在的陷阱和问题,您可以专注于应用程序的实际实现工作。这节省了可观的开发时间,并使从单个代码库支持许多平台变得更加容易。



点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消