Qt之QStackedLayout

原创 2016年05月30日 17:44:23

简述

QStackedLayout继承自QLayout。

QStackedLayout类提供了多页面切换的布局,一次只能看到一个界面。

QStackedLayout可用于创建类似于QTabWidget提供的用户界面。也有建立在QStackedLayout之上的便利类QStackedWidget。

使用

一个QStackedLayout可以用一些子页面进行填充。

效果

这里写图片描述

源码

QPushButton *pButton = new QPushButton(this);
QLabel *pFirstPage= new QLabel(this);
QLabel *pSecondPage = new QLabel(this);
QLabel *pThirdPage = new QLabel(this);
m_pStackedLayout = new QStackedLayout();

pButton->setText(QStringLiteral("点击切换"));
pFirstPage->setText(QStringLiteral("一去丶二三里"));
pSecondPage->setText(QStringLiteral("青春不老,奋斗不止!"));
pThirdPage->setText(QStringLiteral("纯正开源之美,有趣、好玩、靠谱。。。"));

// 添加页面(用于切换)
m_pStackedLayout->addWidget(pFirstPage);
m_pStackedLayout->addWidget(pSecondPage);
m_pStackedLayout->addWidget(pThirdPage);

QVBoxLayout *pLayout = new QVBoxLayout();
pLayout->addWidget(pButton, 0, Qt::AlignLeft | Qt::AlignVCenter);
pLayout->addLayout(m_pStackedLayout);
pLayout->setSpacing(10);
pLayout->setContentsMargins(10, 10, 10, 10);
setLayout(pLayout);

// 连接切换按钮信号与槽
connect(pButton, &QPushButton::clicked, this, &MainWindow::switchPage);

// 切换页面
void MainWindow::switchPage()
{
    int nCount = m_pStackedLayout->count();
    int nIndex = m_pStackedLayout->currentIndex();

    // 获取下一个需要显示的页面索引
    ++nIndex;

    // 当需要显示的页面索引大于等于总页面时,切换至首页
    if (nIndex >= nCount)
        nIndex = 0;

    m_pStackedLayout->setCurrentIndex(nIndex);
}

接口

  • int addWidget(QWidget * widget)

    添加页面,并返回页面对应的索引

  • int currentIndex() const

    获取当前页面的索引

  • QWidget * currentWidget() const

    获取当前页面

  • int insertWidget(int index, QWidget * widget)

    在索引index位置添加页面

  • void setStackingMode(StackingMode stackingMode)

    设置显示模式,StackingMode有两个值,一个是StackOne(默认-显示一个页面),一个是StackAll(显示所有页面),一般不使用。

  • QWidget * widget(int index) const

    获取索引index所对应的页面

信号

  • void currentChanged(int index)

    当前页面发生变化时候发射,index为新的索引值

  • void widgetRemoved(int index)

    页面被移除时候发射,index为页面对应的索引值

共有槽函数

  • void setCurrentIndex(int index)

    设置索引index所在的页面为当前页面

  • void setCurrentWidget(QWidget * widget)

    设置QWidget页面为当前页面

总结

一般情况,常用的两种方式:

  • 根据currentWidget()来判断当前页面,然后通过setCurrentWidget()来设置需要显示的页面。

  • 根据currentIndex()来判断当前页面索引,然后通过setCurrentIndex()来设置需要显示的页面。

版权声明:进步始于交流,收获源于分享!纯正开源之美,有趣、好玩、靠谱。。。作者:一去丶二三里 博客地址:http://blog.csdn.net/liang19890820

Qt的“QStackedLayout”实现多界面切换

这两天在写一个东西要用到界面的切换,发现自己不会,就学了一下。 在这个博客看到了讲解,不过博客上是用designer拖出的界面,我不习惯,就自己用代码又写了一下。 先从QWidget派生了One,...
  • gyhguoge01234
  • gyhguoge01234
  • 2016年11月12日 16:46
  • 1891

QStackedWidget及QStackedLayout使用方法

QStackedWidget及QStackedLayout使用方法   QStackedLayout类把子控件进行分组或者分页,一次只显示一组或者一页,隐藏其他组或者页上的控件。QStackedLa...
  • kissdestiny
  • kissdestiny
  • 2013年11月14日 19:30
  • 15136

传说中的QT布局

1、QFormLayout:表单布局,顾名思义就是实现表单模式的布局。表单就是提示用户进行交互的一种模式,其主要有两个列组成,第一个列用于显示信息,给予用提提示,一般叫做label域,第二个是需要用户...
  • kof98765
  • kof98765
  • 2014年12月06日 15:00
  • 6212

Qt之QStackedWidget和QStackedLayout

一、QStackedLayout类 QStackedLayout类可以对一组子窗口部件进行摆放,或者对它们进行“分页”,而且一次只显示其中一个,而把其他的子窗口部件或者分页都隐藏起来,QStacke...
  • light_in_dark
  • light_in_dark
  • 2016年12月07日 17:06
  • 464

QStackedWidget及QStackedLayout使用方法

转自:http://hi.baidu.com/topone_top/item/4511e790f2beaa9a58146190 QStackedLayout类把子控件进行分组或者分页,一次只显示一组...
  • cos_sin_tan
  • cos_sin_tan
  • 2013年01月09日 23:56
  • 4068

多个QtWidget层叠显示,置顶,置底,Lbel显示图片

把widget放入QStackedLayout QStackedLayout设置成setStackingMode(QStackedLayout::StackAll); 解释: enum QStack...
  • flowerspring
  • flowerspring
  • 2015年08月13日 11:45
  • 6234

Qt编程技巧 窗口置顶

一般来是说窗体置顶和取消只要        setWindowFlags(Qt::WindowStaysOnTopHint);        setWindowFlags(Qt::Widget);要是...
  • killua_hzl
  • killua_hzl
  • 2010年02月04日 16:09
  • 9062

Qt编写的遮罩层窗体

PS:亲测有效! 转:http://www.qtcn.org/bbs/read-htm-tid-62394.html 最近接了个私活,需要在弹框的窗体背后遮罩原有主窗体,使得突出显...
  • u011430225
  • u011430225
  • 2017年01月19日 15:11
  • 1577

QT实现界面跳转切换

简介
  • tj807126663
  • tj807126663
  • 2014年06月23日 16:15
  • 14760

Qt的“QStackedLayout”实现多界面切换

这两天在写一个东西要用到界面的切换,发现自己不会,就学了一下。 在这个博客看到了讲解,不过博客上是用designer拖出的界面,我不习惯,就自己用代码又写了一下。 先从QWidget派生了One,...
  • gyhguoge01234
  • gyhguoge01234
  • 2016年11月12日 16:46
  • 1891
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Qt之QStackedLayout
举报原因:
原因补充:

(最多只允许输入30个字)