Windows Store apps开发[49]自定义MessageDialog

注:本文由BeyondVincent(破船)原创首发

        转载请注明出处:BeyondVincent(破船)@DevDiv.com

Windows Store apps开发[49]自定义MessageDialog_第1张图片


更多内容请查看下面的帖子


[DevDiv原创]Windows 8 开发Step by Step



小引

上一篇文章介绍了Windows Store app中自带的MessageDialog的使用。那个控件使用起来是很方便,但有时候我们想要自己风格的MessageDialog,这时候自带的就满足不了我们的需求。那么在这篇文章中,我将介绍如何自定义MessageDialog。


自定义MessageDialog关键技术点

1、自定义控件,在该控件可以写我们想要的对话框。

2、使用Popup来显示自定义控件


制作步骤

1、新建空白工程,名称为BV_CustomizeMessageDialog
2、在项目工程上单击右键,选择添加->新建项->选择用户控件->输入名称MyUserControl,然后确定
如下图

Windows Store apps开发[49]自定义MessageDialog_第2张图片

Windows Store apps开发[49]自定义MessageDialog_第3张图片



在MyUserControl.xaml文件中,设计自己的对话框

Windows Store apps开发[49]自定义MessageDialog_第4张图片

在MyUserControl.xaml.cs中,添加如下代码,用于关闭popup

Windows Store apps开发[49]自定义MessageDialog_第5张图片

这样就完成了自定义控件

2、在Main.xaml布局中添加一个Popup控件,先别显示出来,即IsLightDismissEnabled= “False”,等需要的时候在显示出来。这里注册了一个Closed事件,用于处理当对话框关闭时,的事件逻辑。

<Popup Name="popup" Closed="popup_Closed_1" IsLightDismissEnabled="False">
        </Popup>

在Main.xaml.cs文件中,添加如下代码,将自定义控件通过Popup显示出来。
Windows Store apps开发[49]自定义MessageDialog_第6张图片


至此,代码完毕

运行效果


show按钮


Windows Store apps开发[49]自定义MessageDialog_第7张图片

点击show按钮,对话框显示:

Windows Store apps开发[49]自定义MessageDialog_第8张图片

代码下载地址:
http://www.devdiv.com/thread-166668-1-1.html


你可能感兴趣的:(Windows Store apps开发[49]自定义MessageDialog)