对于这个效果的实现，其实方法应该还是很多的，这里的实现简单的原理只是一种，可能还不是很好，做个借鉴吧。
大概就是需要两个的计时器，第一个是用来判断窗口是不是在边缘附近，我们要把它吸附上去；第二个是用来判断是不是满足了隐藏，或者显示的效果的条件。然后利用动画来进行这些显示的过度，在过程中先中断一下事件处理，让窗口动画先走玩（很短，而且被事件中断的话，用户交互也不太友好）。其实原理就很简单的，还是上一下简单的代码了。
timer_edgeMove = new QTimer(this);
timer_edgeMove->setSingleShot(false);
timer_edgeMove->setInterval(EdgeMoveTime);//自己设定一个间断的时间
timer_edgeHide = new QTimer(this);
timer_edgeHide->setSingleShot(false);
timer_edgeHide->setInterval(EdgeHideTime);//自己设定一个间断的时间
connect(timer_edgeMove,&QTimer::timeout,this,&MainWindow::updateEdgeMove);//这里是定时器触发的两个函数，做判断以及实现，具体实现在后面
connect(timer_edgeHide,&QTimer::timeout,this,&MainWindow::updateEdgeHide);
timer_edgeMove->start();
timer_edgeHide->start();
mousePress = false;//鼠标的按键状态，判断定时器开关
winHide = winHideType::none;//当前需要的隐藏的状态
blockAll = false;//主要是根据动画的状态来设置，来判断是否在动画过程中忽略一下鼠标的事件等。
edgeMoveAnimation = new QPropertyAnimation(this,"pos",this);//参数分别为目标，属性，和父元素。
//动画完成后的回复响应
connect(edgeMoveAnimation,&QPropertyAnimation::finished,[=](){
blockAll = false;
timer_edgeMove->start();
timer_edgeHide->start();
});//处理吸附的计时
void MainWindow::updateEdgeMove()
{
int targetx,targety; //这里要判断一下是不是鼠标按着，或者是已经隐藏，都不需要做处理。 if(mousePress == true || winHide!=winHideType::none)
return;
int enableMove = 0;
// qDebug()<<this->x()<<this->y();
//y方向的判断，这里<span style="font-family: Arial, Helvetica, sans-serif;">EdgeAttachMargin是自定义的一个你想要让他吸附的距离，就是靠边缘多近要吸附上去，enableMove是用来最后判断是否需要动画的一个标志位</span>
if(this->y()<EdgeAttachMargin&&this->y()!=0){
targety = 0;
enableMove = 1;
}
else
targety = this->y();
//x方向和y差别不大，就是需要多判断一下左右的两种情况，y只需要上方一种情况。
if(this->x()<EdgeAttachMargin&&this->x()!=0){
enableMove = 1;
targetx = 0;
}
else{
int rightx = this->x()+this->width();
if(rightx> (QApplication::desktop()->width()-EdgeAttachMargin)&&rightx!=QApplication::desktop()->width()){
targetx = QApplication::desktop()->width()-this->width();
enableMove = 1;
}
else
targetx = this->x();
}
if(1==enableMove){
// qDebug()<<"move action...";
winAnimation(QPoint(targetx,targety),QPoint(this->x(),this->y()));//这里是调用吸附过去的动画，一个初始值，一个目标值，函数具体在后面
}
}//处理隐藏的计时
void MainWindow::updateEdgeHide()
{
QPoint mouP=QCursor::pos();
QPoint target;
QPoint oldpos;
bool enableHS =false;//也是用做判断是否需要进行动画的标志位。
if(winHide == winHideType::none&& this->isVisible() == true)
{//还未隐藏<span style="white-space:pre"> </span>//这里判断一下鼠标的位置是否不在窗体上，不在才需要进行隐藏的操作
if(mouP.x()<this->x() || (mouP.x()-this->x())>this->width() || mouP.y()<this->y() || (mouP.y()-this->y())>this->height())
{
oldpos.setX(this->x());
oldpos.setY(this->y());<pre name="code" class="cpp"> //在上方的情况（如果在左右方，但是还是优先往上缩）<span style="white-space:pre"> </span>//在左方的情况
if(0==this->x())
{
target.setX(EdgeShowWidth-this->width());
target.setY(oldpos.y());
enableHS = true;
winHide =winHideType::xleft;
}else<span style="white-space:pre"> </span> //在右方的情况
if(QApplication::desktop()->width()==(oldpos.x()+this->width()))
{
target.setX(QApplication::desktop()->width()-EdgeShowWidth);
target.setY(oldpos.y());
enableHS = true;
winHide =winHideType::xright;
}
}
}
}else
{//已经隐藏，判断是否鼠标进入了屏幕边缘的窗体的区域，是就需要触发显示窗口的动作
if(! (mouP.x()<this->x() || (mouP.x()-this->x())>this->width() || mouP.y()<this->y() || (mouP.y()-this->y())>this->height()) )
{
oldpos.setX(this->x());
oldpos.setY(this->y());<span style="white-space:pre"> </span> //分别也是对应于上，左，右这三个方向。
if(winHide == winHideType::y)
{
target.setX(oldpos.x());
target.setY(0);
enableHS = true;
winHide =winHideType::none;
}else
{
if(winHide == winHideType::xleft)
{
target.setX(0);
target.setY(oldpos.y());
enableHS = true;
winHide =winHideType::none;
}else
if(winHide == winHideType::xright)
{
target.setX(QApplication::desktop()->width() - this->width());
target.setY(oldpos.y());
enableHS = true;
winHide =winHideType::none;
}
}
}
} //如果需要显示，就调用动画，同样是传原始和目标的值作为参数。
if(true==enableHS){
// qDebug()<<"hide show action..."<<winHide;
winAnimation(target,oldpos);
}
}//隐藏动画
void MainWindow::winAnimation(QPoint target,QPoint oldpos)
{
edgeMoveAnimation->setDuration(300);
edgeMoveAnimation->setStartValue(QPoint(oldpos.x(),oldpos.y()));
edgeMoveAnimation->setEndValue(QPoint(target.x(), target.y()));
edgeMoveAnimation->setEasingCurve(QEasingCurve::OutCubic);
edgeMoveAnimation->start();
timer_edgeMove->stop();
timer_edgeHide->stop();
blockAll = true;
}//处理鼠标的进入时间，用于自动隐藏
bool MainWindow::eventFilter(QObject* obj, QEvent* event)
{
if(obj== this)
{
//播放动画时阻塞操作
if(blockAll == true && event->type() == QEvent::MouseButtonPress)
return true;
if(event->type() == QEvent::MouseButtonPress)
{
mousePress = true;
timer_edgeMove->stop();
// qDebug()<<"MouseButtonPress"<<mousePress;
}
else if((event->type() == QEvent::MouseButtonRelease) && mousePress)
{
timer_edgeMove->start();
mousePress= false;
// qDebug()<<"MouseButtonRelease"<<mousePress;
}
}
return QObject::eventFilter(obj, event);
}就大致是这样的了，其实想法还是很简单的。
最后有一个就是，如果你想通过点击托盘，然后让窗口动画显示出来，那就在托盘双击的事件添加一个调用函数咯：
//点击还原时的show
void MainWindow::updateShowNormal()
{
if(winHide != winHideType::none)
{
QPoint target;
QPoint oldpos;
bool enableHS;
oldpos.setX(this->x());
oldpos.setY(this->y());
if(winHide == winHideType::y)
{
target.setX(oldpos.x());
target.setY(0);
enableHS = true;
winHide =winHideType::none;
}else
{
if(winHide == winHideType::xleft)
{
target.setX(0);
target.setY(oldpos.y());
enableHS = true;
winHide =winHideType::none;
}else
if(winHide == winHideType::xright)
{
target.setX(QApplication::desktop()->width() - this->width());
target.setY(oldpos.y());
enableHS = true;
winHide =winHideType::none;
}
}
if(true==enableHS){
// qDebug()<<"show normal action..."<<winHide;
winAnimation(target,oldpos);
}
}
}
5848
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
