利用Qt-C++实现一个可以调整大小的公司logo类

问题描述

为了建立公司的形象,吸引客户并形成客户粘度,同一个公司的各项产品,需要有更统一的logo。而以往的logo需要每次通过图片处理获得,费时费力且风格容易产生差异。

项目目的

输入宽、高、英文字符、中文字符。根据中文、英文字符的数量,动态调整中、英文字符的大小,使最后生成符合需求的logo图标。并使图标具有点击拖动母窗体的功能。

tip:字符大小的确定常见的有以下几种方式

1.px:pixel,意为“像素”,指在显示器上占用的像素数量,在忽略系统级对高分辨率显示器的缩放修正的情况下(如下图,即为以125%的比例进行缩放修正),若显示器ppi(pixel per inch)不同,则显示的大小不同
2.pt:point,意为“磅”,即为1/72英寸,理论上讲,在不同ppi的显示器上显示的大小是相同的。

3.em:相对长度单位,最初是与字母M的宽度之比,故名em。通常1em=16px。

因为实验室所用的logo图片不是矢量图,所以此处选择px更容易和图片相匹配。

功能设计

1.在左上角显示logo图片
2.在左下角显示英文字样,根据logo图片的宽度和字符数量选择合适的px值
3.在右侧显示中文字样
4.鼠标点击可对整个窗口进行拖动

程序代码

logo.h

#ifndef HLOGO_H
#define HLOGO_H

#include 
#include 
#include 
#include 

class Logo : public QWidget
{
    Q_OBJECT
public:
    explicit Logo(int width,int height,QString text,QString word,QWidget *parent = 0);
    QRect* logoRect;
signals:

public slots:
private:

    QString* logoText;
    QString* logoWord;
    QString* pidDir;
    QPixmap* pixOfLogo;
    void initialLogo(int width,int height,QString text,QString word);
    void mousePressEvent(QMouseEvent *event);
    void mouseMoveEvent(QMouseEvent *event);
    void mouseReleaseEvent(QMouseEvent *);

    bool                mMoveing;
    QPoint              mMovePosition;
};

#endif // HLOGO_H
logo.cpp

#include "logo.h"
#include 
#include 

Logo::Logo(int width,int height,QString text,QString word,QWidget *parent) :
        QWidget(parent)
{

    initialLogo(width,height,text,word);

    mMoveing=false;
}


//Qt::FramelessWindowHint 无边框
//Qt::WindowStaysOnTopHint 窗口在最顶端,不会拖到任务栏下面
void Logo::initialLogo(int width,int height,QString text,QString word){
    //构造函数用于根据长、宽、字符来生成LOGO,显示于界面左上角
    //1、初始化关于logo的各参数
    //2、根据显示区域计算各显示字符的字符大小
    //3、设置logo显示的各Label控件的属性
    //4、设置两个layout来放置label控件
    //5、将各控件放置


    //1、初始化各参数
    this->setGeometry(0,0,width,height);
    this->logoText = &text;
    this->logoWord = &word;

    this->setStyleSheet("QWidget{background:rgb(0,74,130);border:5px white}");

    //2、根据显示区域计算各显示字符的字符大小
    int pixWidth = int((height-10)*1.588);
    int pixHight = height-10;
    int textNum = text.toLocal8Bit().length();//textNum中,中文字符算2个,英文字符算一个
    int wordNum = word.length();

    int textWidth = int (width-pixWidth)/textNum*2;
    int wordWidth = int (pixWidth)/wordNum+1;

    //3、设置各Label,设置stylesheet,设置字符、图片显示
    QLabel* logoTextLabel = new QLabel();
    logoTextLabel->setText(*logoText);
    logoTextLabel->setStyleSheet("border:0px;color:white;font:"+QString::number(textWidth)+"px \"WenQuanYi Zen Hei\";font-weight:bold;");
    logoTextLabel->setSizePolicy(QSizePolicy::Expanding,QSizePolicy::Expanding);
    logoTextLabel->setAlignment(Qt::AlignCenter);

    QLabel* logoPixLabel = new QLabel();
    QPixmap pixOfLogo(":/logo.png");//":/icon/logo.png"
    logoPixLabel->setScaledContents(true);
    logoPixLabel->setPixmap(pixOfLogo);
    logoPixLabel->setSizePolicy(QSizePolicy::Fixed,QSizePolicy::Fixed);
    logoPixLabel->setMaximumSize(pixWidth,pixHight);

    QLabel* logoWordLabel = new QLabel();
    logoWordLabel->setText(*logoWord);
    logoWordLabel->setStyleSheet("border:0px;color:red;font:"+QString::number(wordWidth)+"px \"WenQuanYi Zen Hei\"");
    logoWordLabel->setAlignment(Qt::AlignCenter);

    //4、设置两个layout来放置label控件
    QHBoxLayout* layout1 = new QHBoxLayout();
    layout1->setSpacing(0);
    layout1->setMargin(0);

    QVBoxLayout* layout2 = new QVBoxLayout();
    layout2->setSpacing(0);
    layout2->setMargin(0);


    //5、将各控件放置
    layout1->addLayout(layout2);
    layout1->addWidget(logoTextLabel);
    layout2->addWidget(logoPixLabel);
    layout2->addWidget(logoWordLabel);
    this->setLayout(layout1);
}


void Logo::mousePressEvent(QMouseEvent *event)//设置界面可拖动需要调用的鼠标按下的槽函数
{//重写鼠标按下事件

    mMoveing = true;

    //记录下鼠标相对于窗口的位置
    //event->globalPos()鼠标按下时,鼠标相对于整个屏幕位置
    //pos() this->pos()鼠标按下时,窗口相对于整个屏幕位置
    mMovePosition = event->globalPos()-parentWidget()->pos();
}
void Logo::mouseMoveEvent(QMouseEvent *event)//设置界面可拖动需要调用的鼠标移动的槽函数//重写鼠标移动事件
{
    //(event->buttons() && Qt::LeftButton)按下是左键
    //鼠标移动事件需要移动窗口,窗口移动到哪里呢?就是要获取鼠标移动中,窗口在整个屏幕的坐标,然后move到这个坐标,怎么获取坐标?
    //通过事件event->globalPos()知道鼠标坐标,鼠标坐标减去鼠标相对于窗口位置,就是窗口在整个屏幕的坐标
    if (mMoveing && (event->buttons() && Qt::LeftButton)
        && (event->globalPos()-mMovePosition).manhattanLength() > QApplication::startDragDistance())
        {
        parentWidget()->move(event->globalPos()-mMovePosition);
        mMovePosition = event->globalPos()-parentWidget()->pos();
    }
}
void Logo::mouseReleaseEvent(QMouseEvent *)//设置界面可拖动需要调用的鼠标松开的槽函数
{
    mMoveing = false;
}

测试及运行结果

建立一个项目用以测试本类


输入Logo(600,200,"logo示例","Words",this)
输入Logo(300,100,"logo示例","Words",this)
输入Logo(300,50,"logo示例","Words",this)
输入Logo(300,50,"图形示例","myWords",this)

你可以随意更改我的代码的任何部分,如果我的思路和代码对你有所帮助,请点赞或评论,这对我非常重要,谢谢

你可能感兴趣的:(利用Qt-C++实现一个可以调整大小的公司logo类)