博客园_hades

在Silverlight中请谨慎使用MVVM

2010-09-21T09:07:00Z

在Silverlight中请谨慎使用MVVM

1.设计时的支持问题.

当VM中需要引用到webservice返回数据时,在VS的设计界面会出现如图bug，在设计时非常不方便。

2.导航问题.

无法在MVVM中实现导航,很多案例曲线救国,要么改用HyperlinkButton,要么通过加载第三方dll实现导航。

3.大量的代码.

1) Properties 可以这样理解View和ViewModel之间的关系，View中需要呈现多少特性，ViewModel就必须有多少个对应的Properties。这些Properties将与View绑定，而且在绑定这些Properties时必须小心，它们是没有智能感应的，就算写错了，也不会报错。

2) 同样要在ViewModel中实现大量的方法。在逻辑处理方面的代码量等同于传统模式中的后台代码量。

3) 为了处理某些特殊事件，还需要额外编码。

实际上MVVM中的代码量是要多于传统的后台编码方式。而且View中表现的信息越多，需要多写的代码量也就越多。毫无疑问会影响到项目进度。所以，有些地方能更巧妙，更方便解决问题的时候，请不要执着与某种模式，毕竟我们是为了完成产品，而不是为了完成模式。

4. 异步处理.

由于Silverlight和WPF不同，在Silverlight中大量的是异步操作，因此也必须谨慎处理。

在我的项目中，我们暂时只在Security这里运用了 MVVM，我们发现通过绑定方式可以很方便的将权限与业务逻辑分开。

比如，对某个按钮的isEnable状态，我们在业务逻辑中进行了控制。如果需要加入权限管理，传统的处理方式通常会通过增加标识等方法使得业务逻辑与权限控制能匹配起来，而继承ICommand的代理事件中的 CanExecute 方法很轻松就能将这两者分开。当然这只是很小的一个案例，MVVM在解耦UI和业务逻辑以及数据方面的作用是很大的。不过，还是开篇的那句话，在Silverlight中请谨慎使用MVVM。

以上纯属个人意见,若有不足还望指正。

本文链接

Silverlight Chart 综合运用(样式、多轴、数据绑定、点状图、线形图、DataGrid、Chart导出综合运用)

2010-08-13T01:43:00Z

前面的文章，我们已经介绍过样式、数据绑定、点状图、线形图在Silverlight中的基本运用方法。这一章，我们将之前的内容融合起来，并进行一定的扩展。

在下面，我们将实现下图功能：

该图呈现的是一个典型的SQC图(Statistical Quality Control) 图中包含以下内容：

1、Chart、Legend、点、线、的样式设置。

2、多Y轴。图中设置了两个Y轴，第一轴(左) 与数据标准线绑定，显示标准值区间。第二轴(右)与采样点绑定，显示采样数值区间。取样数据。

3、Chart中的Series_SelectionChanged事件，与DataGrid联动。

4、数据标准线。本图中有四条，分别为Warning Limit Up/Warning Limit Low 和 Control Limit Up/Control Limit Low。

5、图中显示了被选择的8个采样点，他们的值分别分布在被数据标准线划分的几个区间内。

6、Chart的导出。(导出功能的实现请看这里)

第一步：在页面上加载需要的控件

我们在页面上放置一个Chart控件，一个DataGrid,一对Button，然后对Chart的每个列进行数据绑定设置。

<navigation:Page
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
x:Class="MySilverlightTest.Control_ChartMultipleAxis"
Title=""
d:DesignWidth="1024" d:DesignHeight="768"
xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"
xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit"
xmlns:toolkitChart="clr-namespace:System.Windows.Controls.DataVisualization.Charting;assembly=System.Windows.Controls.DataVisualization.Toolkit"
>
<Grid x:Name="LayoutRoot">
<Grid.RowDefinitions>
<RowDefinition Height="493*" />

</Grid.RowDefinitions>
<toolkitChart:Chart Height="620" HorizontalAlignment="Left" Margin="12,16,0,0" Name="chart" VerticalAlignment="Top" Width="987" BorderThickness="0"></toolkitChart:Chart>
<sdk:DataGrid IsReadOnly="True" ItemsSource="{Binding}" AutoGenerateColumns="False" HorizontalAlignment="Left" Name="dataGrid1" Width="851" Margin="39,623,0,0" CanUserReorderColumns="False" CanUserResizeColumns="True" CanUserSortColumns="False" ColumnWidth="100" Height="59" VerticalAlignment="Top">
<sdk:DataGrid.Columns>
<sdk:DataGridTextColumn Binding="{Binding Local}" CanUserReorder="True" CanUserResize="True" CanUserSort="True" Header="Time" Width="120" />
<sdk:DataGridTextColumn Binding="{Binding AnalyzerComponent}" CanUserReorder="True" CanUserResize="True" CanUserSort="True" Header="Analyzer & Component" Width="150" />
<sdk:DataGridTextColumn Binding="{Binding Description}" CanUserReorder="True" CanUserResize="True" CanUserSort="True" Header="Description" Width="150" />
<sdk:DataGridTextColumn Binding="{Binding Value}" CanUserReorder="True" CanUserResize="True" CanUserSort="True" Header="Value" Width="50" />
<sdk:DataGridTextColumn Binding="{Binding Quality}" CanUserReorder="True" CanUserResize="True" CanUserSort="True" Header="Quality" Width="70" />
<sdk:DataGridTextColumn Binding="{Binding Unit}" CanUserReorder="True" CanUserResize="True" CanUserSort="True" Header="Unit" Width="80" />
<sdk:DataGridTextColumn Binding="{Binding EngineeringLow}" CanUserReorder="True" CanUserResize="True" CanUserSort="True" Header="Engineering Low" Width="Auto" />
<sdk:DataGridTextColumn Binding="{Binding EngineeringHigh}" CanUserReorder="True" CanUserResize="True" CanUserSort="True" Header="Engineering High" Width="Auto" />
</sdk:DataGrid.Columns>
</sdk:DataGrid>
<Button Content="Export" Height="22" HorizontalAlignment="Left" Margin="373,700,0,0" Name="btnExport" VerticalAlignment="Top" Width="65" Click="btnExport_Click" />
<Button Content="Close" Height="22" HorizontalAlignment="Left" Margin="554,700,0,0" Name="btnClose" VerticalAlignment="Top" Width="65" />
</Grid>
</navigation:Page>

然后就需要在后台对数据以及Chart中的各各对象进行设置了。

为点、线、Chart、第二Y轴、Legend定义样式 (关于样式的基本使用方法请看这里和这里)

1 //Chart样式
2 Style ChartAreaStyle = new System.Windows.Style();
3 ChartAreaStyle.TargetType = typeof(System.Windows.Controls.Grid);
4
5 //分别对四条线(两种类型)设置样式
6 Style controlLimitStyle = new System.Windows.Style();
7 controlLimitStyle.TargetType = typeof(System.Windows.Controls.Control);
8
9 Style warningLimitStyle = new System.Windows.Style();
10 warningLimitStyle.TargetType = typeof(System.Windows.Controls.Control);
11
12 //设置线形图中点的样式
13 Style dataPointStyle = new System.Windows.Style();
14 dataPointStyle.TargetType = typeof(System.Windows.Controls.Control);
15
16 Style hideStyle = new System.Windows.Style();
17 hideStyle.TargetType = typeof(System.Windows.Controls.Control);
18
19 //设置时间的显示格式
20 Style timeStyle = new System.Windows.Style();
21 timeStyle.TargetType = typeof(System.Windows.Controls.Control);
22
23 //为Style设置Setter
24 Setter controlLimitsetterTemplate = new Setter(System.Windows.Controls.Control.TemplateProperty, null);
25 Setter warningLimitsetterTemplate = new Setter(System.Windows.Controls.Control.TemplateProperty, null);
26 Setter setterBlue = new Setter(System.Windows.Controls.Control.BackgroundProperty, new SolidColorBrush(Colors.Blue));
27 Setter setterGreen = new Setter(System.Windows.Controls.Control.BackgroundProperty, new SolidColorBrush(Color.FromArgb(255, 0, 255, 0)));
28 Setter setterRed = new Setter(System.Windows.Controls.Control.BackgroundProperty, new SolidColorBrush(Colors.Red));
29 Setter setterHide = new Setter(System.Windows.Controls.Control.VisibilityProperty, Visibility.Collapsed);
30 Setter setterArea = new Setter(Grid.BackgroundProperty, new SolidColorBrush(Color.FromArgb(255, 255, 255, 180)));
31 Setter setterTime = new Setter(AxisLabel.StringFormatProperty, "{0:HH:mm}");
32
33 dataPointStyle.Setters.Add(setterBlue);
34 warningLimitStyle.Setters.Add(warningLimitsetterTemplate);
35 controlLimitStyle.Setters.Add(controlLimitsetterTemplate);
36 warningLimitStyle.Setters.Add(setterGreen);
37 controlLimitStyle.Setters.Add(setterRed);
38 hideStyle.Setters.Add(setterHide);
39 ChartAreaStyle.Setters.Add(setterArea);
40 timeStyle.Setters.Add(setterTime);

定义X轴，Y轴和第二Y轴。

1 //定义X轴
2 IAxis dateAxis = new DateTimeAxis { Orientation = AxisOrientation.X, Title = "时间", IntervalType = DateTimeIntervalType.Minutes, Interval = 30, AxisLabelStyle = timeStyle };
3 //定义Y轴
4 IAxis valueAxis = new LinearAxis { Orientation = AxisOrientation.Y, Location = AxisLocation.Left, Title = "Lines", Minimum = -10, Maximum = 10, ShowGridLines = true };
5 //定义需要绑定的轴
6 IRangeAxis rangeAxis = new LinearAxis
7 {
8 Orientation=AxisOrientation.Y,//指定为Y轴
9 Location=AxisLocation.Right,//呈现在右侧
10 Title = "Range Axis",
11 FontSize = 14,
12
13 //设置轴的区间
14 Minimum = -20,
15 Maximum = 20,
16
17 //这里使用了两种方法设置颜色
18 Background = new SolidColorBrush(Color.FromArgb(255, 255, 255, 100)),
19 Foreground=new SolidColorBrush(Colors.Blue),
20 };

模拟数据

1 Random random = new Random();
2
3 _dynamicDateItemsSource = new List<DateTimeValue>();
4
5 //准备数据
6 for (int i = 0; i < 9; i++)
7 {
8 DateTimeValue lv = new DateTimeValue();
9 lv.Datetime = new DateTime(2008, 10, 1, 13, 22, 5).AddHours(i);
10 double rad = random.NextDouble();
11 if (i%2==0)
12 rad = -1 * rad;
13 double num = Math.Round(20 * rad, 2);
14 lv.Value = num;
15 lv.Data = new List<PVData> {
16 new PVData {
17 Local = "Root.AREA5.PV" + i,
18 AnalyzerComponent = "52QA007 D-90",
19 Description = "DISTLL'N 90% BP",
20 Value =num,
21 Quality = "GOOD",
22 Unit = "degC",
23 EngineeringLow = i* 4 + i,
24 EngineeringHigh = (i+1) * 3 -i,
25 }
26 };
27 _dynamicDateItemsSource.Add(lv);
28 }

