Qt中控件保持比例縮放

項目中涉及到視頻窗口的顯示，而視頻窗口在縮放的過程中，肯定需要保持寬高比進行縮放，然而qt中並沒有現成的工具可以使用，網上也沒有找到比較好的教程，於是自己探索后記錄下來

最終效果

實現思路是這樣的：

封裝一個類，集成自QFrame（繼承自QFrame而不是QWidget是因為QFrame重載了paintEvent，方便進行樣式美化），在這個類中聲明一個QWidget的成員變量，重寫派生類的這個方法：

    virtual void resizeEvent(QResizeEvent *event);

在這個方法中，自己針對窗口尺寸改變，自行計算子widget的尺寸及位置。

再添加一個get方法，獲取成員變量的指針（或者直接把成員變量聲明為公有）。

使用時，將派生類放到布局中，在將要顯示的內容放到widget里即可。

代碼：

#ifndef KEEPRATIOWIDGET_H
#define KEEPRATIOWIDGET_H

#include <QFrame>

class KeepRatioWidget : public QFrame
{
    Q_OBJECT

public:
    KeepRatioWidget(QWidget *parent = 0);

    void setRatio(int width, int height);
    QWidget* widget();

protected:
    virtual void resizeEvent(QResizeEvent *event);

private:
    int width_ratio_;
    int height_ratio_;
    QWidget* center_widget_;
};

#endif

 

#include <QResizeEvent>
#include "keepratiowidget.h"

KeepRatioWidget::KeepRatioWidget(QWidget *parent) :
    QFrame(parent)
   , width_ratio_(0)
   , height_ratio_(0)
{
    center_widget_ = new QWidget(this);
    center_widget_->setStyleSheet("background-color:black;");
}

void KeepRatioWidget::setRatio(int width, int height)
{
    width_ratio_ = width;
    height_ratio_ = height;
}

QWidget *KeepRatioWidget::widget()
{
    return center_widget_;
}

void KeepRatioWidget::resizeEvent(QResizeEvent *event)
{
    QSize old_size = event->size();
    QSize new_size = event->size();

    if(new_size.width()<width_ratio_*new_size.height()/height_ratio_){
        //寬度不足，則以寬度來計算
        new_size.setHeight(height_ratio_ * new_size.width() / width_ratio_);
        //豎直方向居中
        center_widget_->move(0,(old_size.height()-new_size.height())/2);
    }
    else {
        //否則以高度來計算
        new_size.setWidth(width_ratio_ * new_size.height() / height_ratio_);
        //水平方向居中
        center_widget_->move((old_size.width()-new_size.width())/2,0);
    }

    center_widget_->resize(new_size);
}