How do I make my form transparent, but what I draw on it not?

Question

I tried setting the opacity of my form to 50%, and then drawing a string on it. It seems that the string I draw on it also has an opacity of 50%. How would I draw a non transparent string , but let the form background show through 50%?

Would also be willing to do this in WPF if it is possible, but I would need explicit instructions or an example project as I have never done it before.

To clarify, I want the form background to be a black 80% opaque to what is underneath, and then I want to draw text, etc.. on it and have it appear 100% opaque.

Answer 1

You can use the TransparencyKey.

http://msdn.microsoft.com/en-us/library/system.windows.forms.form.transparencykey.aspx

Answer 2

in the ControlStyles enumeration MSDN there is a value called SupportsTransparentBackColor. In your form contructor run this:

SetStyle(ControlStyles.UserPaint, true);
SetStyle(ControlStyles.OptimizedDoubleBuffer, true);
SetStyle(ControlStyles.SupportsTransparentBackColor, true);

then you can set the background color to Color.Transparent.

Hope this helps.

Answer 3

Use TransparencyKey to render the window as transparent. Create an empty panel with the background color of your and give it the desired opacity.

Then create all your children in a separate container/panel (itself a sibling to the translucent panel created above), and have it not render a background at all.

This should give you the effect of a translucent background but visible controls.

Answer 4

This is very easily done in WPF:

1. Set WindowStyle="None" on the Window (note: this is required, you cannot have Transparency and the standard windows chrome)
2. Set AllowsTransparency="True" on the Window
3. Set a Background on the Window using a brush with transparency, such as Background="#AAFFFFFF"

Here's a quick sample:

<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
Height="300" Width="300" AllowsTransparency="True" Background="#AAFFFFFF" WindowStyle="None">
<Grid>
 <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="20" FontWeight="Bold">Hello World!</TextBlock>
</Grid>

Now obviously, since you've disabled the standard Windows chrome, you will need to supply your own button to close/minimize/maximize/drag the window. You can do this pretty easily yourself or you could look into purchasing something like Blendables which comes with a "Chromeless Window" control that you could use.

Answer 5

In winforms, MSDN says this:

The Opacity property enables you to specify a level of transparency for the form and its controls. When this property is set to a value less than 100 percent (1.00), the entire form, including borders, is made more transparent.

So, any child controls of the form that you set opacity on will have their opacity changed. If you want to achieve different levels of opacity on individual controls, you'll have to switch to WPF.

Answer 6

I assume that this is a WinForms project, though you said you’d be willing to try WPF.

Lemme switch to my lateral thinking cap: Any particular reason you couldn’t just fake it? As in, make a bitmap in PhotoShop Elements or Paint Shop Pro or some such that you will set as the entire background of the WinForm, and you simply draw the partially transparent area over which the controls will be placed right on that bitmap?