lines 4条线分别为 warnLimitUp/Low 和 controlLimitUp/Low

1 LineSeries warnLimitUp =
2 new LineSeries
3 {
4 ItemsSource = warningLimitUpDate,
5 IndependentValueBinding = new Binding("Datetime"),
6 DependentValueBinding = new Binding("Value"),
7 Title = "Warning Limit",
8 DataPointStyle = warningLimitStyle,
9 LegendItemStyle = hideStyle,//隐藏不需要显示在Legend上的对象
10 };
11
12 LineSeries warnLimitLow =
13 new LineSeries
14 {
15 ItemsSource = warningLimitLowDate,
16 IndependentValueBinding = new Binding("Datetime"),
17 DependentValueBinding = new Binding("Value"),
18 Title = "Warning Limit",
19 DataPointStyle = warningLimitStyle
20 };
21
22 LineSeries controlLimitUp =
23 new LineSeries
24 {
25 ItemsSource = controlLimitUpDate,
26 IndependentValueBinding = new Binding("Datetime"),
27 DependentValueBinding = new Binding("Value"),
28 Title = "Contrl Limit",
29 DataPointStyle = controlLimitStyle,
30 LegendItemStyle = hideStyle
31 };
32
33 LineSeries controlLimitLow =
34 new LineSeries
35 {
36 ItemsSource = controlLimitLowDate,
37 IndependentValueBinding = new Binding("Datetime"),
38 DependentValueBinding = new Binding("Value"),
39 Title = "Contrl Limit",
40 DataPointStyle = controlLimitStyle
41 };

对采样点设置样式，以及绑定到第二Y轴

1 ScatterSeries scatterSeries = new ScatterSeries()
2 {
3 ItemsSource = _dynamicDateItemsSource,
4 Title = "Validation Value",
5 DataPointStyle = dataPointStyle,
6 IsSelectionEnabled = true,
7 IndependentValueBinding = new Binding("Datetime"),
8 DependentValueBinding = new Binding("Value"),
9 DependentRangeAxis = rangeAxis,//绑定的RangeAxis会自动显示在Chart中
10 };

11 //注册采样点被选中时的事件。

12 scatterSeries.SelectionChanged += new SelectionChangedEventHandler(scatterSeries_SelectionChanged);

绑定数据到DataGrid

1 void scatterSeries_SelectionChanged(object sender, SelectionChangedEventArgs e)
2 {
3 DateTimeValue dtv = e.AddedItems[0] as DateTimeValue;
4 dataGrid1.DataContext = dtv.Data;
5 }

下面附上完整代码：

using System;
using System.Collections.Generic;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Navigation;
using System.Windows.Controls.DataVisualization.Charting;
using System.Windows.Data;

