Click here to Skip to main content
16,021,621 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 604K   32.9K   137   104
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

 
QuestionThe text of AlphaBlendTextBox display abnormal Pin
Member 1624323327-Apr-24 19:51
Member 1624323327-Apr-24 19:51 
Bugwhat Pin
Member 154209786-Nov-21 12:01
Member 154209786-Nov-21 12:01 
GeneralRe: what Pin
OriginalGriff6-Nov-21 12:06
mveOriginalGriff6-Nov-21 12:06 
QuestionTextbox over Picturebox Pin
_ Sk3tch26-Sep-16 0:24
_ Sk3tch26-Sep-16 0:24 
AnswerRe: Textbox over Picturebox Pin
Member 1032934410-Apr-18 18:41
Member 1032934410-Apr-18 18:41 
QuestionGetting cross image on AlphaBlendTextbox control Pin
WaqasGhouri20-Dec-15 20:43
WaqasGhouri20-Dec-15 20:43 
PraiseStill useful! Pin
Mr.TMG15-Dec-15 19:26
Mr.TMG15-Dec-15 19:26 
GeneralMy vote of 5 Pin
Mojtaba Rezaeian29-Oct-15 10:50
Mojtaba Rezaeian29-Oct-15 10:50 
Questionproblem in font Pin
Member 1144657826-Jun-15 0:20
Member 1144657826-Jun-15 0:20 
QuestionHow can I change the blinking cursor custom in alphablend Textbox? Pin
WaqasGhouri14-Apr-15 8:29
WaqasGhouri14-Apr-15 8:29 
Questionhow can we take this textbox multiple times? Pin
AhsanNajam6-Mar-14 7:18
AhsanNajam6-Mar-14 7:18 
QuestionThanks Pin
Member 102694573-Mar-14 0:55
Member 102694573-Mar-14 0:55 
QuestionProblem in Windows 7 Pin
jdebabrata18-Sep-13 15:05
professionaljdebabrata18-Sep-13 15:05 
QuestionNot see text when inheritance from RichTextBox Pin
Poledo8-Aug-13 17:28
Poledo8-Aug-13 17:28 
GeneralMy vote of 5 Pin
behzad_khan7-Aug-13 3:04
behzad_khan7-Aug-13 3:04 
GeneralMy vote of 5 Pin
karim_orooji25-Jul-13 21:54
karim_orooji25-Jul-13 21:54 
QuestionGood Concept But there are other easy ways Pin
Nochdarus2-Jun-13 10:17
Nochdarus2-Jun-13 10:17 
QuestionThe text alignment is buggy Pin
dgogoasa7-Apr-13 13:27
dgogoasa7-Apr-13 13:27 
GeneralMy vote of 5 Pin
pcs041417-Dec-12 2:38
pcs041417-Dec-12 2:38 
QuestionCannot Download Pin
DotusLeg27-Oct-12 12:35
DotusLeg27-Oct-12 12:35 
QuestionAlphaBlendTextBox.dll Pin
vlad78113-Jul-12 20:36
vlad78113-Jul-12 20:36 
AnswerRe: AlphaBlendTextBox.dll Pin
JasonHoliday7613-Aug-12 11:00
JasonHoliday7613-Aug-12 11:00 
QuestionVSC# 2010 Pin
vlad78112-Jul-12 21:46
vlad78112-Jul-12 21:46 
QuestionGreat job! Thx Pin
Lamar Seifuddin5-Jul-12 13:13
Lamar Seifuddin5-Jul-12 13:13 
GeneralMy vote of 5 Pin
eyedia29-Jun-12 6:00
eyedia29-Jun-12 6:00 

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.