问题描述
为了建立公司的形象,吸引客户并形成客户粘度,同一个公司的各项产品,需要有更统一的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;
}
测试及运行结果
建立一个项目用以测试本类