namespace MySilverlightTest
{
public partial class Control_ChartMultipleAxis : Page
{
public class PVData
{
public string Local
{ get; set; }

public string AnalyzerComponent
{ get; set; }

public string Description
{ get; set; }

public double Value
{ get; set; }

public string Quality
{ get; set; }

public string Unit
{ get; set; }

public int EngineeringLow
{ get; set; }

public int EngineeringHigh
{ get; set; }

}

public class DateTimeValue
{
public DateTime Datetime
{
get;
set;
}

public double Value
{
get;
set;
}

public List<PVData> Data
{ get; set; }
}

public class LineValue
{
public DateTime Datetime
{ get; set; }
public double Value
{ get; set; }
}

private List<DateTimeValue> _dynamicDateItemsSource = new List<DateTimeValue>();

private List<LineValue> warningLimitUpDate = new List<LineValue>
{
new LineValue{ Datetime= new DateTime(2008, 10, 1,13,22,5),Value=4.0,},
new LineValue{ Datetime= new DateTime(2008, 10, 1,22,22,5),Value=4.0},
};
private List<LineValue> warningLimitLowDate = new List<LineValue>
{
new LineValue{ Datetime= new DateTime(2008, 10, 1,13,22,5),Value=-4.0},
new LineValue{ Datetime= new DateTime(2008, 10, 1,22,22,5),Value=-4.0},
};
private List<LineValue> controlLimitUpDate = new List<LineValue>
{
new LineValue{ Datetime= new DateTime(2008, 10, 1,13,22,5),Value=6},
new LineValue{ Datetime= new DateTime(2008, 10, 1,22,22,5),Value=6},
};
private List<LineValue> controlLimitLowDate = new List<LineValue>
{
new LineValue{ Datetime= new DateTime(2008, 10, 1,13,22,5),Value=-6},
new LineValue{ Datetime= new DateTime(2008, 10, 1,22,22,5),Value=-6},
};

public Control_ChartMultipleAxis()
{
InitializeComponent();
Loaded += new RoutedEventHandler(Control_ChartMultipleAxis_Loaded);
}

void Control_ChartMultipleAxis_Loaded(object sender, RoutedEventArgs e)
{
#region Styles
//Chart样式
Style ChartAreaStyle = new System.Windows.Style();
ChartAreaStyle.TargetType = typeof(System.Windows.Controls.Grid);

//分别对四条线(两种类型)设置样式
Style controlLimitStyle = new System.Windows.Style();
controlLimitStyle.TargetType = typeof(System.Windows.Controls.Control);

Style warningLimitStyle = new System.Windows.Style();
warningLimitStyle.TargetType = typeof(System.Windows.Controls.Control);

//设置线形图中点的样式
Style dataPointStyle = new System.Windows.Style();
dataPointStyle.TargetType = typeof(System.Windows.Controls.Control);

Style hideStyle = new System.Windows.Style();
hideStyle.TargetType = typeof(System.Windows.Controls.Control);

//设置时间的显示格式
Style timeStyle = new System.Windows.Style();
timeStyle.TargetType = typeof(System.Windows.Controls.Control);

//为Style设置Setter
Setter controlLimitsetterTemplate = new Setter(System.Windows.Controls.Control.TemplateProperty, null);
Setter warningLimitsetterTemplate = new Setter(System.Windows.Controls.Control.TemplateProperty, null);
Setter setterBlue = new Setter(System.Windows.Controls.Control.BackgroundProperty, new SolidColorBrush(Colors.Blue));
Setter setterGreen = new Setter(System.Windows.Controls.Control.BackgroundProperty, new SolidColorBrush(Color.FromArgb(255, 0, 255, 0)));
Setter setterRed = new Setter(System.Windows.Controls.Control.BackgroundProperty, new SolidColorBrush(Colors.Red));
Setter setterHide = new Setter(System.Windows.Controls.Control.VisibilityProperty, Visibility.Collapsed);
Setter setterArea = new Setter(Grid.BackgroundProperty, new SolidColorBrush(Color.FromArgb(255, 255, 255, 180)));
Setter setterTime = new Setter(AxisLabel.StringFormatProperty, "{0:HH:mm}");

dataPointStyle.Setters.Add(setterBlue);
warningLimitStyle.Setters.Add(warningLimitsetterTemplate);
controlLimitStyle.Setters.Add(controlLimitsetterTemplate);
warningLimitStyle.Setters.Add(setterGreen);
controlLimitStyle.Setters.Add(setterRed);
hideStyle.Setters.Add(setterHide);
ChartAreaStyle.Setters.Add(setterArea);
timeStyle.Setters.Add(setterTime);

#endregion

//定义X轴
IAxis dateAxis = new DateTimeAxis { Orientation = AxisOrientation.X, Title = "时间", IntervalType = DateTimeIntervalType.Minutes, Interval = 30, AxisLabelStyle = timeStyle };
//定义Y轴
IAxis valueAxis = new LinearAxis { Orientation = AxisOrientation.Y, Location = AxisLocation.Left, Title = "Lines", Minimum = -10, Maximum = 10, ShowGridLines = true };
//定义需要绑定的轴
IRangeAxis rangeAxis = new LinearAxis
{
Orientation=AxisOrientation.Y,//指定为Y轴
Location=AxisLocation.Right,//呈现在右侧
Title = "Range Axis",
FontSize = 14,

//设置轴的区间
Minimum = -20,
Maximum = 20,

//这里使用了两种方法设置颜色
Background = new SolidColorBrush(Color.FromArgb(255, 255, 255, 100)),
Foreground=new SolidColorBrush(Colors.Blue),
};

Random random = new Random();

_dynamicDateItemsSource = new List<DateTimeValue>();

//准备数据
for (int i = 0; i < 9; i++)
{
DateTimeValue lv = new DateTimeValue();
lv.Datetime = new DateTime(2008, 10, 1, 13, 22, 5).AddHours(i);
double rad = random.NextDouble();
if (i%2==0)
rad = -1 * rad;
double num = Math.Round(20 * rad, 2);
lv.Value = num;
lv.Data = new List<PVData> {
new PVData {
Local = "Root.AREA5.PV" + i,
AnalyzerComponent = "52QA007 D-90",
Description = "DISTLL'N 90% BP",
Value =num,
Quality = "GOOD",
Unit = "degC",
EngineeringLow = i* 4 + i,
EngineeringHigh = (i+1) * 3 -i,
}
};
_dynamicDateItemsSource.Add(lv);
}

#region lines 4条线分别为 warnLimitUp/Low 和 controlLimitUp/Low

LineSeries warnLimitUp =
new LineSeries
{
ItemsSource = warningLimitUpDate,
IndependentValueBinding = new Binding("Datetime"),
DependentValueBinding = new Binding("Value"),
Title = "Warning Limit",
DataPointStyle = warningLimitStyle,
LegendItemStyle = hideStyle,//隐藏不需要显示在Legend上的对象
};

LineSeries warnLimitLow =
new LineSeries
{
ItemsSource = warningLimitLowDate,
IndependentValueBinding = new Binding("Datetime"),
DependentValueBinding = new Binding("Value"),
Title = "Warning Limit",
DataPointStyle = warningLimitStyle
};

LineSeries controlLimitUp =
new LineSeries
{
ItemsSource = controlLimitUpDate,
IndependentValueBinding = new Binding("Datetime"),
DependentValueBinding = new Binding("Value"),
Title = "Contrl Limit",
DataPointStyle = controlLimitStyle,
LegendItemStyle = hideStyle
};

LineSeries controlLimitLow =
new LineSeries
{
ItemsSource = controlLimitLowDate,
IndependentValueBinding = new Binding("Datetime"),
DependentValueBinding = new Binding("Value"),
Title = "Contrl Limit",
DataPointStyle = controlLimitStyle
};

#endregion

ScatterSeries scatterSeries = new ScatterSeries()
{
ItemsSource = _dynamicDateItemsSource,
Title = "Validation Value",
DataPointStyle = dataPointStyle,
IsSelectionEnabled = true,
IndependentValueBinding = new Binding("Datetime"),
DependentValueBinding = new Binding("Value"),
DependentRangeAxis = rangeAxis,//绑定的RangeAxis会自动显示在Chart中
};
scatterSeries.SelectionChanged += new SelectionChangedEventHandler(scatterSeries_SelectionChanged);

chart.Title = null;

chart.Series.Add(warnLimitUp);
chart.Series.Add(warnLimitLow);
chart.Series.Add(controlLimitUp);
chart.Series.Add(controlLimitLow);
chart.Series.Add(scatterSeries);
chart.PlotAreaStyle = ChartAreaStyle;

chart.Axes.Add(dateAxis);
chart.Axes.Add(valueAxis);
}

void scatterSeries_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
DateTimeValue dtv = e.AddedItems[0] as DateTimeValue;
dataGrid1.DataContext = dtv.Data;
}

private void btnExport_Click(object sender, RoutedEventArgs e)
{
ElementToPNG eTP = new ElementToPNG();
eTP.ShowSaveDialog(chart);
}

// Executes when the user navigates to this page.
protected override void OnNavigatedTo(NavigationEventArgs e)
{
}

}
}

