[Gdiplus]_[中级]_[绘图实现单行文本的多种颜色]

最新推荐文章于 2023-12-10 23:59:49 发布
最新推荐文章于 2023-12-10 23:59:49 发布
阅读量904 收藏 1
点赞数 2
分类专栏： GDI+编程日积月累 文章标签： RichText gdiplus gdi win32 WTL
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/infoworld/article/details/105021463
版权
本文介绍了如何使用GDI+在Win32应用中实现单行文本的格式化绘制，特别是支持不同颜色。由于GDI+本身不直接支持富文本，文章提出了一种解决方案，通过截取文本并利用`MeasureCharacterRanges`计算各部分的准确区域，避免多余的空白，实现了单行文本不同部分的样式设置。此外，还提供了相关的代码示例和资源下载链接。
摘要由CSDN通过智能技术生成

场景

  1. 在使用 Gdiplus 绘制文本时, 偶尔会遇到需要支持绘制格式化文本的时候，而 Gdiplus 在这方面并不好，没有官方提供支持的类，也不支持 HTML 标签和 CSS 的样式. 而大部分提供这类富文本的绘制目前我所知道的一种就是通过 Web控件 来处理的. 比如调用 Chromium 的渲染实现.

  2. 另外一种实现就是通过实现自定义的富文本 RichText 控件, QQ 以前就是用的富文本来实现，显示可能是HTML渲染？不过貌似现在它的聊天窗口也不支持一个消息里用两种字体设置不同的文本部分.

说明

  1. Gdiplus 常见的计算文本区域的方法是 graphics.MeasureString. 我们如果要绘制文本局部样式，那么一个方案就是通过把这段文本截取几部分，之后使用 DrawString 方法对不同部分进行设置不同的 Font 和 Color 里进行绘制, 从而不同部分显示不同的样式，问题是我们如何计算不同部分的文本所在的区域 RectF? 使用 MeasureString 分别计算不同的文本部分的 RectF，之后放入一个 vector, 在绘制的时候进行循环绘制。这个方案只能用于单行文本，还有一个问题就是每个部分在绘制时出现了多余的空白区域，导致每个文本部分间隔比较大。

  2. 使用 MeasureString 这个方法会会连文本的周围填充块 pad 都算上. 在Gdiplus里，由于 Graphics 设置了反锯齿之类的效果, 会在绘制时自动拉伸，填充锯齿等行为，导致计算的大小会偏大，并且在使用 DrawString 时如果设置的 RectF 小于它所计算的宽时，会绘制不出来。这个问题目前我还没找到解决办法。比如 MeasureString 得到的 RectF 宽我减少10个像素, 绘制时剩余区域还有，但是文字就是不显示出来, 如图1。

CClientDC dc(m_hWnd);
Gdiplus::Graphics graphics(dc);
graphics.SetPixelOffsetMode(Gdiplus::PixelOffsetModeHighQuality);
graphics.SetTextRenderingHint(Gdiplus::TextRenderingHintSystemDefault);
graphics.SetSmoothingMode(Gdiplus::SmoothingModeAntiAlias);

图1:
在这里插入图片描述

  1. Gdiplus 提供了 graphics.MeasureCharacterRanges 来获取一段范围文字的区域 Gdiplus::Region. 通过区域的 Region->GetBounds()来获取不包括外边填充 pad 部分的文本大小。我们借此来获取文本的最小宽度. 之后再通过把下一段文本的X坐标向左偏移的方式覆盖前面文本的 pad 部分来达到无多余空白区域的效果。
    如图2：

图2：
在这里插入图片描述

  1. 我封装了一个类，便于实现绘制单行的文本样式。至于换行的实现，暂时还没有好的方案.

代码

string_draw_object.h

#ifndef STRING_DRAW_UTIL_H
#define STRING_DRAW_UTIL_H

#include <Windows.h>
#include <vector>
#include <map>
#include <string>
#include <GdiPlus.h>
#include <tuple>

using namespace std;

typedef tuple<wstring,Gdiplus::RectF,Gdiplus::Color*,Gdiplus::Font*> GDIStringsFormat;

class StringDrawObject
{
public:
	StringDrawObject();

	inline StringDrawObject& SetFont(Gdiplus::Font* font){
		font_ = font;
		return *this;
	}

	inline StringDrawObject& SetColor(Gdiplus::Color* color){
		color_ = color;
		return *this;
	}

	inline StringDrawObject& SetString(const wchar_t* str){
		str_ = str;
		return *this;
	}

