原理：使用Popup控件，并且設(shè)置Popup控件的位置居中。

1：新建自定義控件PopupBorder,作為Popup的child。代碼如下：

新建PopupDemo頁面，代碼如下：
復(fù)制代碼 代碼如下:

<Grid x:Name="LayoutRoot">
        <StackPanel>
            <Button Content="Show" Click="ShowPopup_Clicked"></Button>
        </StackPanel>
    </Grid>

后臺cs代碼為：
復(fù)制代碼 代碼如下:

private void ShowPopup_Clicked(object sender, RoutedEventArgs e)
        {
            Popup popup = new Popup();
            //設(shè)置popup的Child屬性為自定義的用戶控件。
             popup.Child = new PopupBorder();
            popup.IsOpen = true;
        }

復(fù)制代碼 代碼如下:

popUp.LayoutUpdated += delegate
            {
                popUp.Margin = new Thickness(
                        (App.Current.Host.Content.ActualWidth - pborder.ActualWidth) / 2,
                        (App.Current.Host.Content.ActualHeight - pborder.ActualHeight) / 2,
                        0,
                        0);
            };

完整的代碼如下： 
復(fù)制代碼 代碼如下:

PopupBorder pborder = new PopupBorder();
Popup popUp = new Popup();
//設(shè)置popup的Child屬性為自定義的用戶控件。
popUp.Child = pborder;
popUp.LayoutUpdated += delegate
{
    popUp.Margin = new Thickness(
            (App.Current.Host.Content.ActualWidth - pborder.ActualWidth) / 2,
            (App.Current.Host.Content.ActualHeight - pborder.ActualHeight) / 2,
            0,
            0);
};
popUp.IsOpen = true;

運行可以發(fā)現(xiàn)彈出的消息已經(jīng)居中了，那么如何讓它自動消失呢？？,
要想自動消失還得使用定時器，過了一段時間后定時器將popUp控件的 IsOpen屬性設(shè)置為false，這樣窗口就關(guān)閉了。
于是在LayoutUpdated中增加定時器代碼：
復(fù)制代碼 代碼如下:

popUp.LayoutUpdated += delegate
            {
                popUp.Margin = new Thickness(
                        (App.Current.Host.Content.ActualWidth - pborder.ActualWidth) / 2,
                        (App.Current.Host.Content.ActualHeight - pborder.ActualHeight) / 2,
                        0,
                        0);
                System.Threading.Timer timer = new System.Threading.Timer(
                    (state) =>
                    {
                        popUp.Dispatcher.BeginInvoke(() =>
                        {
                            popUp.IsOpen = false;
                        });
                    }, null, 500, 500);
            };

在過了500秒后，將popUp. IsOpen設(shè)置為false。
運行可以發(fā)現(xiàn)窗口可以自動消失了。
 
可以看到彈出窗口一下就關(guān)閉了，那么能不能慢慢的漸變的消失呢？？
為了實現(xiàn)漸變的消失，那么就應(yīng)該使用動畫了。
首先在PopupBorder中增加
復(fù)制代碼 代碼如下:

<UserControl.Resources>
        <Storyboard x:Name="myStoryboard">
            <DoubleAnimation
                Storyboard.TargetName="LayoutRoot"
                Storyboard.TargetProperty="Opacity"
                    From="1.0" To="0" Duration="0:0:1"
                    AutoReverse="True" />
        </Storyboard>
    </UserControl.Resources>

當(dāng)然上面的PopupBorder代碼中已經(jīng)有了這段代碼了，動畫使用了DoubleAnimation,設(shè)置LayoutRoot 對象的Opacity屬性在1秒的時間內(nèi)從1，變到0。
接著在PopupDemo頁面的按鈕事件里面在popUp.Child = pborder;后面增加如下代碼來執(zhí)行動畫：
復(fù)制代碼 代碼如下:

//設(shè)置popup的Child屬性為自定義的用戶控件。
popUp.Child = pborder;
pborder.myStoryboard.Completed += delegate
{
    popUp.IsOpen = false;
};
pborder.myStoryboard.Begin();

然后將Clicked中的代碼進(jìn)行重構(gòu)。
新建MessageBoxHelper類：
代碼如下：
復(fù)制代碼 代碼如下:

public class MessageBoxHelper
{
    #region 提示消?息¡é
    /// <summary>
    /// 彈出提示消息標(biāo)題為提示，按鈕為確定
    /// </summary>
    /// <param name="msg"></param>
    public static void ShowMessage(string msg)
    {
        //ShowFriendMessage(msg, "提示", MessageBoxButton.OK);
        PopupBorder pborder = new PopupBorder();
        pborder.txtMessage.Text = " " + msg + " ";
        pborder.UpdateLayout();
        Popup popUp = new Popup();
        popUp.Child = pborder;

        pborder.myStoryboard.Completed += delegate
        {
            popUp.IsOpen = false;
        };
        pborder.myStoryboard.Begin();

        popUp.InvokeOnLayoutUpdated(() =>
        {
            popUp.Margin = new Thickness(
                (App.Current.Host.Content.ActualWidth - pborder.ActualWidth) / 2,
                (App.Current.Host.Content.ActualHeight - pborder.ActualHeight) / 2,
                0,
                0);
            System.Threading.Timer timer = new System.Threading.Timer(
                (state) =>
                {
                    popUp.Dispatcher.BeginInvoke(() =>
                    {
                        popUp.IsOpen = false;
                    });
                }, null, 500, 500);
        });
        popUp.IsOpen = true;
    }
    /// <summary>
    /// 彈出提示消息按鈕為確定
    /// </summary>
    /// <param name="msg"></param>
    public static void ShowMessage(string msg, string title)
    {
        ShowMessage(msg, title, MessageBoxButton.OK);
    }
    /// <summary>
    /// 彈出提示消息
    /// </summary>
    /// <param name="msg"></param>
    public static void ShowMessage(string msg, string title, MessageBoxButton buttons)
    {
        MessageBox.Show(msg, title, buttons);
    }
    #endregion
}

使用的時候只需要MessageBoxHelper.ShowMessage(“Hello World”);就可以了。注意別忘記了PopupBorder控件。

最新評論