首页 技术 正文
技术 2022年11月23日
0 收藏 435 点赞 2,261 浏览 3257 个字

思路:

QTabWidget的特点:点击不同的选项卡显示不同的窗口。可以将QTabWidget分成两部分:

  (1).选项卡:点击时要知道点击的是哪个选项。则需要将选项卡和窗口的信息存起来,点击时去这个信息中判断;

  (2).窗口:点击某个选项卡时,相应的窗口显示,其他窗口隐藏,可以将这些窗口全部放到一个布局中。

(1)创建一个结构体,包含选项卡和窗口的信息:

struct TabWidgetItem {
  QString id; //每项的id
  QWidget* window; //窗口
  IconButton* icon; //选项卡
  int status; //0选中; 1选中
};QList<TabWidgetItem*> m_pTabWidgetList; //存放整个TabWidget(选项卡和窗口所有信息)信息的list列表

 

(2)初始化布局和结构体

void TabWidget::initLayout()
{
  QHBoxLayout* pMainLayout = new QHBoxLayout(this);
  pMainLayout->setMargin();
  pMainLayout->setSpacing();  QVBoxLayout* pIconLayout = new QVBoxLayout();
  QVBoxLayout* pWindowLayout = new QVBoxLayout();  pMainLayout->addLayout(pWindowLayout);
  pMainLayout->addLayout(pIconLayout);
}void TabWidget::initTabWidgetItemData()
{
  {
    TabWidgetItem* pItem = new TabWidgetItem;
    pItem->id = "real";    QWidget* pBaseWidget = new QWidget(this);
    pItem->window = pBaseWidget;
    pItem->window->setVisible(false);
    pWindowLayout->addWidget(pItem->window); pItem->icon = new IconButton("实时视频", this);
pIconLayout->addWidget(pItem->icon);
connect(pItem->icon, SIGNAL(clicked(IconButton*)), this, SLOT(sltMenuClicked(IconButton*))); pItem->status = false;
m_pTabWidgetList.append(pItem);
  }  {
    TabWidgetItem* pItem = new TabWidgetItem;
    pItem->id = "local";    QWidget* pBaseWidget = new QWidget(this);
    pItem->window = pBaseWidget;
    pItem->window->setVisible(false);
    pWindowLayout->addWidget(pItem->window); pItem->icon = new IconButton("本地回放", this);
pIconLayout->addWidget(pItem->icon);
connect(pItem->icon, SIGNAL(clicked(IconButton*)), this, SLOT(sltMenuClicked(IconButton*))); pItem->status = false;
m_pTabWidgetList.append(pItem);
  }
}

(3)自定义选项卡IconButton类

IconButton.h文件#pragma once#include <QWidget>class IconButton: public QWidget
{
Q_OBJECT
public:
explicit IconButton(QString title, QWidget *parent = );
~IconButton();private:
QLabel* m_pTitle;
private:
void initLayout();
public:
void setTitle(QString title);
protected:
void mouseReleaseEvent(QMouseEvent *event);
signals:
void clicked();
signals:
void clicked(IconButton*);
}IconButton.cpp文件
#include "IconButton.h"
IconButton::IconButton(QString title, QWidget *parent)
: QWidget(parent)
{
initLayout();
setTitle(title);
}void IconButton::initLayout()
{
m_pMainLayout = new QHBoxLayout(this); m_pTitle = new QLabel(this);
m_pTitle->setStyleSheet("QLabel{font-size:15px;font-weight:100;color:white;}");
m_pMainLayout->addWidget(m_pTitle, , Qt::AlignLeft);
}void IconButton::setTitle(QString title)
{
m_pTitle->setText(title);
}void IconButton::mouseReleaseEvent(QMouseEvent *event)
{
if (Qt::LeftButton == event->button())
{
/* 只处理鼠标在按钮区域弹起 */
if (this->rect().contains(event->pos()))
{
/* 单击 */
emit clicked();
emit clicked(this); //关键:单击返回this指针
}
}
}

(4)设置切换函数

void TabWidget::setTabWidgetActivePage(QString id)
{
QWidget* pNextwindow = NULL;
for (int i = ; i < m_pTabWidgetList.size(); i++) { //先将所有窗口隐藏
TabWidgetItem* item = m_pTabWidgetList.at(i);
item->status = ;
item->icon->setChekced(false);
item->window->hide();
if (item->id == id) {
item->status = ;
item->icon->setChekced(true);
pNextwindow = item->window;
}
}
if (pNextwindow) {
pNextwindow->show(); //再显示选择的窗口
}
}void TabWidget::sltMenuClicked(IconButton * btn)
{
for (int i = ; i < m_pTabWidgetList.size(); i++) {
TabWidgetItem* item = m_pTabWidgetList.at(i);
if (item->icon == btn) {
setTabWidgetActivePage(item->id);
break;
}
}
}TabWidget::TabWidget(QWidget *parent)
{
initTabWidgetData();
setTabWidgetActivePage("real");
}

 (5)大功告成 我只是把核心代码写下来了,别的花里胡哨的添加自己写…   

微信扫一扫

支付宝扫一扫

本文网址:https://www.zhankr.net/141794.html

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:875 阅读:5,090
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:806 阅读:3,508
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:565 阅读:4,320
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:730 阅读:4,314
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:4,920
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:3,105
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:8:00-16:00

客服电话

400-888-8888

客服邮箱

ceotheme@ceo.com

扫描二维码

关注微信公众号

扫描二维码

手机访问本站