Click here to Skip to main content
15,867,308 members
Articles / Programming Languages / Visual Basic
Article

AlphaBlendTextBox - A transparent/translucent textbox for .NET

Rate me:
Please Sign up or sign in to vote.
4.85/5 (74 votes)
23 Jun 2003CPOL4 min read 582.1K   32.6K   136   103
A transparent/translucent textbox for .NET

Sample Image - AlphaBlendTextBox1.gif

Introduction

While working on another multi-media program, I found myself in need of a transparent edit control (TextBox) for .NET. I soon discovered that if there is one out there, then it must be so transparent that I just can't find it. In my searches, I did find that there is an AlphaBlend filter available for web buttons hosted by IE, but I could find none for Win Forms. So I set out to write one.

I present here version 1.0 of AlphaBlendTextBox written in C#. Be warned that it is not fully tested, not fully optimized and is not yet in use in any production system. However, I wanted to submit it here, hoping that some of you will find the control and it's source code useful.

A big note: I have used Visual Studio .NET 2003 and .NET framework 1.1 to create this control and the sample projects. I will repost a VS2002 .NET 1.0 version as soon as I can.

Background

While designing this control, I decided that the best method would be to subclass the existing TextBox control, so that the new control could be used anywhere that the original TextBox control could. A quick discovery was that the TextBox control is a real pain to subclass. Several programmers out there have noted that it can be an all-or-nothing process.

This is because in the current versions of .NET, the TextBox control is just a wrapper for the old Win32 control. This makes it difficult to modify. If you override the OnPaint method for the control, it is ignored unless you change the control's style to UserPaint. However, doing this keeps the control from drawing itself at all, until the user selects some text, and even then painting is erratic.

Back to my original problem. I wanted a TextBox control that was transparent to the background. While looking through the help files, I noticed that the .NET controls have a new style called SupportsTransparentBackColor that would seem to do the trick. However, this style requires that the UserPaint style be set, and as noted above this keeps the TextBox control from drawing itself. Worse yet, when the TextBox did paint, it still had a solid background.

After several weeks of frustration, I came up with this solution: subclass the TextBox control and add a PictureBox to the control that gets displayed, instead of the original TextBox.

When the control needs to be painted, it does the following:

  • temporarily sets the UserPaint style to false
  • captures a bitmap of the original TextBox by sending a WM_PRINT message
  • switches back to UserPaint style
  • uses a ColorMap to convert the solid background into a transparent/alpha background
  • figures out where the caret should be and draws it if necessary
  • then copies the new alpha image to the PictureBox, which when drawn will be blended with the background

In addition, the PictureBox had to be overridden so that any mouse event sent to it would be redirected to the TextBox. Also, several public properties and methods of the TextBox had to be overridden, such as Font, MultiLine, etc.

Using the code

This control can be used in the same manner as the standard TextBox control. I have compiled the control as a control library (DLL) file. To use this control from the Visual Studio designer, simply right click on the tool bar and choose "Add/Remove Items" and then click "Browse" and browse to the AlphaBlendTextBox.dll file. After doing this, the AlphaBlendTextBox control should appear in your tool bar (under "My User Controls" if you have VS2003). Now you can drag the control to a form and use it just like the original TextBox control. The control has a new property named BackAlpha that will allow you to set the control's background alphablend value. The range is 0 for transparent, 255 for opaque, or in between for translucent.

Properties snap shot

Another way to use the control is to add it to your project, using the "Project:Add Reference" menu. The control is under the ZBobb namespace so you can then use code like below:

// Sample C# code
private ZBobb.AlphaBlendTextBox alphaBlendTextBox1; 
private void Form1_Load(object sender, System.EventArgs e)
{
    alphaBlendTextBox1 = new ZBobb.AlphaBlendTextBox();
    alphaBlendTextBox1.Location = new System.Drawing.Point(32, 16);
    this.alphaBlendTextBox1.Text = "Hello";
    alphaBlendTextBox1.BackAlpha = 0; // Totally transparent
    this.Controls.Add(this.alphaBlendTextBox1);
 }

