Silverlight学习笔记十自定义SilverLight对话框

今天这一讲是用SilverLight作的自定义对话框（提示、警告、错误）

效果如图

一、定义俩个枚举类型BoxButton、MessageBoxType

1.BoxButton.cs它的目的在于指示按钮的类型。

 /// <summary>
    /// 按钮类型
    /// </summary>
    public enum BoxButton
    {
        /// <summary>
        /// 关闭按钮
        /// </summary>
        OK = 0,

        /// <summary>
        /// 确定、取消按钮
        /// </summary>
        OKCancel = 1,

        /// <summary>
        /// 是、否按钮
        /// </summary>
        YesOrNo = 2
    }

2.MessageBoxType.cs是对话框的类型(提示，错误，警告)

 /// <summary>
    /// 对话框类型
    /// </summary>
    public enum MessageBoxType
    {
        /// <summary>
        /// 错误对话框
        /// </summary>
        Error = 0,

        /// <summary>
        /// 警告对话框
        /// </summary>
        Warnnig = 1,

        /// <summary>
        /// 提示对话框
        /// </summary>
        Info = 2
    }

二、窗体程序

1.SLMessageBox.xaml

<controls:ChildWindow x:Class="Silverlight.Common.View.SLMessageBox"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
           xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
           MinWidth="200" MinHeight="120" 
           Title="提示" >

    <Grid x:Name="LayoutRoot" Margin="2">
        <Grid.RowDefinitions>
            <RowDefinition  Height="6"/>
            <RowDefinition  Height="30"/>
            <RowDefinition  Height="6"/>
            <RowDefinition Height="50" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition  Width="90"/>

            <ColumnDefinition Width="90" />
        </Grid.ColumnDefinitions>
        <Image Grid.Row="1" Width="16" Height="16"  Grid.Column="0" HorizontalAlignment="Left"  x:Name="msgPic"></Image>
        <TextBlock Grid.Row="1" Grid.ColumnSpan="2" x:Name="message" HorizontalAlignment="Center" VerticalAlignment="Center"/>

        <Button x:Name="btnOK"  Content="确定" Click="btnOK_Click"  Width="40" Height="23"  VerticalAlignment="Center" HorizontalAlignment="Center"   Grid.Row="23"  Grid.Column="0" HorizontalContentAlignment="Center"/>
        <Button x:Name="btnCancel"  Content="取消" Click="btnCancel_Click"  Width="40" Height="23"  VerticalAlignment="Center" HorizontalAlignment="Center"   Grid.Row="3"  Grid.Column="1"  HorizontalContentAlignment="Center"/>
        <Button x:Name="btnClose"  Content="关闭" Click="btnClose_Click"  Width="40" Height="23"  VerticalAlignment="Center" HorizontalAlignment="Center"   Grid.Row="3"  Grid.ColumnSpan="2" Visibility="Collapsed"  HorizontalContentAlignment="Center"/>

    </Grid>
</controls:ChildWindow>

2.SLMessageBox.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Windows.Media.Imaging;
using Silverlight.Common.Core;

namespace Silverlight.Common.View
{
    public partial class SLMessageBox : ChildWindow
    {
        public SLMessageBox()
        {
            InitializeComponent();

　　　　this.msgPic.Source = new BitmapImage(new Uri("http://images.cnblogs.com/info.jpg", UriKind.Relative));
        }

        /// <summary>
        /// 委托
        /// </summary>
        private Action showDialogHandler;

        #region 简单对话框
        /// <summary>
        /// 确定、取消对话框
        /// </summary>
        /// <param name="showDialogHandler">点击确定后要执行的方法</param>
        /// <param name="msg">信息</param>
        /// <param name="caption">对话框标题</param>
        public void showDialog(Action showDialogHandler, string msg, string caption)
        {
            this.message.Text = msg;
            if (!string.IsNullOrEmpty(caption))
            {
                this.Title = caption;
            }

            this.showDialogHandler = showDialogHandler;
            this.Show();
        }

        #endregion

        #region 对话框