本文链接

C# 关闭其他程序窗口、进程

2010-08-10T08:45:00Z

在进行winform开发过程中有时候会需要关闭其他程序或者关闭进程,以前写过一篇相关介绍的文章，今天有同事问起来，于是在次翻出来和大家分享一下。

下面介绍我所知的两种方法，应该对大家有帮助，如果有朋友知道其他的方法，谢谢共享一下。

方法1
ProcName 需要关闭的进程名称

private bool closeProc(string ProcName)
{
bool result = false;
System.Collections.ArrayList procList = new System.Collections.ArrayList();
string tempName = "";

foreach (System.Diagnostics.Process thisProc in System.Diagnostics.Process.GetProcesses())
{
tempName = thisProc.ProcessName;
procList.Add(tempName);
if (tempName == ProcName)
{
if (!thisProc.CloseMainWindow())
thisProc.Kill(); //当发送关闭窗口命令无效时强行结束进程
result = true;
}
}
return result;
}

上面程序里定义了一个ArrayList，当不知道所要关闭的进程的具体名称的时候，可以将ArrayList 中的值放到一个listbox或其他的控件里面用来选择进程进行结束。

方法2
在类体中的最上方声明：
[DllImport("user32.dll", CharSet=CharSet.Auto)]
public static extern int SendMessage(int hWnd, int msg, int wParam, int lparam);

//SendMessage(hwnd1,WM_CLOSE,0,0);
//hwnd1是你用findwindow函数返回的句柄值
//wm_close定义在winuser.h里面
//0x0010是 WM_CLOSE的值
SendMessage(hwnd1,0x0010,0,0);

本文链接

Silverlight Control（四）Chart (1) 初体验

2010-08-09T09:22:00Z

Chart在任何一个与统计有关的项目中都是必不可少的.Silverlight自带了Chart控件,也有不少第三方支持的控件,其中之一就是Visifire,不过现在已经收费了.

的确Silverlight自带的Chart控件不如其他第三方控件那么华丽,但是在不需要刻意追求绚丽视觉效果的项目中Silverlight自带的Chart包含的功能已经是绰绰有余的了.

好吧,进入正题,既然是初体验本章仅对最基本的四种类型进行介绍,点状图、线形图、柱状图和区域图（在后面会继续介绍饼图等其他类型图）。

既然是介绍Chart那么Chart控件就是必不可少的咯，我们在页面中拖入Chart和radioButton，如下图:

图表中最重要的就是数据了，OK我们来准备一套测试数据:

public class DynamicData
{
public double Point
{ get; set; }
public DateTime Time
{ get; set; }
}

List<DynamicData> dynamicData = new List<DynamicData>();

Random ra = new Random();

for (int i = 0; i < 8; i++)
{
double value = ra.NextDouble();
value = Math.Round(value, 2) * 100;
DynamicData dyData = new DynamicData

　 { Point = value, Time = DateTime.Now.AddDays(i)};

dynamicData.Add(dyData);s
}

这里随机生成了一些数据。

有了数据，那么接下来就是数据绑定了。

ScatterSeries scatterSeries = new ScatterSeries
{
ItemsSource=dynamicData,Title="点状图",
IndependentValueBinding=new Binding("Time"), //X轴
DependentValueBinding=new Binding("Point"), //Y轴

};

ScatterSeries是点类型对象，相应的还有LineSeries，ColumnSeries，AreaSeries，PieSeries等。

我们用ItemsSource属性进行数据绑定，IndependentValueBinding和DependentValueBinding分别指定X轴和Y轴绑定的数据对象。

想要把数据显示在Chart中，我们当然还要把这些对象加载到Chart对象。

myChart.Series.Add(scatterSeries);

经过以上几个步骤，一个功能简单的Chart就完成了。另外我们可以设置一些样式，让它们看起来效果更好一些。

关于样式的设置请看这里和这里。

以下附上详细代码，相信对刚接触Silverlight的朋友会有帮助:

<navigation:Page x:Class="MySilverlightTest.Control_Chart"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
d:DesignWidth="800" d:DesignHeight="600"
Title="myChart Page" xmlns:chartingToolkit="clr-namespace:System.Windows.Controls.DataVisualization.Charting;assembly=System.Windows.Controls.DataVisualization.Toolkit">
<Grid x:Name="LayoutRoot">
<chartingToolkit:Chart HorizontalAlignment="Left" Margin="12,49,0,0" Name="myChart" VerticalAlignment="Top" Height="539" Width="776" />
<Button Content="Button" Height="28" HorizontalAlignment="Left" Margin="12,12,0,0" Name="btnShow" VerticalAlignment="Top" Width="82" Click="btnShow_Click" />
<RadioButton Content="点" Height="18" HorizontalAlignment="Left" Margin="132,17,0,0" Name="radioButtonScatter" VerticalAlignment="Top" Width="54" GroupName="Chart" IsChecked="True" />
<RadioButton Content="线" Height="18" HorizontalAlignment="Left" Margin="192,17,0,0" Name="radioButtonLine" VerticalAlignment="Top" Width="52" GroupName="Chart" />
<RadioButton Content="柱" Height="18" HorizontalAlignment="Left" Margin="255,17,0,0" Name="radioButtonColumn" VerticalAlignment="Top" Width="53" GroupName="Chart" />
<RadioButton Content="区域" GroupName="Chart" Height="18" HorizontalAlignment="Left" Margin="305,17,0,0" Name="radioButtonArea" VerticalAlignment="Top" Width="53" />
</Grid>
</navigation:Page>

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.Navigation;
using System.Windows.Controls.DataVisualization.Charting;
using System.Windows.Data;

namespace MySilverlightTest
{
public partial class Control_Chart : Page
{
public class DynamicData
{
public double Point
{ get; set; }
public DateTime Time
{ get; set; }
}

List<DynamicData> dynamicData = new List<DynamicData>();

public Control_Chart()
{
InitializeComponent();
Loaded += new RoutedEventHandler(myChart_Loaded);
}

void myChart_Loaded(object sender, RoutedEventArgs e)
{
//定义平面图的样式
Style plotAreaStyle = new System.Windows.Style(typeof(Grid));
Setter setterPlotArea = new Setter(Grid.BackgroundProperty, new SolidColorBrush(Color.FromArgb(225, 255, 255, 200)));
plotAreaStyle.Setters.Add(setterPlotArea);

myChart.Title = "ChartDemo";
myChart.Background = new SolidColorBrush(Color.FromArgb(100, 225, 225, 200));
myChart.PlotAreaStyle = plotAreaStyle;
}

void BindData()
{
Style dataPointStyle = new System.Windows.Style();
dataPointStyle.TargetType = typeof(System.Windows.Controls.Control);

Style LegendStyle = new System.Windows.Style();
LegendStyle.TargetType = typeof(System.Windows.Controls.Control);

Setter setterDataRed = new Setter(System.Windows.Controls.Control.BackgroundProperty, new SolidColorBrush(Colors.Red));
Setter setterLegendRed = new Setter(System.Windows.Controls.Control.BackgroundProperty, new SolidColorBrush(Colors.Red));
dataPointStyle.Setters.Add(setterDataRed);
LegendStyle.Setters.Add(setterLegendRed);

ScatterSeries scatterSeries = new ScatterSeries
{
ItemsSource=dynamicData,Title="点状图",
IndependentValueBinding=new Binding("Time"), //X轴
DependentValueBinding=new Binding("Point"), //Y轴
DataPointStyle = dataPointStyle, //点的样式
LegendItemStyle = LegendStyle, //右边Legend的样式
};

LineSeries lineSeries = new LineSeries
{
ItemsSource = dynamicData,
Title = "线形图",
IndependentValueBinding = new Binding("Time"), //X轴
DependentValueBinding = new Binding("Point"), //Y轴
DataPointStyle = dataPointStyle,
LegendItemStyle = LegendStyle,
};

ColumnSeries columnSeries = new ColumnSeries
{
ItemsSource = dynamicData,
Title = "柱状图",
IndependentValueBinding = new Binding("Time"), //X轴
DependentValueBinding = new Binding("Point"), //Y轴
DataPointStyle = dataPointStyle,
LegendItemStyle = LegendStyle,
};

AreaSeries areaSeries = new AreaSeries
{
ItemsSource = dynamicData,
Title = "区域图",
IndependentValueBinding = new Binding("Time"), //X轴
DependentValueBinding = new Binding("Point"), //Y轴
DataPointStyle = dataPointStyle,
LegendItemStyle = LegendStyle,
};

if (true == radioButtonScatter.IsChecked)
myChart.Series.Add(scatterSeries);
if (true == radioButtonLine.IsChecked)
myChart.Series.Add(lineSeries);
if (true == radioButtonColumn.IsChecked)
myChart.Series.Add(columnSeries);
if (true == radioButtonArea.IsChecked)
myChart.Series.Add(areaSeries);

IAxis datetimeAxis = new DateTimeAxis { Orientation=AxisOrientation.X,ShowGridLines=false,Title="时间" };
IAxis valueAxis = new LinearAxis { Orientation=AxisOrientation.Y,ShowGridLines =true, Title="测试值" };

myChart.Axes.Add(datetimeAxis);
myChart.Axes.Add(valueAxis);
}

// Executes when the user navigates to this page.
protected override void OnNavigatedTo(NavigationEventArgs e)
{
}

private void btnShow_Click(object sender, RoutedEventArgs e)
{
dynamicData.Clear();
myChart.Series.Clear();
myChart.Axes.Clear();

Random ra = new Random();

for (int i = 0; i < 8; i++)
{
double value = ra.NextDouble();
value = Math.Round(value, 2) * 100;
DynamicData dyData = new DynamicData { Point = value, Time = DateTime.Now.AddDays(i)};

dynamicData.Add(dyData);
}

BindData();
}

}
}

更丰富的运用,请看这里

本文链接

Silverlight 如何导出图片

2010-08-09T07:09:00Z

在项目中我们经常会碰到需要将某些页面或者控件导出成图片的需求,例如将Chart导出.那么在Silverlight中,我们如何实现这样的功能呢.

在老外的论坛上找到了解决方案,将控件转成流,然后在进行绘图导出.算法来自老外的论坛,稍微做了些调整.以下主要介绍使用方法.

为了方便起见,我们建立一个文件夹存放要用到的三个类EditableImage.cs,PngEncoder.cs和ElementToPNG.cs,然后添加一个新页面,托入一个chart控件和一个button控件.

在按钮事件中添加如下代码即可实现导出功能:

ElementToPNG eTP = new ElementToPNG();
eTP.ShowSaveDialog(myChart);

点击按钮后弹出对话框如下:

由于算法问题目前只能保存为png格式文件.

小窍门:

如果需要导出多个控件,可以将这些控件置于一个Canvas或者其他容器中，然后将该容器导出即可.

3个类文件点这里下载

本文链接

Silverlight Control（一）ComboBox 数据绑定、自定义、取值

2010-08-06T07:43:00Z

Silverlight的ComboBox与winform中的ComboBox存在类似的地方，但也有不同之处，本章包含以下内容:

一、ComboBox 如何添加和绑定数据。

二、ComboBox 如何添加自定义Item。

三、ComboBox 如何取得所选项的值。

首先我们在页面添加4个ComboBox分别用不同的形式进行绑定。

接下来，我们先介绍添加和绑定数据的方法。

如何添加和绑定数据:

this.comboBox.Items.Add("武汉");
this.comboBox.Items.Add("大连");
this.comboBox.Items.Add("苏州");

上面的代码用最简单的方法添加了3个string类型的对象到comboBox中，运行后效果如下:

对于自定义的数据类型我们可以用下面的方法进行绑定:

第一步:定义数据对象

public class MyData
{
public DateTime Time
{ get; set; }

public string Place
{ get; set; }
}

第二步:填充数据，并进行绑定:

List<MyData> list = new List<MyData>
{
new MyData{Time =DateTime.Now.AddDays(1),Place="中山路"},
new MyData{Time =DateTime.Now.AddDays(2),Place="光谷高新"}
};

this.comboBox3.DisplayMemberPath = "Place";
this.comboBox3.ItemsSource = list;

我们通过设置this.comboBox3.DisplayMemberPath = "Place" 来定义显示哪个字段。运行效果如下图:

是不是很简单呢，那么接下来我们介绍一下如何进行自定义Item的添加。

如何添加自定义Item:

要添加自定义Item我们就需要用到ComboBoxItem对象。

ComboBoxItem cbiRight = new ComboBoxItem();

cbiRight.Background = new SolidColorBrush(Colors.Yellow);

cbiRight.HorizontalContentAlignment = HorizontalAlignment.Right;

cbiRight.SetValue(ComboBoxItem.ContentProperty, "上海");

ComboBoxItem cbiCenter = new ComboBoxItem();

cbiCenter.Background = new SolidColorBrush(Colors.Cyan);

cbiCenter.HorizontalContentAlignment = HorizontalAlignment.Center;

cbiCenter.SetValue(ComboBoxItem.ContentProperty, "北京");

ComboBoxItem cbiLeft = new ComboBoxItem();

cbiLeft.Background = new SolidColorBrush(Colors.LightGray);

cbiLeft.HorizontalContentAlignment = HorizontalAlignment.Left;

cbiLeft.SetValue(ComboBoxItem.ContentProperty, "深圳");

在上面的代码中，我们分别对3个ComboBoxItem对象设置了背景色、对齐方式和值，剩下要做的只需要将这些对象添加到ComboBox中即可。

this.comboBox1.Items.Add(cbiRight);
this.comboBox1.Items.Add(cbiCenter);
this.comboBox1.Items.Add(cbiLeft);

运行效果如下:

在某些情况下我们需要显示更复杂的效果，比如在下拉框中显示图片，那这样的需求应该如何处理呢？看看后面的代码就知道了。

既然我们需要显示图片，那么我们就先定义一个Image图片对象，然后我们在定义一个Label进行文字显示。

Image img = new Image();
img.Source = new BitmapImage(new Uri("0.jpg",UriKind .Relative));
Label lbl = new Label();
lbl.Content = "带图片的选项";

然后我们需要用一个容器装载这两个对象，这里我们使用的是StackPanel。

StackPanel sp = new StackPanel();
sp.Orientation = Orientation.Horizontal;
sp.Children.Add(img);
sp.Children.Add(lbl);

在这里可以看到我们在设置StackPanel的方向时选择的是 Orientation.Horizontal，就表示我们添加的两个对象会水平的显示在下拉框中。

最后一步就是把这个容器加载到我们的ComboBox中。

ComboBoxItem multipleCmb = new ComboBoxItem();
multipleCmb.Content = sp;

this.comboBox2.Items.Add(multipleCmb);

运行结果如下，我们可以看到图片和文字同时现实在一个选择项内。

现在我们已经用不同的方法把数据添加到ComboBox中了，接下来的问题就是如何取得所选项的值。

如何取得所选项的值:

一般情况下有两种方式进行取值代码如下:

private void comboBox3_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
MyData md = (sender as ComboBox).SelectedItem as MyData;

DateTime selectedDateTime = md.Time;
string selectedPlace = md.Place;

MyData md2 = comboBox3.SelectedValue as MyData;
DateTime selectedDateTime2 = md2.Time;
string selectedPlace2 = md2.Place;
}

这里的 MyData 是我们在前面自定义的数据类型，当我们在SelectionChanged事件中进行取值时，可分别对SelectedItem和SelectedValue进行操作，

我们只需要将它们显示的转换成正确的数据类型即可。

本章所涉及的完整代码:

本文链接

Silverlight Style (二) 自定义样式在后台代码中应用

2010-08-06T01:59:00Z

