欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-18 15:20:45
使用PictureBox和TextBox组合控件的形式完成一个自定义的带图片的文本输入框。 ......

效果:

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

描述:

本来是想用gdi在左边画图片上去的,文本是居中对齐,如果文本是左对齐,文本会把图片遮住控件长这样:
C#  Winfrom 自定义控件——带图片的TextBox
但这样做,输入框在获取焦点时候,会把图片挡住就像这样:
C#  Winfrom 自定义控件——带图片的TextBox
输入完成之后图片就会显示完整。所以我又采用了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();
        }
    }

不足之处:

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