	inline StringDrawObject& SetKeyValue(const wchar_t* key,
		const wchar_t* value,Gdiplus::Color* color,Gdiplus::Font* font){
		sf_value_map_[key] = std::tuple<wstring,Gdiplus::Color*,Gdiplus::Font*>(value,color,font);
		return *this;
	}

	inline void ClearGDIStringsFormat(){
		sf_.clear();
	}

	inline void ClearSfValueMap(){
		sf_value_map_.clear();
	}

	inline StringDrawObject& SetOffsetXY(int offsetx,int offsety){
		offsetx_ = offsetx;
		offsety_ = offsety;
		return *this;
	}

	void CalcGDIStringsFormat(Gdiplus::Graphics* graphics);
	void DrawGDIStringsFormat(Gdiplus::Graphics* graphics);

private:
	Gdiplus::Font* font_;
	wstring str_;
	Gdiplus::Color* color_;
	map<wstring,tuple<wstring,Gdiplus::Color*,Gdiplus::Font*>> sf_value_map_;
	int offsetx_;
	int offsety_;
	vector<GDIStringsFormat> sf_;
};

#endif

string_draw_object.cpp

#include "stdafx.h"
#include "string_draw_object.h"
#include <regex>
#include <assert.h>

using namespace Gdiplus;

StringDrawObject::StringDrawObject()
{
	font_ = NULL;
	color_ = NULL;
	offsetx_ = 0;
	offsety_ = 0;
}

void StringDrawObject::DrawGDIStringsFormat(Gdiplus::Graphics* graphics)
{
	StringFormat strFormat;

	// 测试
	//Color color_green(Color::Green);
	//SolidBrush brush1(color_green);
	for(int i =0;i< sf_.size();++i){
		auto& one = sf_[i];
		auto& str_one = std::get<0>(one);
		auto rect_one = std::get<1>(one);
		auto color = std::get<2>(one);
		auto font = std::get<3>(one);
		rect_one.Offset(offsetx_,offsety_);

		//if(i%2 == 0)
		//	graphics->FillRectangle(&brush1,rect_one);

		SolidBrush brush(*color);
		graphics->DrawString(str_one.c_str(),str_one.size(),font,rect_one,&strFormat,&brush);
	}
}

// https://stackoverflow.com/questions/11708621/how-to-measure-width-of-a-string-precisely
// https://bbs.csdn.net/topics/391929399?page=1
// https://stackoverflow.com/questions/118686/measurestring-pads-the-text-on-the-left-and-the-right
// https://docs.microsoft.com/en-us/windows/win32/api/gdiplusgraphics/nf-gdiplusgraphics-graphics-measurecharacterranges
void StringDrawObject::CalcGDIStringsFormat(Gdiplus::Graphics* graphics)
{
	assert(str_.size() && font_ && color_ && graphics);

	wstring ptext;
	for(auto ite = sf_value_map_.begin();ite != sf_value_map_.end();++ite){
		auto& key = ite->first;
		ptext.append(key).append(L"|");
	}
	ptext.erase(ptext.end()-1);

	wregex pattern1(ptext);
	auto words_begin =
        wsregex_iterator(str_.begin(),str_.end(), pattern1);
	auto words_end = std::wsregex_iterator();

	wsmatch match;
	int posx = 0;
	int index = 0;
	StringFormat strFormat;
	strFormat.SetFormatFlags(StringFormatFlagsMeasureTrailingSpaces);
	StringFormat strFormatNoSpace;
	for (std::wsregex_iterator i = words_begin; i != words_end; ++i){

		std::wsmatch match = *i;
		size_t pos = match.position();
		size_t length = match.length();

		wstring str1 = str_.substr(index,pos-index);
		wstring str2 = str_.substr(pos,length);

		
		Region* r1 = NULL;
		RectF rect_temp;
		Gdiplus::RectF rect_default;
		if(str1.size()){
			strFormat.SetFormatFlags(StringFormatFlagsMeasureTrailingSpaces);
			r1 = new Region[1];
			rect_default.X = posx;
			graphics->MeasureString(str1.c_str(),str1.size(),font_,rect_default,&strFormat,&rect_default);

			CharacterRange charRanges[1] = { CharacterRange(0,str1.size())};
			strFormat.SetMeasurableCharacterRanges (1,charRanges);
			graphics->MeasureCharacterRanges(str1.c_str(), -1,font_, rect_default, &strFormat, 1, r1);
			r1->GetBounds(&rect_temp,graphics);
			rect_temp.X = rect_default.X;
			sf_.push_back(GDIStringsFormat(str1,rect_default,color_,font_));
			delete []r1;
		}
		

		///
		auto ite = sf_value_map_.find(str2);
		auto font_value = font_;
		Color* color_value = color_;
		if(ite != sf_value_map_.end()){
			auto& tt = ite->second;
			str2 = get<0>(tt);
			color_value = get<1>(tt);
			font_value = get<2>(tt);
		}

		strFormatNoSpace.SetFormatFlags(StringFormatFlagsMeasureTrailingSpaces);
		r1 = new Region[1];
		Gdiplus::RectF rect_attrib;
		rect_attrib.X = rect_temp.GetRight();
		graphics->MeasureString(str2.c_str(),str2.size(),font_value,rect_attrib,&strFormatNoSpace,&rect_attrib);
		
		CharacterRange charRanges[1] = {CharacterRange(0,str2.size())};
		strFormatNoSpace.SetMeasurableCharacterRanges (1,charRanges);
		graphics->MeasureCharacterRanges(str2.c_str(), -1,font_value, rect_attrib, &strFormatNoSpace, 1, r1);
		r1->GetBounds(&rect_temp,graphics);
		rect_temp.X = rect_attrib.X;
		posx = rect_temp.GetRight();

		// 可能前面没字符串
		if(rect_default.Height)
			rect_attrib.Y = rect_default.Y+(rect_default.Height-rect_attrib.Height)/2;

		delete []r1;
		sf_.push_back(GDIStringsFormat(str2,rect_attrib,color_value,font_value));

		index = pos+length;
	}

	if(index+1 <= str_.size()){
		auto xstr = str_.substr(index);
		Gdiplus::RectF rect_default;
		rect_default.X = posx;
		graphics->MeasureString(xstr.c_str(),xstr.size(),font_,rect_default,&strFormat,&rect_default);
		sf_.push_back(GDIStringsFormat(xstr,rect_default,color_,font_));
	}
}

调用 View.cpp

// View.cpp : implementation of the CView class
//
/

#include "stdafx.h"
#include "resource.h"
#include "atlmisc.h"
#include "View.h"

using namespace Gdiplus;

BOOL CView::PreTranslateMessage(MSG* pMsg)
{
	pMsg;
	return FALSE;
}

int CView::OnCreate(LPCREATESTRUCT lpCreateStruct)
{
	myview_.Create(m_hWnd,CRect(0,0,100,100));
	Gdiplus::FontFamily fontFamily(L"Arial");
	font_ = new Gdiplus::Font(&fontFamily,16,
			Gdiplus::FontStyleRegular,Gdiplus::UnitPixel);
	font_bold_ = new Gdiplus::Font(&fontFamily,24,
			Gdiplus::FontStyleBold,Gdiplus::UnitPixel);

	color_black_.SetValue(Gdiplus::Color::Black);
	color_red_.SetValue(Gdiplus::Color::Red);
	color_blue_.SetValue(Gdiplus::Color::Blue);

	/// 应用字符串格式化 //
	CClientDC dc(m_hWnd);
	Gdiplus::Graphics graphics(dc);
	graphics.SetPixelOffsetMode(Gdiplus::PixelOffsetModeHighQuality);
	graphics.SetTextRenderingHint(Gdiplus::TextRenderingHintSystemDefault);
	graphics.SetSmoothingMode(Gdiplus::SmoothingModeAntiAlias);

	sdo_.SetString(L"今天是考试得了 %number% 分, 因为我从 %url% 那里获得了指导.");
	sdo_.SetFont(font_);
	sdo_.SetColor(&color_black_);
	sdo_.SetOffsetXY(10,10);
	sdo_.SetKeyValue(L"%number%",L"100",&color_red_,font_);
	sdo_.SetKeyValue(L"%url%",L"https://infoworld.blog.csdn.net",&color_blue_,font_bold_);
	sdo_.CalcGDIStringsFormat(&graphics);

	return 0;
}

void CView::ShowMyView()
{
	myview_.ShowWindow(SW_SHOW);
}

