利用QT实现主界面APP应用开发之经典

简介: 利用QT实现主界面APP应用开发之经典

 在嵌入式的开发过程中,利用好应用开发也是不错的选择。


    今天主要和大家聊一聊,如何利用Qt来开发APP主界面,在Qt中提供了QStackedWdget与QTableView这样的控件方便页面切换,但是这种方法比较生硬,体验感较差。也可以自己实现对应滑动界面的设计。

7f5eed7bf8de96e01812c2ed9121e08b.png

第一:滑动界面的设计基础

#include "slidepage.h"
#include <QDebug>
#include <QPropertyAnimation>
SlidePage::SlidePage(QWidget *parent):QWidget(parent),pageIndex(0),pageCount(0),draggingFlag(false)
{
 pageIndicator.clear();
 this->setMinimumSize(400, 300);
 this->setAttribute(Qt::WA_TranslucentBackground, true);
 scrollArea = new QScrollArea(this);
 scrollArea->setAlignment(Qt::AlignCenter);
 mainWidget = new QWidget();
 mainWidget->setStyleSheet("background: transparent");
 scrollArea->setWidget(mainWidget);
 scrollArea->setStyleSheet("background: transparent");
 bottomWidget = new QWidget(this);
 bottomWidget->setStyleSheet("background: transparent");
 bottomHBoxLayout = new QHBoxLayout();
 bottomWidget->setLayout(bottomHBoxLayout);
 bottomHBoxLayout->setContentsMargins(0, 0, 0, 0);
 bottomHBoxLayout->setAlignment(Qt::AlignCenter);
/* 关闭滚动条显示 */
 scrollArea->setVerticalScrollBarPolicy(
 Qt::ScrollBarAlwaysOff);
 scrollArea->setHorizontalScrollBarPolicy(
 Qt::ScrollBarAlwaysOff);
 /* 滚屏对象 */
 scroller = QScroller::scroller(scrollArea);
 QScroller::ScrollerGestureType gesture =
 QScroller::LeftMouseButtonGesture;
 scroller->grabGesture(scrollArea, gesture);
/* 获取属性 */
 QScrollerProperties properties = scroller->scrollerProperties();
/* 设置滑动的时间,值越大,时间越短 */
 properties.setScrollMetric(QScrollerProperties::SnapTime, 0.5);
/* 设置滑动速度 */
 properties.setScrollMetric(QScrollerProperties::MinimumVelocity, 1);
 scroller->setScrollerProperties(properties);
/* 布局 */
 hBoxLayout = new QHBoxLayout();
 hBoxLayout->setContentsMargins(0, 0, 0, 0);
 hBoxLayout->setSpacing(0);
 mainWidget->setLayout(hBoxLayout);
/* 定时器,用于判断用户是否是拖动屏幕,区分滑动,超过 300ms 表示拖动 */
 timer = new QTimer(this);
 connect(scrollArea->horizontalScrollBar(),SIGNAL(valueChanged(int)), this, SLOT(hScrollBarValueChanged(int)));
 connect(scroller, SIGNAL(stateChanged(QScroller::State)), this,
SLOT(onStateChanged(QScroller::State)));
 connect(timer, SIGNAL(timeout()), this, SLOT(onTimerTimeOut()));
 connect(this, SIGNAL(currentPageIndexChanged(int)), this,SLOT(onCurrentPageIndexChanged(int)));
}

  上面的这些描述,只是一个滑动界面的类,如果需要控制的话,还需要往里面添加对应的内容。


第二:APP主界面实现方法


    在项目正常运行之后,可以看到一个APP主界面,这个界面不能点击,如果需要控制的话再通过链接到界面上的按钮点击信号,可以是点击按钮之后打开一个新界面,完成事件的交互。

d7c06c08681469ec728a0e5149d8970d.png


项目文件夹下内容解释:

03_appmainview.pro 项目下:

1、appdemo 文件夹为车载音乐 APP 页面,只是界面,不带实际功能!

2、slidepage 文件夹为笔者原创的一个滑动页面类,在这个类里,我们可以使用 addPage()方法来添加页面,当添加的页面大于 2 页时,就可以滑动切换页面了。

3、Headers 文件夹为 03_appmainview.pro 的头文件。

3、Headers 文件夹为 03_appmainview.pro 的头文件。

4、Sources 文件夹为 03_appmainview.pro 的源文件。