The control can also be used in Visual Basic .NET and I have included a sample VB project.

Conclusion

This is my first posting to the Code Project. The Code Project has been a great source of help to me in my programming and I am glad to finally be able to give something back. I look forward to hearing your comments and suggestions, and I hope that this posting can be useful to you.

History

  • Version 1.0 released June 24, 2003.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Web Developer
United States United States
Bob Bradley is a full time Computer Science instructor at the University of Tennessee at Martin. He has been preoccupied with computers since his first Commodore Vic-20. He is currently interested in XNA/XBox-360 programming!

Comments and Discussions

 
GeneralThanks so much! Pin
Le Van Long6-May-10 22:53
Le Van Long6-May-10 22:53 
GeneralI need something like this Pin
hang_em5-May-10 1:13
hang_em5-May-10 1:13 
Generalworking great! Pin
superman0128-Feb-10 10:16
superman0128-Feb-10 10:16 
GeneralSuper Bob! Pin
Loi KG7-Nov-09 1:32
Loi KG7-Nov-09 1:32 
Generalgetting Object reference not set to an instance of an object. in OnLostFocus event handler when entering a field Pin
Jim Darrah21-Jul-09 10:48
Jim Darrah21-Jul-09 10:48 
GeneralThanks. Pin
joeyprest1-Mar-09 17:59
joeyprest1-Mar-09 17:59 
GeneralLicense Pin
Lexx212-Dec-08 1:34
Lexx212-Dec-08 1:34 
GeneralRe: License Pin
Bob Bradley15-Dec-08 6:30
Bob Bradley15-Dec-08 6:30 
I have just set the license to this article and code to The Code Project Open License (CPOL).

Anybody may use it how ever they see fit. However, at this time I cannot provide any support for it, other than the support provided via this message board.
AnswerRe: License Pin
Lexx216-Dec-08 5:55
Lexx216-Dec-08 5:55 
GeneralRe: License Pin
chafferm6-May-11 6:21
chafferm6-May-11 6:21 
QuestionEvent Pin
brajoh25-Sep-08 3:31
brajoh25-Sep-08 3:31 
Questionbegg Pin
Isakku27-Aug-08 9:02
Isakku27-Aug-08 9:02 
Questionwhy that works? Pin
dennis.zeng25-Aug-08 1:26
dennis.zeng25-Aug-08 1:26 
GeneralCool stuff Thx Pin
Member 154854310-Aug-08 5:16
Member 154854310-Aug-08 5:16 
GeneralIf I use RichTextBox, then I need to modify what part so that the control can work. Pin
xuezt10-Jun-08 4:19
xuezt10-Jun-08 4:19 
QuestionAlphablendTextBox Pin
anant124-Mar-08 20:32
anant124-Mar-08 20:32 
GeneralProblem with Forecolor Pin
jeff_v27-Feb-08 21:54
jeff_v27-Feb-08 21:54 
GeneralRe: Problem with Forecolor Pin
coocooletmoi24-Aug-10 6:13
coocooletmoi24-Aug-10 6:13 
GeneralNice Work Pin
JamesParsons29-Jan-08 9:25
JamesParsons29-Jan-08 9:25 
GeneralEASY Option Pin
deanpugh18-Jan-07 3:02
deanpugh18-Jan-07 3:02 
JokeRe: EASY Option Pin
titwan6-Jun-07 22:40
professionaltitwan6-Jun-07 22:40 
GeneralRe: EASY Option Pin
xxjnxx29-Oct-07 19:48
xxjnxx29-Oct-07 19:48 
GeneralWORKS GREAT THANKS Pin
Stephen_Lahti11-Jan-07 15:50
Stephen_Lahti11-Jan-07 15:50 
Generalcursor in RTL Pin
Mohammad Hammad17-Dec-06 4:56
Mohammad Hammad17-Dec-06 4:56 
GeneralSomething similar for Compact Framework Pin
Bennne24-Nov-06 4:01
Bennne24-Nov-06 4:01 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.