前阵子开发一个小软件,由于添加到ListBox中的单项文本可能会非常长。默认情况下ListBox会只显示一部分:
而这个软件要求每一项如果内容多了就多行显示,也就是如下的效果:
这个就用到了WinForm中的自绘(OwnerDraw)技术,也就是自定义控件的绘制代替系统的默认绘制,做法也比较套路:1)设置控件的DrawMode属性为OwnerDrawVariable;2)监听控件的MeasureItem事件,计算每一项的显示高度;3)监听控件的DrawItem事件,绘制每一项的内容。
具体例子代码如下:
using System;
using System.Drawing;
using System.Windows.Forms;
namespace WindowsFormsApp9
{
public partial class Form1 : Form
{
private const int ITEM_PADDING = 10;//各项之间的边距
public Form1()
{
InitializeComponent();
listBox1.DrawMode = DrawMode.OwnerDrawVariable;
listBox1.DrawItem += ListBox1_DrawItem;
listBox1.MeasureItem += ListBox1_MeasureItem;
string[] items = new string[]{ "DNSPod称,该事件将影响部分家用路由器用户,访问所有网络服务时DNS解析被调度到江苏电信或周边线路,因跨网、跨省、节点容量等原因造成访问延迟升高或访问失败。",
"近日我们监控到多起客户在全国各地各运营商流量被调度到江苏电信的问题,经过与第三方的合作分析排查确认,这是一起大规模的黑产攻击事件,非DNSPod问题。",
"引导报障用户检查无线路由器DNS是否被黑客篡改,并及时修正DNS。可改为运营商默认DNS或者我们对外提供的公共DNS:119.29.29.29或119.28.28.28。建议DNSPod客户临时将江苏电信线路调整使用BGP节点进行覆盖。目前DNSPod也在联合第三方和有关部门(CNCERT等)进一步分析处理,有最新消息将及时同步,详情请关注后续DNSPod及CNCERT的公告。" };
listBox1.Items.AddRange(items);
}
private void ListBox1_MeasureItem(object sender, MeasureItemEventArgs e)
{
ListBox listBox = sender as ListBox;
int index = e.Index;//获取当前要进行绘制的行的序号,从0开始。
if (index < 0)
{
return;
}
string text = Convert.ToString(listBox.Items[index]);
//超范围后自动换行
Size size = TextRenderer.MeasureText(index + ":" + text, listBox.Font, listBox.Size, TextFormatFlags.WordBreak);
e.ItemWidth = size.Width;
e.ItemHeight = size.Height + ITEM_PADDING*2;//适当多一点高度,避免太挤
}
private void ListBox1_DrawItem(object sender, DrawItemEventArgs e)
{
int index = e.Index;//获取当前要进行绘制的行的序号,从0开始。
if (index < 0)
{
return;
}
ListBox listBox = sender as ListBox;
e.DrawBackground();//画背景颜色
e.DrawFocusRectangle();//画聚焦项的边框
Graphics g = e.Graphics;//获取Graphics对象。
Rectangle itemBounds = e.Bounds;//获取当前要绘制的行的一个矩形范围。
//文字绘制的区域,留出一定间隔
Rectangle textBounds = new Rectangle(itemBounds.X, itemBounds.Y + ITEM_PADDING, itemBounds.Width, itemBounds.Height);
string text = Convert.ToString(listBox.Items[index]);
//因为文本可能会非常长,因此要用自绘实现ListBox项目的自动换行
TextRenderer.DrawText(g, index + ":" + text, e.Font, textBounds, e.ForeColor,
TextFormatFlags.WordBreak);
g.DrawRectangle(Pens.Blue, itemBounds);//画每一项的边框,这样清楚分出来各项。
}
}
}
最后感慨一下,类似这样的效果如果用WPF或者Electron等hybrid的解决方案,完全没必要这么麻烦,几行代码就搞定,这里强烈建议大家以及我自己:开发窗口程序尽量不要用WinForm了,复杂效果很麻烦的,WPF、Electron等是更好的选择。