        /// <summary>
        ///显示对话框
        /// </summary>
        /// <param name="showDialogHandler">点击“确定”按钮或“是”按钮后要执行的方法</param>
        /// <param name="msgType">对话框类型（16×16）</param>
        /// <param name="msg">显示的信息</param>
        /// <param name="caption">对话框标题</param>
        /// <param name="button">按钮样式</param>
        public void showDialog(Action showDialogHandler, string msg, MessageBoxType msgType, string caption, BoxButton button)
        {
            #region 信息

            this.message.Text = msg;

            #endregion

            #region 对话框标题

            if (!string.IsNullOrEmpty(caption))
            {
                this.Title = caption;
            }

            #endregion

            #region 图片样式

            switch (msgType)
            {
                case MessageBoxType.Error:
                    this.msgPic.Source = new BitmapImage(new Uri("../images/error.jpg", UriKind.Relative));
                    break;

                case MessageBoxType.Warnnig:
                    this.msgPic.Source = new BitmapImage(new Uri("../images/warning.jpg", UriKind.Relative));
                    break;

                case MessageBoxType.Info:
                    this.msgPic.Source = new BitmapImage(new Uri("../images/info.jpg", UriKind.Relative));
                    break;
            }

            #endregion

            #region 按钮样式

            switch (button)
            {
                case BoxButton.OK:
                    this.btnCancel.Visibility = Visibility.Collapsed;
                    this.btnOK.Visibility = Visibility.Collapsed;
                    this.btnClose.Visibility = Visibility.Visible;
                    break;

                case BoxButton.OKCancel:
                    this.btnCancel.Visibility = Visibility.Visible;
                    this.btnOK.Visibility = Visibility.Visible;
                    this.btnClose.Visibility = Visibility.Collapsed;
                    this.showDialogHandler = showDialogHandler;
                    break;

                case BoxButton.YesOrNo:
                    this.btnCancel.Content = "否";
                    this.btnOK.Content = "是";
                    this.btnCancel.Visibility = Visibility.Visible;
                    this.btnOK.Visibility = Visibility.Visible;
                    this.btnClose.Visibility = Visibility.Collapsed;
                    this.showDialogHandler = showDialogHandler;
                    break;
            }

            #endregion

            this.Show();
        }

        #endregion

        #region 按钮事件

        private void btnOK_Click(object sender, RoutedEventArgs e)
        {
            this.DialogResult = true;

            if (this.showDialogHandler != null)
            {
                this.showDialogHandler();
            }
        }

        private void btnCancel_Click(object sender, RoutedEventArgs e)
        {
            this.DialogResult = false;
        }

        private void btnClose_Click(object sender, RoutedEventArgs e)
        {
            this.Close();
        }

        #endregion
    }
}

3.是一个DataGrid用来演示效果的，前面已经介绍过了，在http://www.cnblogs.com/salam/archive/2010/07/12/1775891.html地址，本节中只是在

  <datagrid:DataGrid x:Name="dataGrid"  Width="820" Height="310" ColumnWidth="100"  ItemsSource="{Binding}" HorizontalAlignment="Stretch" VerticalAlignment="Top" Margin="4" MaxHeight="300" Grid.Column="1">中增加了右键菜单，用来演示自定义对话框。
                <input:ContextMenuService.ContextMenu>
                    <input:ContextMenu>
                        <input:MenuItem Header="分组显示" x:Name="cmiGrouping" Click="cmiGrouping_Click">
                            <input:MenuItem.Icon>
                                <Image Source="../Images/File.png"/>
                            </input:MenuItem.Icon>
                        </input:MenuItem>

                        <input:MenuItem Header="只读" x:Name="cmiOrder" Click="cmiOrder_Click">
                            <input:MenuItem.Icon>
                                <Image Source="../Images/key.png"/>
                            </input:MenuItem.Icon>
                        </input:MenuItem>

                        <input:MenuItem Header="删除" x:Name="cmiDelete" Click="cmiDelete_Click">
                            <input:MenuItem.Icon>
                                <Image Source="../Images/ButtonSaveAndClose.png"/>
                            </input:MenuItem.Icon>
                        </input:MenuItem>
                       
                    </input:ContextMenu>
                </input:ContextMenuService.ContextMenu>
                <datagrid:DataGrid.RowDetailsTemplate>
                    <DataTemplate>
                        <StackPanel Background="LightBlue">
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="This item has details." />
                            </StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="Here is some data: " />
                                <TextBlock Text="{Binding Name}" />
                                <TextBlock Text=" " />
                                <TextBlock Text="{Binding Password}" />
                            </StackPanel>
                        </StackPanel>
                    </DataTemplate>
                </datagrid:DataGrid.RowDetailsTemplate>
            </datagrid:DataGrid>

 

其它的就不多说了在http://www.cnblogs.com/salam/archive/2010/07/12/1775891.html已写啦。呵呵！本人比较懒

在这顺便说一下，如果能在程序中用枚举，还是不错的，我鼓励大家试着用。由于本人也是初学，所以大家不要见笑啊。

源代码地址：https://files.cnblogs.com/salam/Silverlight.Common.rar