自定义 richtextbox 控件字距调整问题
Custom richtextbox control kerning issues
好的,所以我已经做了一段时间的工作,我已经到了计划文本渲染部分的地步。
我已经可以用两种方式绘制文本字符串; DrawString 和 TextRenderer.DrawText。我更喜欢 DrawText,因为使用 TextRenderer.Measure 文本时测量文本更准确。
我有一个 class:
public class Character
{
public string character {get; set; }
public Font font {get; set; }
public Point position {get; set; }
}
以及所有按下的字符的列表:
public List<Character> chars = new List<Character>();
现在我的问题是我需要能够在运行时为任何给定的选定字符或单词设置不同的字体和颜色以及粗体或斜体。所以我不能只绘制整个字符串,因为这样我就无法为用户选择更改的每个字符设置单独的字体设置。
所以我需要能够为每个字符存储不同的字体样式信息,然后将它们全部添加到列表中,这样我就可以遍历每个字符并按应绘制的方式绘制每个字符(即每个字符都有自己的风格等)。
这个解决方案对我来说效果很好。由于几个月来我一直无法在任何地方找到有关此的任何信息,所以我完全被困住了。
我的主要问题是,因为我是一个字符一个字符地绘制,所以我不知道每个字符应该与之前绘制的字符(字距调整)相距多远。
对于输入(文本框)控件,我们如何自定义绘制文本并允许用户将单词的一部分设置为蓝色,而将单词的另一半设置为不同的大小、颜色和样式,例如,同时仍坚持正确的字距调整设置?
我们怎么知道在哪里绘制每个字符?
人们说只要继续一次重新启动整个字符串即可。但这并不能解决我最初的问题。我需要能够一个一个地绘制每个字符,这样我就可以保存关于它的字体信息。
Kerning 和 Character Spacing 不同,如果您想完全控制代码打印的内容,您可能需要同时实现.
让我们先看一个示例输出:
图像一 显示直接输出,字符间距为 1 像素,无字距调整。
图像二应用了一些字距调整,但仅适用于三个字距调整对。
我试图通过绘制字符文本测量的结果来使事情更清楚。还有一个平铺的 1 像素光栅作为面板背景图像。 (为了更好地查看,您可能需要下载 png 文件!)
private void panel2_Paint(object sender, PaintEventArgs e)
{
string fullText = "Text;1/2' LTA";
StringFormat strgfmt = StringFormat.GenericTypographic;
Font font = new Font("Times", 60f, FontStyle.Regular);
float x = 0f;
using (SolidBrush brush = new SolidBrush(Color.FromArgb(127, 0, 127, 127)))
{
for (int i = 0; i < fullText.Length; i++)
{
string text = fullText.Substring(i, 1);
SizeF sf = e.Graphics.MeasureString(text, font, 9999, strgfmt );
e.Graphics.FillRectangle(brush, new RectangleF(new PointF(x, 0f), sf));
e.Graphics.DrawString(text, font, Brushes.Black, x, 0, strgfmt );
x += sf.Width + 1; // character spacing = +1
//if (i < fullText.Length - 1) doKerning(fullText.Substring(i, 2), ref x);
}
}
}
void doKerning(string c12, ref float x)
{
if (smallKerningTable.ContainsKey(c12)) x -= smallKerningTable[c12];
}
Dictionary<string, float> smallKerningTable = new Dictionary<string, float>();
void initKerningTable()
{
smallKerningTable.Add("Te", 7f);
smallKerningTable.Add("LT", 8f);
smallKerningTable.Add("TA", 11f);
//..
}
背景是这样创建的:
public Form1()
{
InitializeComponent();
Bitmap bmpCheck2 = new Bitmap(2, 2);
bmpCheck2.SetPixel(0, 0, Color.FromArgb(127, 127, 127, 0));
panel2.BackgroundImage = bmpCheck2;
panel2.BackgroundImageLayout = ImageLayout.Tile;
//..
}
如果您想使用字距调整,则需要建立更长的字距调整 table。
在现实生活中,排版师和字体设计师手动执行此操作,认真查看字形,调整字距,直到看起来非常好。
这是相当昂贵的,而且仍然不包括字体混合。
所以您可能想要
- 毕竟不使用字距调整。 确保使用
StringFormat.GenericTypographic
选项来测量和绘制字符串!
- 为一些特别有问题的字符创建小字距 table,例如 'L'、'T'、'W'、“V”和 'A' ..
- 编写代码为您需要的所有对创建完整的字距调整 table 或者..
- 所有对
要编写代码来创建字距调整 table,您需要:
- 为每个字符创建位图
- 迭代所有对和
- 将第二个位图向左移动,直到一些不透明/黑色像素发生碰撞。
- 移动不应该比宽度的一半更远,否则距离应该重置为 0,因为一些字符对根本不会碰撞并且不应该有任何字距调整,例如:'^_ ' 或 '.-'
如果您想混合使用字体和/或 FontStyles,则必须扩展字距 table 的键以包含字符所具有的两种相应字体和样式的一些 ID..
好的,所以我已经做了一段时间的工作,我已经到了计划文本渲染部分的地步。
我已经可以用两种方式绘制文本字符串; DrawString 和 TextRenderer.DrawText。我更喜欢 DrawText,因为使用 TextRenderer.Measure 文本时测量文本更准确。
我有一个 class:
public class Character
{
public string character {get; set; }
public Font font {get; set; }
public Point position {get; set; }
}
以及所有按下的字符的列表:
public List<Character> chars = new List<Character>();
现在我的问题是我需要能够在运行时为任何给定的选定字符或单词设置不同的字体和颜色以及粗体或斜体。所以我不能只绘制整个字符串,因为这样我就无法为用户选择更改的每个字符设置单独的字体设置。
所以我需要能够为每个字符存储不同的字体样式信息,然后将它们全部添加到列表中,这样我就可以遍历每个字符并按应绘制的方式绘制每个字符(即每个字符都有自己的风格等)。
这个解决方案对我来说效果很好。由于几个月来我一直无法在任何地方找到有关此的任何信息,所以我完全被困住了。
我的主要问题是,因为我是一个字符一个字符地绘制,所以我不知道每个字符应该与之前绘制的字符(字距调整)相距多远。
对于输入(文本框)控件,我们如何自定义绘制文本并允许用户将单词的一部分设置为蓝色,而将单词的另一半设置为不同的大小、颜色和样式,例如,同时仍坚持正确的字距调整设置?
我们怎么知道在哪里绘制每个字符?
人们说只要继续一次重新启动整个字符串即可。但这并不能解决我最初的问题。我需要能够一个一个地绘制每个字符,这样我就可以保存关于它的字体信息。
Kerning 和 Character Spacing 不同,如果您想完全控制代码打印的内容,您可能需要同时实现.
让我们先看一个示例输出:
图像一 显示直接输出,字符间距为 1 像素,无字距调整。
图像二应用了一些字距调整,但仅适用于三个字距调整对。
我试图通过绘制字符文本测量的结果来使事情更清楚。还有一个平铺的 1 像素光栅作为面板背景图像。 (为了更好地查看,您可能需要下载 png 文件!)
private void panel2_Paint(object sender, PaintEventArgs e)
{
string fullText = "Text;1/2' LTA";
StringFormat strgfmt = StringFormat.GenericTypographic;
Font font = new Font("Times", 60f, FontStyle.Regular);
float x = 0f;
using (SolidBrush brush = new SolidBrush(Color.FromArgb(127, 0, 127, 127)))
{
for (int i = 0; i < fullText.Length; i++)
{
string text = fullText.Substring(i, 1);
SizeF sf = e.Graphics.MeasureString(text, font, 9999, strgfmt );
e.Graphics.FillRectangle(brush, new RectangleF(new PointF(x, 0f), sf));
e.Graphics.DrawString(text, font, Brushes.Black, x, 0, strgfmt );
x += sf.Width + 1; // character spacing = +1
//if (i < fullText.Length - 1) doKerning(fullText.Substring(i, 2), ref x);
}
}
}
void doKerning(string c12, ref float x)
{
if (smallKerningTable.ContainsKey(c12)) x -= smallKerningTable[c12];
}
Dictionary<string, float> smallKerningTable = new Dictionary<string, float>();
void initKerningTable()
{
smallKerningTable.Add("Te", 7f);
smallKerningTable.Add("LT", 8f);
smallKerningTable.Add("TA", 11f);
//..
}
背景是这样创建的:
public Form1()
{
InitializeComponent();
Bitmap bmpCheck2 = new Bitmap(2, 2);
bmpCheck2.SetPixel(0, 0, Color.FromArgb(127, 127, 127, 0));
panel2.BackgroundImage = bmpCheck2;
panel2.BackgroundImageLayout = ImageLayout.Tile;
//..
}
如果您想使用字距调整,则需要建立更长的字距调整 table。
在现实生活中,排版师和字体设计师手动执行此操作,认真查看字形,调整字距,直到看起来非常好。
这是相当昂贵的,而且仍然不包括字体混合。
所以您可能想要
- 毕竟不使用字距调整。 确保使用
StringFormat.GenericTypographic
选项来测量和绘制字符串! - 为一些特别有问题的字符创建小字距 table,例如 'L'、'T'、'W'、“V”和 'A' ..
- 编写代码为您需要的所有对创建完整的字距调整 table 或者..
- 所有对
要编写代码来创建字距调整 table,您需要:
- 为每个字符创建位图
- 迭代所有对和
- 将第二个位图向左移动,直到一些不透明/黑色像素发生碰撞。
- 移动不应该比宽度的一半更远,否则距离应该重置为 0,因为一些字符对根本不会碰撞并且不应该有任何字距调整,例如:'^_ ' 或 '.-'
如果您想混合使用字体和/或 FontStyles,则必须扩展字距 table 的键以包含字符所具有的两种相应字体和样式的一些 ID..