上一章我们了解到了如何在页面或者App.xml文件中创建自定义样式，以及如何在页面文件中应用自定义的样式。本章将介绍如何在后台应用自定义样式，以及如何在后台自定义样式。

一、应用已有的自定义样式:

拿上一章我们自定义的样式举例：

<Setter…></Setter>

            <Setter…></Setter>
        </Style>
    </Application.Resources>
</Application>

那么我们如何通过后台编码将这一样式应用到控件上呢？其实很简单，只需要一行代码即可:

textBlock.Style = Application.Current.Resources["MyTextBoxStyle"] as Style;

上面的样式是定义在App.xml中的全局样式，如果我们需要应用定义在页面中的样式，只需要稍作调整，代码如下:

textBlock.Style = Resources["MyTextBoxStyle"] as Style;

二、自定义样式:

了解了如何应用在页面文件中定义的样式，朋友们大概会问到，那么我们如何在后台直接定义样式呢？

下面我们就来介绍如何在后台自定义样式。

通过在学习如何在页面中定义样式，我们了解到，Silverlight的样式包含如下结构:

</Style>

所以，很显然，我们在后台定义样式也需要用到这两个对象，Style 和 Setter，下面是一段简短的示例代码:

System.Windows.Style btnStyle = new System.Windows.Style();
btnStyle.TargetType = typeof(System.Windows.Controls.Control);
Setter setterRed = new Setter(System.Windows.Controls.Control.BackgroundProperty, new SolidColorBrush(Colors.Red));
btnStyle.Setters.Add(setterRed);
this.btnClick.Style = btnStyle;

大家可以看到，按钮的背景色变成了红色。当然，根据不同的需求，在一个样式中可以添加多个Setter。

关于简单样式的自定义和应用我们就介绍到这里，在以后的章节中，特别是在Chart的处理时我们需要更多的运用样式，

在后面的章节中我们会详细介绍更多与样式相关的知识。

本文链接

Silverlight Style (一) 如何在页面应用样式

2010-08-05T07:50:00Z

“样式”在开发过程中是非常重要的一环，通过样式开发人员可以控制控件的外观以给用户更良好体验。而且，使用样式能够更方便的调整应用了该样式的控件的外观。本文主要介绍如何在Silverlight的页面代码中增加样式。

Silverlight与传统的Web页面不同，不能使用css 样式表，而是一套不同的样式系统。

通常情况下，我们会在页面中定义如下的标签，并在该标签中定义样式。

<UserControl.Resources></ UserControl.Resources >

如果我们需要定义全局的样式，以便所有的控件来应用，那么我们需要在App.xaml文件中定义

<Application.Resources></ Application.Resources >

具体代码如下：

<Setter…></Setter>
</Style>
</Application.Resources>
</Application>

在上面的样式中我们使用<Application.Resources>定义全局样式，<Style></Style>中定义一个样式的属性。

1、Name:指定样式在被应用时的名称。

2、TargetType:该样式对应的控件类型，在这里我们指定为“TextBlock”控件。

3、Setter:定义该样式所包含的属性。我们可以在一个样式中定义多个属性。

页面文件中应用样式的方法非常简单,只需要对控件的 Style 属性赋值即可。

通过以上两步，我们已经在页面中成功的应用了自定义样式，下一章，我们将了解如何在后台代码中应用和设置样式。

本文链接

Silverlight Binding (One Time,One Way,Two Way)

2010-08-05T06:48:00Z

本文将探讨Silverlight绑定的三种方式-One time,One way,Two way。

One way binding

从名称就可以了解到该方法只支持单向的从数据对象到UI的绑定。例如，界面上有一个textbox name='txtYear',text属性绑定了某个数据对象的'year'属性。

则一旦该数据对象发生了改变，txtYear的text会跟随改变。但是相反的，txtYear的text属性的改变却不会影响到数据对象。

下面是绑定的方法。

private void bind()
{
DateClass myDate = new DateClass ();
myDate .Year = DateTime.Now.Year;
txtYear.DataContext = myDate ;
}

Two way binding

Two way binding模式下，数据在数据对象和UI之间是同步的，一旦任何一方发生了改变，都会同时改变另一方。

需要注意的是，如果是自定义的数据对象，我们需要引用System.ComponentModel，继承INotifyPropertyChanged接口

并在该对象中实现PropertyChanged。

public class DateClass : INotifyPropertyChanged
{
public event PropertyChangedEventHandler PropertyChanged;
private int _intYear;
public int Year{
set
{
_intYear = value;
OnPropertyChanged("Year");
}
get
{
return _intYear;
}
}

private void OnPropertyChanged(string property)
{
if (PropertyChanged != null)
{
PropertyChanged(this,new PropertyChangedEventArgs(property));
}
}
}

与UI的绑定方法同上。

One time binding

One time binding模式下，数据仅仅与UI绑定一次，数据对象与UI任何一方发生改变都不会影响到另一方面，One time binding在效率上比前两种高，比较适用于报表之类只需要绑定一次数据的UI对象。

如上所述，Silverlight的三种绑定方式就是如此，至于什么时候用哪种方式就取决当时的情况了。

本文链接

ASP.NET项目中不能有重名的文件夹

2007-10-11T08:00:00Z

今天打包一个ASP.NET的项目时突然发现里面有很多文件夹不能被生成.仔细看了看,发现都是些重名的文件夹.上网一找,发现有不少朋友都碰到这个问题,有朋友告诉说,这是微软的一个BUG在ASP.NET项目里,即使是在不同层的目录里也不允许出现同名的文件夹,否则打包的时候会报错.这样看来,以后对ASP.NET项目的文件放置也要有比较统一的规划了.