C# Winfrom 自定义控件——带图片的TextBox

2022-10-17,,,,

效果:

描述:

本来是想用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();
        }
    }

不足之处:

文本没能居中,可以把字体大小往上调让字体充满控件的高度。调整控件的大小之后,需要手动调整字体的大小

 

《C# Winfrom 自定义控件——带图片的TextBox.doc》

下载本文的Word格式文档,以方便收藏与打印。