原文連結：http://blog.csdn.net/u011389297/article/details/52203242
因為以前沒有接觸過WPF，所以在使用過程中遇到了很多的問題，就拿這次來說為了實現背景為充滿視窗的半透明的灰色彈框的效果時，就不知道怎麼實現了，在百度上查找了半天也沒有找到，後來在CSDN的論壇上看到一個人問了類似的問題，有人回答說：要分開製作兩個視窗，這給了我提示，後來終於做出來了。下面就是我的實現過程：

一開始我是隻使用一個面板來設定透明的後來發是不可以的，因為他會將裡面的內容也會透明化，就是這種效果 。
內容被透明化的視窗

具體程式碼如下：
主畫面的MainWindow.xaml

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="450" Width="725">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition
 
 Width="97*"/>
            <ColumnDefinition Width="319*"/>
            <ColumnDefinition Width="101*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="49*"/>
            <RowDefinition Height="220*"/>
            <RowDefinition
 
 Height="51*"/>
        </Grid.RowDefinitions>
        <Canvas x:Name="cav" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3">
            <!--放這個按鈕主要是為了說明，下面的那兩個面板並不影響控制元件的使用-->
            <Button Content="彈出提示框" Click="Button_Click" Canvas.Left="10" Canvas.Top="10" Width="112"></Button>
            <TextBlock Text="此處隨便寫一些東西" FontSize="20" Canvas.Left="210" Canvas.Top="10"></TextBlock>
        </Canvas>
        <Button Background="LightBlue" Content="中間隨便放一個大Button,將背景設定為淡藍色，方便觀察彈框" 
                Grid.Column="0" Grid.Row="1" Grid.ColumnSpan="3"></Button>
        <Button Content="點選彈出彈框" x:Name="btn" Grid.Column="0" Grid.Row="2" Grid.ColumnSpan="3" Click="btn_Click"></Button>
        <!--用作透明化的StackPanel-->
        <StackPanel x:Name="stpBG" Opacity="0.4">
            <ContentControl x:Name="ccl" Width="300" Height="300"></ContentControl>
        </StackPanel>
    </Grid>
</Window>

後臺程式碼MainWindow.xaml：

namespace WpfApplication1
{
    /// <summary>
    /// MainWindow.xaml 的互動邏輯
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void btn_Click(object sender, RoutedEventArgs e)
        {
            //將背景框的顏色設定為黑色，因為已經將透明度設定為0.4了，所以黑色才會顯示為灰色的效果
            stpBG.Background = Brushes.Black;

            //設定背景框充滿整個螢幕
            Grid.SetColumnSpan(stpBG, 3);
            Grid.SetRowSpan(stpBG, 3);

            //新增內容
            ccl.Content = new UserControl1();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("你看吧，不影響我的使用");
        }
    }
}

彈框的內容，因為彈框內容是一樣的，就是一個紅色背景的方框，所以下面我就不再貼上彈框的程式碼了UserControl1.xaml：

<UserControl x:Class="WpfApplication1.UserControl1"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid Background="Red">

    </Grid>
</UserControl>

因為發現這樣的效果並不理想。

於是就採用了兩個面板的方式，一個專門做為透明的背景，一個用來承接內容，效果如下：
在點選按鈕彈出彈框之前的效果 。

點選按鈕彈出彈框之後的效果

具體程式碼如下;
主畫面MainWindow.xaml：

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="450" Width="725">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="97*"/>
            <ColumnDefinition Width="319*"/>
            <ColumnDefinition Width="101*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="49*"/>
            <RowDefinition Height="220*"/>
            <RowDefinition Height="51*"/>
        </Grid.RowDefinitions>
        <Canvas x:Name="cav" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3">
            <!--放這個按鈕主要是為了說明，下面的那兩個面板並不影響控制元件的使用-->
            <Button Content="彈出提示框" Click="Button_Click" Canvas.Left="10" Canvas.Top="10" Width="112"></Button>
            <TextBlock Text="此處隨便寫一些東西" FontSize="20" Canvas.Left="210" Canvas.Top="10"></TextBlock>
        </Canvas>
        <Button Background="LightBlue" Content="中間隨便放一個大Button,將背景設定為淡藍色，方便觀察彈框" 
                Grid.Column="0" Grid.Row="1" Grid.ColumnSpan="3"></Button>
        <Button Content="點選彈出彈框" x:Name="btn" Grid.Column="0" Grid.Row="2" Grid.ColumnSpan="3" Click="btn_Click"></Button>
        <!--下面這兩個才是重點,對於作為背景採用什麼樣的面板是無所謂的，這裡我用的是StackPanel-->
        <StackPanel x:Name="stpBG" Opacity="0.4"></StackPanel>
        <!--承接具體彈框的內容的面板看個人的具體業務來選擇-->
        <StackPanel x:Name="stpContent" HorizontalAlignment="Center" VerticalAlignment="Center">
            <ContentControl x:Name="ccl" Width="300" Height="300"></ContentControl>
        </StackPanel>
    </Grid>
</Window>

後臺程式碼MainWindow.xaml：

namespace WpfApplication1
{
    /// <summary>
    /// MainWindow.xaml 的互動邏輯
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }

        private void btn_Click(object sender, RoutedEventArgs e)
        {
            //將背景框的顏色設定為黑色，因為已經將透明度設定為0.4了，所以黑色才會顯示為灰色的效果
            stpBG.Background = Brushes.Black;

            //設定背景框充滿整個螢幕
            Grid.SetColumnSpan(stpBG, 3);
            Grid.SetRowSpan(stpBG, 3);

            //內容的設定與背景一致
            Grid.SetColumnSpan(stpContent, 3);
            Grid.SetRowSpan(stpContent, 3);

            //新增內容
            ccl.Content = new UserControl1();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("你看吧，不影響我的使用");
        }
    }
}