C# Winfrom 自定义控件——带图片的TextBox
程序员文章站
2022-05-18 15:20:45
使用PictureBox和TextBox组合控件的形式完成一个自定义的带图片的文本输入框。 ......
效果:
描述:
本来是想用gdi在左边画图片上去的,文本是居中对齐,如果文本是左对齐,文本会把图片遮住控件长这样:
但这样做,输入框在获取焦点时候,会把图片挡住就像这样:
输入完成之后图片就会显示完整。所以我又采用了picturebox+textbox组合的方式来完成这种效果。完成这种效果需要完成以下步骤:
0.分别设置picturebox和textbox的控件的anchor和dock属性,这样在窗体上拉动控件大小的时候,图片框和文本输入框能一起变大;
1.调整textbox的border为none;
2.调整picturebox的backcolor为white;
3.调整作为控件载体的usercontrol的backcolor为white;
4.设置作为控件载体的usercontrol的borderstyle为fixedsingle;因为这里需要重绘usercontorl的边框就需要这样的设置,我这里重绘成了darkred颜色。
提醒:
如果你想写一些文本框的事件就要像定义mytextchanged那样暴露出来。还有就是,这里如果override usercontrolde的onpaint方法我是没能完成控件边框的重绘。
(我也不清楚什么时候重写wndproc什么时候重写onpaint。)
代码:
public partial class mypicturertextbox : usercontrol { public mypicturertextbox() { initializecomponent(); this.borderstyle = borderstyle.fixedsingle; } private image userimg; [description("文本框里的图片")] public image userimg { get { return userimg; } set { if (value != null) { this.img.image = value; } userimg = value; } } private string txt; [description("输入的文本")] public string txt { get { return txt; } set { if (!string.isnullorempty(value)) { this.textbox.text = value; } txt = value; } } [description("textchanged事件")] public event eventhandler mytextchanged; private void textbox_textchanged(object sender, eventargs e) { mytextchanged?.invoke(sender, e); } /// <summary> /// 获得当前进程,以便重绘控件 /// </summary> /// <param name="hwnd"></param> /// <returns></returns> [system.runtime.interopservices.dllimport("user32.dll")] static extern intptr getwindowdc(intptr hwnd); [system.runtime.interopservices.dllimport("user32.dll")] static extern int releasedc(intptr hwnd, intptr hdc); protected override void wndproc(ref message m) { base.wndproc(ref m); if (m.msg == 0xf || m.msg == 0x133) { //拦截系统消息,获得当前控件进程以便重绘。 //一些控件(如textbox、button等)是由系统进程绘制,重载onpaint方法将不起作用. //所有这里并没有使用重载onpaint方法绘制textbox边框。 // //msdn:重写 onpaint 将禁止修改所有控件的外观。 //那些由 windows 完成其所有绘图的控件(例如 textbox)从不调用它们的 onpaint 方法, //因此将永远不会使用自定义代码。请参见您要修改的特定控件的文档, //查看 onpaint 方法是否可用。如果某个控件未将 onpaint 作为成员方法列出, //则您无法通过重写此方法改变其外观。 // //msdn:要了解可用的 message.msg、message.lparam 和 message.wparam 值, //请参考位于 msdn library 中的 platform sdk 文档参考。可在 platform sdk(“core sdk”一节) //下载中包含的 windows.h 头文件中找到实际常数值,该文件也可在 msdn 上找到。 intptr hdc = getwindowdc(m.hwnd); if (hdc.toint32() == 0) { return; } //只有在边框样式为fixedsingle时自定义边框样式才有效 if (this.borderstyle == borderstyle.fixedsingle) { //边框width为1个像素 system.drawing.pen pen = new pen(brushes.darkred, 1); //绘制边框 system.drawing.graphics g = graphics.fromhdc(hdc); g.smoothingmode = system.drawing.drawing2d.smoothingmode.antialias; g.drawrectangle(pen, 0, 0, this.width - 1, this.height - 1); pen.dispose(); } //返回结果 m.result = intptr.zero; //释放 releasedc(m.hwnd, hdc); } } protected override void onresize(eventargs e) { base.onresize(e); this.refresh(); } }
不足之处:
文本没能居中,可以把字体大小往上调让字体充满控件的高度。调整控件的大小之后,需要手动调整字体的大小