LRESULT CView::OnPaint(UINT /*uMsg*/, WPARAM /*wParam*/, LPARAM /*lParam*/, BOOL& /*bHandled*/)
{
	CPaintDC hdc(m_hWnd);

	CRect client_rect;
	GetClientRect(&client_rect);
	CMemoryDC mdc(hdc,client_rect);
	mdc.FillSolidRect(client_rect,RGB(255,255,255));
	mdc.SetBkMode(TRANSPARENT);

	//背景图
	Gdiplus::Graphics graphics(mdc);
	graphics.SetPixelOffsetMode(Gdiplus::PixelOffsetModeHighQuality);
	graphics.SetTextRenderingHint(Gdiplus::TextRenderingHintSystemDefault);
	graphics.SetSmoothingMode(Gdiplus::SmoothingModeAntiAlias);

	sdo_.DrawGDIStringsFormat(&graphics);

	return 0;
}

项目下载

https://download.csdn.net/download/infoworld/12261663

参考

how-to-measure-width-of-a-string-precisely

c# winfrom GDI+ DrawString怎么画不同颜色的字

measurestring-pads-the-text-on-the-left-and-the-right

measurecharacterranges

Peter(阿斯拉达)
关注
专栏目录
订阅专栏
VC++ GDI+编程的字体和文本绘制
个人开发记录
05-10 1711
字体是文字显示和打印的外观形式，它包括了文字的字样、风格和尺寸等多方面的属性。适当地选用不同的字体，可以大大地丰富文字的外在表现力。例如，把文字中某些重要的字句用较粗的字体显示，能够体现出突出、强调的意图。当然，文本输出时还可使用其格式化属性和显示质量来优化文本显示的效果。　　字体属性和字体创建　　字体的属性有很多，这里主要介绍字样、风格和尺寸三个主要属性。　　字样是字符书写和显示时表现出
c# winfrom GDI+ DrawString怎么画不同颜色的字
cxu123321的博客
03-12 1954
protectedoverridevoidOnPaint(PaintEventArgse) { varg=e.Graphics; vars="床前明月光"; for(vari=0;i<s.Length;i++) ...
WPF中GDI+图形图像的绘制：（一）绘制文本——动态设置字体、大小、颜色
dnazhd的博客
05-14 7242
GDI+（Graphics Device Interface Plus图形设备接口加）是.NET框架的重要组成部分，负责在屏幕和打印机上绘制图形图像和显示信息。GDI+不但在功能上比GDI 要强大很多，而且在代码编写方面也更简单，因此很快成为了Windows图形图像程序开发的首选。 从程序设计的角度看，GDI包括两部分：GDI对象和GDI函数。GDI对象定义了GDI函数使用的工具和环境变量；而G...
【转】解决MeasureString 不准确的问题
sinolover的专栏
08-27 2418
转自：https://www.cnblogs.com/MRRAOBX/articles/7473803.html 我在将字符串(含中文)Draw到一幅图片上时发现不准这个问题的。 比如一幅图片的宽是400pixel,Graphics对象g的GraphicUnit是Pixel，我要画到图上的字符串是str,我用g.MeasureString(str.SubString(0,i),font)来计算前i个字符的宽度width.当width大于宽度时，停止循环，并将前i个字符画到图片上（使得文字靠右对齐），查看
GDI+学习及代码总结之------文本与字体
热门推荐
启舰
06-14 3万+
字体、字体系列基本概念与构造 字体系列 GDI+中将具有相同字样、包括不同风格的字体称为字体系列。字体从其系列中获得名称、重量（如粗体、规则、加亮）以及风格。例如Arial字体系列包含了下列4种字体： Arial Regular(规则)、Arial Bold(黑体)、Arial Italic（斜体）、Arial Bold Italic（粗斜体）； 在GDI+中输出文本之前，需要构造一个
thumbnail_clistctrl_gdiplus_src.zip_CListCtrl gdiplus_文件缩略图
07-14
这个"thumbnail_clistctrl_gdiplus_src.zip"压缩包包含了一个实现CListCtrl功能扩展的例子，即在列表视图中显示文件的缩略图。这个特性对于开发文件管理器或图像浏览器等需要直观展示文件内容的应用程序特别有用。 ...
gdiplus_windowsgdi+绘图类库_
10-03
GDI+（Graphics Device Interface Plus）是Windows操作系统中一个强大的图形处理库，它为开发者提供了丰富的C++类来实现复杂的2D图形绘制、图像处理和文本渲染。GDI+是GDI（Graphics Device Interface）的升级版，...
GUI.rar_16 png_VC GUI _gdiplus_png 动态
09-20
标题中的"GUI.rar_16 png_VC GUI _gdiplus_png 动态"指的是一个关于图形用户界面（GUI）的项目，使用Visual C++（VC++）编程语言，并且利用了GDI+库来处理PNG图像，特别是解决了16位颜色深度下PNG图像无法正常显示的...
GdiplusStartup.rar_GDI plus_gdi_gdi+_gdiplus_gdiplusstartup
09-20
6. **高级文本渲染**：提供高质量的文本渲染，支持字体样式、大小和颜色的变化。 `GdiplusStartup` 文件很可能是这个实例程序的主入口点，通常会包含初始化GDI+、创建绘图对象、绘制图形和清理资源等步骤。以下是一...
WinForm之装饰文字
最新发布
2301_78897890的博客
12-10 398
WinForm 是 Windows Form的简称，是基于.NET Framework 平台的客户端（PC软件）开发技术，一般使用C#编程。 在控件的属性里Font是设置文字的样式的ForeColor是设置字体的颜色，它有自定义 Web 和系统三种选择。 系统 web 自定义 由自己的需求而选择 BackColor是设置背景的颜色，颜色也是有多种多样的，同ForeColor的操作便可以选择自己所想要的颜色 上面都是开发者自己一开始根据要求或自己的喜好便定义好的，但有时候用户会
【转】VB6 GDI+ 入门教程（4）—— 文字绘制
几罗星人的专栏
11-26 6356
版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明 http://vistaswx.blogbus.com/logs/37306364.html 1.GDI+中文字的必须要素 首先，与其它软件一样，GDI+中的文字也有格式。画文字有多种画法，但是无论如何，我们都需要创建一个FontFamily，这其中包含了字体类型的信息，包括字体名称、字体对齐方式（需要设置）等等。一般的画
使用MeasureString测量字符串
忽隐忽现欢迎您
03-20 8060
（1）在窗体中测量字符串使用System.Drawing.Graphics的MeasureString函数 主要用它的2个重载函数 （1）Graphics.MeasureString 方法 (String, Font) ，测量用指定的 Font 对象绘制的指定字符串，返回 SizeF 结构。返回的SizeF就是测量字符串的打印在屏幕上的宽度和高度，默认以像素为单位，与Form中控件Size
使用GDI+ MeasureString方法计算显示 输入文本的长度
guoquan2003的专栏
08-20 7474
<br />// stdafx.h : include file for standard system include files,<br />//  or project specific include files that are used frequently, but<br />//      are changed infrequently<br />//<br />#if !defined(AFX_STDAFX_H__660C12D0_6133_459C_B633_7A2DFC9FFD72_
C++常用string函数
dk_0520的博客
04-05 340
string类的构造函数： string(const char *s);    //用c字符串s初始化 string(int n,char c);     //用n个字符c初始化 此外，string类还支持默认构造函数和复制构造函数，如string s1；string s2="hello"；都是正确的写法。当构造的string太长而无法表达时会抛出length_error异常 st
GDI+绘制自定义行距的文本的三种方法。
weixin_33895657的博客
04-21 702
　　在.NET中，绘制图形和文本用的是GDI+。 　　在实际的应用中，绘制多行文本是比较常见的，而且有时还要求在绘制多行文本时能指定文本的行间距。如下图： 　　 　　注：由于图太大，只截了左边部分的图，右边有一小部分没有截图。 　　上面这个示意图。一共18行文字，每行52个文字，行间距为1.5字符。 　　有关的GDI+的知识这里不再详细的介绍了。下面讲的是如何实现上面这个图的效果，给出三...
GDI 与 GDIPlus 获取文字宽度和高度的方法
左雪菲的专栏
12-31 3857
GDI 与 GDIPlus 获取文字宽度和高度的方法   /// GDI获得字体宽度的方法 CClientDC dc(this);   CFont font;   //Requested font height in tenths of a point. //For instance, pass 120 to request a 12-point font.)
GDI+ 文本测量方法
编程猿来如此
05-17 441
GDI+ 文本测量方法
GDI+入门（三、GDI+中文字操作）
01-05 2438
三、GDI+中文字操作using System.Drawing;using System.Drawing.Drawing2D;using System.Drawing.Text;private void button1_Click(object sender, EventArgs e)        {            Graphics g = this.Create
gdiplus拼接两张图片_全网最简单的人脸UV展开+拼接
05-24
您好，如果您想使用gdiplus拼接两张图片，可以按照以下步骤来实现： 1. 载入两张图片 使用Gdiplus::Image类的FromXXX方法载入两张图片，例如： ``` Gdiplus::Image* pImg1 = Gdiplus::Image::FromFile(L"image1....
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Peter(阿斯拉达)

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值