1 QSplitter实现滑动窗口和悬浮按钮
软件应用中需要设计右侧滑动窗口,通过一个按钮来实现窗口的隐藏和显示,应用场景比如显示主界面的详细信息。
(1) 在qt design中添加QSplitter,添加主窗口界面和右侧滑动窗口界面。
(2) 在程序中添加浮动按钮,并在初始化中设置按钮的属性
m_btnFold.setParent(this);
m_btnFold.setFocusPolicy(Qt::NoFocus);
m_btnFold.setFixedSize(16, 78);//设置大小
m_btnFold.setIconSize(m_btnFold.size());
m_btnFold.move(this->width() - m_btnFold.width(), (this->height() - m_btnFold.height()) / 2);//设置移动位置
m_btnFold.setStyleSheet("border:0px;border-style:outset;");//设置无边框
m_btnFold.setFlat(true);//设置扁平按钮
m_btnFold.setVisible(true);//设置可见
m_btnFold.setStyleSheet("background:url(:/qss/image/unfoldbtn.png);border: 0px;");//设置背景图片,图片需先加入工程资源中
m_btnFold.show();
m_btnFold.setToolTip("展开详情");
(3) 添加按钮的响应函数
connect(&m_btnFold, SIGNAL(clicked()), this, SLOT(DisplayFoldWidget()));
void SpliterWidget::DisplayFoldWidget()
{
if (m_bfoldOpen == false)
{
m_btnFold.setToolTip("收起详情");
m_bfoldOpen = true;
ui.alarmDetailWidget->setVisible(true);//展示右侧滑动窗口
m_btnFold.move(this->width()-ui.alarmDetailWidget->width() - m_btnFold.width(), (this->height() - m_btnFold.height()) / 2);
m_btnFold.setStyleSheet("background:url(:/qss/image/foldbtn.png);border: 0px;");//重新移动按钮位置
}
else if (m_bfoldOpen == true)
{
m_btnFold.setToolTip("展开详情");
m_bfoldOpen = false;
ui.alarmDetailWidget->setVisible(false);//右侧滑动窗口
m_btnFold.move(this->width() - m_btnFold.width(), (this->height() - m_btnFold.height()) / 2);
m_btnFold.setStyleSheet("background:url(:/qss/image/unfoldbtn.png);border: 0px;");//改变按钮图标方向
}
}
(4) 窗口放大缩小的时候还要重新确定按钮的位置,所以要重写大小改变函数。
void resizeEvent(QResizeEvent* size);
void SpliterWidget::resizeEvent(QResizeEvent* size)
{
int winwidth= ui.alarmCenter->window()->width();
QList<int> spliteList;
spliteList.append(winwidth - 320);
spliteList.append(320);//右侧固定大小为320
ui.splitterLR->setSizes(spliteList);
m_btnFold.setVisible(true);
m_btnFold.show();
if (m_bfoldOpen==true)//移动按钮位置
{
m_btnFold.move(this->width()-ui.alarmDetailWidget->width()-m_btnFold.width() , (this->height() - m_btnFold.height()) / 2);
}
else
{
m_btnFold.move(this->width() - m_btnFold.width(), (this->height() - m_btnFold.height()) / 2);
}
}