您的位置:首页 > 其它

【原译】一个可定制的WPF任务对话框

2012-09-22 14:11 274 查看
今天实在看WPF揭秘的时候看到TaskDialog这个控件的。然后就去找了一下开源的代码。在codeproject上发现了这个,非常给力。。另外codeproject改版后很漂亮哦。



介绍:
这是用WPF实现Vista上TaskDialog效果的代码。

Messagbox消息框
通过调用重写的静态Show方法。TaskDialog就会表现的像一个Messagebox。他有四个文本类型的属性:Header(头部), Content(内容), Detail(更多), 和 Footer(底部),其实Detail是一个折叠的区域, 而Header和Footer还有一个icon属性(HeaderIcon和FooterIcon),除此之外,Header还有Background(背景)和Foreground(前景)属性

// TaskDialog.Show方法签名
publicstaticTaskDialogResult Show(
stringtitle,
stringheader,
stringcontent,
stringdetail,
stringfooter,
TaskDialogButton button,
TaskDialogResult defaultResult,
TaskDialogIcon headerIcon,
TaskDialogIcon footerIcon,
Brush headerBackground,
Brush headerForeground)

// TaskDialog.Show 方法的一个例子
TaskDialog.Show("Task Dialog 测试",
"消息框的标题文字",
"消息框的内容部分. "+
" 可以自适应内容.",
"消息框的细节部分 "+
"可以自适应内容",
"消息框的底部.",
TaskDialogButton.Ok,
TaskDialogResult.None,
TaskDialogIcon.Information,
TaskDialogIcon.Shield,
Brushes.White,
Brushes.Navy);


定制TaskDialog
使用静态的Show方法。Header, Content, Detail, 和Footer 就限制了只能传递字符串作为值了。
为了定义这个对话框,你先创建TaskDialog类的一个对象,然后分别设置一下各个属性,最后调用Show方法就可以了

// TaskDialog 实例化例子
TaskDialog dialog=newTaskDialog();
dialog.Title="TaskDialog example";
dialog.HeaderIcon=TaskDialogIcon.Warning;
dialog.SystemSound=TaskDialogSound.Exclamation;
// header 属性设置
dialog.Header="This is the Header.";
dialog.HeaderBackground=Brushes.DarkGray;
dialog.HeaderForeground=Brushes.White;
// Content, Detail 和 Footer属性设置
dialog.Content="This is the content";
dialog.Detail="This is the detail";
dialog.Footer="this is the Footer";
dialog.Show();


TaskDialog控件派生自HeaderedContentControl类,因为从HeaderedContentControl类可以获得Header和Content属性,TaskDialog仅仅是添加了Detail和Footer属性,这些属性是Object类型,并且有他们自己的template(模板)属性HeaderTemplate, ContentTemplate, DetailTemplate, 和 FooterTemplate),TaskDialog类对于文本内容有着缺省的数据模板,当然你也可以用那四个模板来替换,这样你就可以以你喜欢的任何方式来格式化文本了。下面这个图展示了通过斜体和下划线来格式化文本。




图2

//为上面这个图的content属性的 DataTemplate 模板
<DataTemplatex:Key="_customContentDataTemplate">
<TextBlock Text="{Binding Content,
RelativeSource={RelativeSource FindAncestor,
AncestorType={x:Type Controls:TaskDialog}}}"
FontStyle="Italic"
TextDecorations="Underline"
TextWrapping="Wrap"/>
</DataTemplate>


因为Header,Content,Detail和Footer是object类型,因此不再受到只能是文本的限制了,你可以防止你喜欢的任何类型到TaskDialog,下面这个例子中的TaskDialog是不是很像UAC的提示呢。这里Content属性是一个UserControl类型,放置了一个图片和一些文本还有两个CommandButtons(都是普通的按钮。。不过添加了一些定制的样式,再加了Header属性)




图三

一个模拟vista的文件拷贝窗口的TaskDialog。。




图四

额外的一些有意思的属性

下面是TaskDialog暴露的属性列表(按字母表排序)
Button1Text: string类型,当TaskDialogButton属性被设置为Custom的时候,用来设置按钮的文字
Button2Text: 同上
Button3Text: 同上
DefaultResult: TaskDialogResult类型. 设置缺省的按钮
IsButton1Enabled: bool类型. 获取或设置按钮的Enabled状态
IsButton2Enabled: 同上
IsButton3Enabled: 同上
IsCloseButtonEnabled: bool类型. 获取或设置窗口关闭按钮的Enabled状态 (缺省为false)
IsExpanded: bool类型,获取或是设置Detail部分的可见性。
IsModal: bool类型,获取或是设置对话框是不是模态的
ShowInTaskBar: bool类型,获取或是设置对话框是不是显示在任务栏中
SystemSound: TaskDialogSound类型. 设置当对话框显示的时候播放的声音
TaskDialogButton: TaskDialogButton类型. 显示在对话框上的按钮可以是None, Ok, OkCancel, YesNo, YesNoCancel, or Custom (查看上面提到的按钮设置)
Title: string类型,对话框的标题
ToggleButtonTexts: TaskDialogToggleButtonTexts提供了两个属性来设置toggle按钮的这个属性,当toggle 按钮折叠或是展开的时候 (缺省是’Show Details’ 和’Hide Details’).
TopMost: 设置对话框是否置顶

Demo

下载TaskDialog例子,查看Window1.xaml中按钮的单击事件,来看TaskDialog是如何被创建的。。

版权:本文,包括源代码和文件,在CPOL下授权。

原文地址:A-Customizable-WPF-TaskDialog

著作权声明:本文由http://leaver.me 翻译,欢迎转载分享。请尊重作者劳动,转载时保留该声明和作者博客链接,谢谢!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: