QSplitter实现滑动窗口和悬浮按钮

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);

}

}