Qt 控件图标SVG实现

Qt 控件图标SVG实现

应用程序开发时为了美观通常都会有几套皮肤，界面背景颜色、文字颜色等是可以调整rgb值切换成对应皮肤的颜色值，但是图标就不可以这样切换，除非提前加载所有皮肤的图标，但是这样就会加载很多份，浪费程序资源，这个时候我们就可以使用svg格式的图片，这样就可以动态修改图片颜色。

首先来讲一下是如何动态修改SVG的颜色的，使用文本文档打开SVG其实可以发现SVG就是xml格式的文件，所以我们可以通过修改节点属性修改图片的颜色。

加载SVG图标 //定义按钮 QToolButton *btn= new QToolButton ; 加载SVG文件 svg_path：文件路径 QSvgRenderer *svg_render = new QSvgRenderer(svg_path); SVG转换QPixmap 定义QPixmap 对象 QPixmap *pixmap = new QPixmap(32, 32); pixmap->fill(Qt::transparent); //创建QPixmap 画布 QPainter painter(pixmap); //将SVG图片写到画布中去 svg_render->render(&painter); 创建图标 QIcon ico(*pixmap); //按钮设置图标 btn->setIcon(ico); 以上几行代码就是qt中显示SVG图片的方法，接下来要修改SVG图片，将svg文件读到xml对象中，然后修改颜色属性 QString path = svg_path; //创建文件对象 QFile file(path); //只读模式打开文件 file.open(QIODevice::ReadOnly); //将文件读到data缓存中 QByteArray data = file.readAll(); //创建QDomDocument 对象 QDomDocument doc; //将读出来的SVG数据写到QDomDocument 对象中 doc.setContent(data); QString color = “#ff0000”; //修改颜色 SetSVGColor(doc.documentElement(), “path”, “fill”, color); void SetSVGColor(QDomElement &elem, QString strtagname, QString strattr, QString strattrval) { if (elem.tagName().compare(strtagname) == 0)//查找节点 { QString before_color = elem.attribute(strattr); //修改属性 const_cast<QDomElement *>(&elem)->setAttribute(strattr, strattrval); QString color = elem.attribute(strattr); } for (int i = 0; i < elem.childNodes().count(); i++) { if (!elem.childNodes().at(i).isElement()) { continue; } SetSVGColor(elem.childNodes().at(i).toElement(), strtagname, strattr, strattrval); } }

下面给出一段SVG数据，复制粘贴保存.svg格式就可以了

<svg xmlns=”http://www.w3.org/2000/svg” version=”1.1″> <path th d=”M250 150 L150 350 L350 350 Z” fill=”#00ff00″ /> </svg>