5、Resource 文件夹为 03_appmainview.pro 的源文件。主要是存放一张背景图片。


第三:实现分析


   在运行的过程中,会有三个界面,可以利用利用手动的方式进行滑动,从运行效果上来说,还是不错的。


总结:在编写实现APP的过程中,需要对其中的API函数的非常熟悉,这个就要投入大量的精力在里面,学习各个函数的用法。

目录
相关文章
|
3天前
|
前端开发 Java 开发工具
【03】完整flutter的APP打包流程-以apk设置图标-包名-签名-APP名-打包流程为例—-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈 章节内容【03】
【03】完整flutter的APP打包流程-以apk设置图标-包名-签名-APP名-打包流程为例—-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈 章节内容【03】
【03】完整flutter的APP打包流程-以apk设置图标-包名-签名-APP名-打包流程为例—-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈 章节内容【03】
|
3月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
873 1
|
3天前
|
Dart 前端开发 Android开发
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
5天前
|
Dart 前端开发 架构师
【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升
【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升
|
20天前
|
开发框架 小程序 前端开发
圈子社交app前端+后端源码,uniapp社交兴趣圈子开发,框架php圈子小程序安装搭建
本文介绍了圈子社交APP的源码获取、分析与定制,PHP实现的圈子框架设计及代码编写,以及圈子小程序的安装搭建。涵盖环境配置、数据库设计、前后端开发与接口对接等内容,确保平台的安全性、性能和功能完整性。通过详细指导,帮助开发者快速搭建稳定可靠的圈子社交平台。
155 18
|
16天前
|
JSON 供应链 搜索推荐
淘宝APP分类API接口:开发、运用与收益全解析
淘宝APP作为国内领先的购物平台,拥有丰富的商品资源和庞大的用户群体。分类API接口是实现商品分类管理、查询及个性化推荐的关键工具。通过开发和使用该接口,商家可以构建分类树、进行商品查询与搜索、提供个性化推荐,从而提高销售额、增加商品曝光、提升用户体验并降低运营成本。此外,它还能帮助拓展业务范围,满足用户的多样化需求,推动电商业务的发展和创新。
44 5
|
16天前
|
移动开发 安全 搜索推荐
圈子社交系统APP,同城本地圈子论坛开发,让身边的人沟通更加紧密
圈子社交系统APP是一款基于社交网络的移动应用,用户可创建、加入和管理兴趣圈子。主要功能包括:动态分享与交流、实时聊天、会员体系与身份认证、活动策划等。该APP注重个性化定制、社交关系深化、隐私安全及跨平台互联,提供丰富的社交体验。
|
19天前
鸿蒙语言开发 几十套鸿蒙ArkTs app毕业设计及课程作业
鸿蒙语言开发 几十套鸿蒙ArkTs app毕业设计及课程作业
28 1
|
28天前
|
JSON 缓存 前端开发
HarmonyOS NEXT 5.0鸿蒙开发一套影院APP(附带源码)
本项目基于HarmonyOS NEXT 5.0开发了一款影院应用程序,主要实现了电影和影院信息的展示功能。应用包括首页、电影列表、影院列表等模块。首页包含轮播图与正在热映及即将上映的电影切换显示;电影列表模块通过API获取电影数据并以网格形式展示,用户可以查看电影详情;影院列表则允许用户选择城市后查看对应影院信息,并支持城市选择弹窗。此外,项目中还集成了Axios用于网络请求,并进行了二次封装以简化接口调用流程,同时添加了请求和响应拦截器来处理通用逻辑。整体代码结构清晰,使用了组件化开发方式,便于维护和扩展。 该简介概括了提供的内容,但请注意实际开发中还需考虑UI优化、性能提升等方面的工作。
93 11
|
25天前
|
前端开发 数据库 UED
uniapp开发,前后端分离的陪玩系统优势,陪玩app功能特点,线上聊天线下陪玩,只要4800
前后端分离的陪玩系统将前端(用户界面)和后端(服务器逻辑)分开开发,前者负责页面渲染与用户交互,后者处理数据并提供接口。该架构提高开发效率、优化用户体验、增强可扩展性和稳定性,降低维护成本,提升安全性。玩家可发布陪玩需求,陪玩人员发布服务信息,支持在线聊天、预约及线下陪玩功能,满足多样化需求。[演示链接](https://www.51duoke.cn/games/?id=7)

热门文章

最新文章

推荐镜像

更多