Json数据是一种轻量级的数据交换格式，它的传输效率比XML更高，在Silverlight的应用起来可以让Silverlight获取数据速度增 快，减少传输的字符数量。在本节将用一个实例来讲解如何将一个类序列化为Json数据并且传输到Silverlight端。

        实现原理：在服务器端新建一个一般处理程序页面“GetJson.ashx”，使用DataContractJsonSerializer类的 WriteObject()函数来将类序列化为Json数据集合，然后再Silverlight端通过 DataContractJsonSerializer类的Readobject()函数来将Json数据还原为类。当然在Silverlight端我们 使用WebRequest来下载数据。

        首先我们新建一个新的Silverlight应用程序，然后再服务器端和Silverlight端同时添加两个类City.cs（有数个属性）和Citys.cs（有一个属性为City类的List集合）。

 
 

public class City 
  
  
{ 
  
  
private string _CityName; 
  
  
private string _CityNum; 
  
  
private string _Provence; 
  
  
 
  
  
public string Provence 
  
  
{ 
  
  
get { return _Provence; } 
  
  
set { _Provence = value; } 
  
  
} 
  
  
public string CityNum 
  
  
{ 
  
  
get { return _CityNum; } 
  
  
set { _CityNum = value; } 
  
  
} 
  
  
public string CityName 
  
  
{ 
  
  
get { return _CityName; } 
  
  
set { _CityName = value; } 
  
  
} 
  
  
} 
  
  
public class Citys 
  
  
{ 
  
  
private List<City> _CityList; 
  
  
 
  
  
public List<City> CityList 
  
  
{ 
  
  
get { return _CityList; } 
  
  
set { _CityList = value; } 
  
  
} 
  
  
} 
 
 

        然后我们在服务器端新建一个一般处理程序页面“GetJson.ashx”，然后添加以下代码以实例化多个城市对象，然后转回为Json数据。注意在这里我们需要单独引入System.Runtime.Serialization.dll;

 
 

/// <summary> 
  
  
/// GetJson 的摘要说明 
  
  
/// </summary> 
  
  
public class GetJson : IHttpHandler 
  
  
{ 
  
  
 
  
  
public void ProcessRequest(HttpContext context) 
  
  
{ 
  
  
//步骤一 
  
  
//将类Citys格式化为Json字符串 
  
  
string JsonString = ToJsonString(GetCitys()); 
  
  
context.Response.ContentType = "text/plain"; 
  
  
context.Response.Write(JsonString); 
  
  
} 
  
  
 
  
  
private Citys GetCitys() 
  
  
{ 
  
  
//实例化字符数据组 
  
  
Citys citys = new Citys(); 
  
  
citys.CityList = new List<City>() { 
  
  
new City(){ CityName="成都", CityNum="028", Provence="四川"}, 
  
  
new City(){ CityName="昆明", Provence="云南"}, 
  
  
new City(){ CityName="广州", Provence="广东"}, 
  
  
new City(){ CityName="上海", Provence="上海"}, 
  
  
new City(){ CityName="重庆", Provence="重庆"} 
  
  
}; 
  
  
return citys; 
  
  
} 
  
  
// 将一个Object类序列化为Json字符串 
  
  
public string ToJsonString(object ToJsonObject) 
  
  
{ 
  
  
using (MemoryStream ms = new MemoryStream()) 
  
  
{ 
  
  
DataContractJsonSerializer serializer = 
  
  
new DataContractJsonSerializer(ToJsonObject.GetType()); 
  
  
serializer.WriteObject(ms, ToJsonObject); 
  
  
StringBuilder sb = new StringBuilder(); 
  
  
sb.Append(Encoding.UTF8.GetString(ms.ToArray())); 
  
  
return sb.ToString(); 
  
  
} 
  
  
} 
  
  
public bool IsReusable 
  
  
{ 
  
  
get 
  
  
{ 
  
  
return false; 
  
  
} 
  
  
} 
  
  
} 
 
 

        运行GetJson.ashx页面我们可以得到类格式化为Json之后的字符如下：

 
 

{"CityList":[{"CityName":"成都","CityNum":"028","Provence":"四川"}, 
  
  
{"CityName":"昆明","Provence":"云南"}, 
  
  
{"CityName":"广州","Provence":"广东"}, 
  
  
{"CityName":"上海","Provence":"上海"}, 
  
  
{"CityName":"重庆","Provence":"重庆"}]} 
 
 

        在Silverlight端首先需要引入System.ServiceModel.Web.dll和System.Runtime.Serialization.dll,然后再敲入下面代码以调用一般应用程序页面得到的字符串，并且反序列化为类。

 
 

public MainPage() 
  
  
{ 
  
  
InitializeComponent(); 
  
  
//步骤二 
  
  
//调用http://localhost:2598/GetJson.ashx获取到Json数据流 
  
  
Uri endpoint = new Uri("http://localhost:2598/GetJson.ashx"); 
  
  
WebRequest request = WebRequest.Create(endpoint); 
  
  
request.Method = "POST"; 
  
  
request.ContentType = "application/x-www-form-urlencoded"; 
  
  
request.BeginGetResponse(new AsyncCallback(ResponseReady), request); 
  
  
 
  
  
} 
  
  
void ResponseReady(IAsyncResult asyncResult) 
  
  
{ 
  
  
WebRequest request = asyncResult.AsyncState as WebRequest; 
  
  
WebResponse response = request.EndGetResponse(asyncResult); 
  
  
//步骤三 
  
  
//调用UI线程更新DataGrid 
  
  
this.dataGrid1.dispatcher.BeginInvoke(()=>{ 
  
  
this.dataGrid1.ItemsSource = 
  
  
(Deserialize<Citys>(response.GetResponseStream()) as Citys).CityList; 
  
  
}); 
  
  
} 
  
  
// 将Json字符流反序列化为对象 
  
  
public static T Deserialize<T>(Stream stream) 
  
  
{ 
  
  
DataContractJsonSerializer serializer = new DataContractJsonSerializer(typeof(T)); 
  
  
return (T)serializer.Readobject(stream); 
  
  
} 
 
 

       本实例采用VS2010+Silverlight 4.0,如需源码请点击 SLLinkJson.rar 下载。

        Silverlight 5 beta版本总算于昨日放出，怀着激动的心情今天将开发环境更新为Silverlight 5 beta版本，并且接触Silverlight 5 beta的第一个新特性：OOB模式下的多窗口的弹出显示。

        现在我们开始Silverlight 5 Beta版本的安装，首先需要为VS2010打一个VS2010 SP1补丁，然后我们再下载Silverlight 5 Beta Tools for Visual Studio SP1，一步一步安装完毕，最后我们下载Silverlight 5 Features Document 新特性的文档。至此我们即可踏上Silverlight 5开发的征程。

        对于Silverlight 5 beta版本下面的新窗口的支持是基于OOB模式下的，所以我们首先新建一个Silverlight 5的应用程序，然后右键项目属性-->"允许浏览器外运行应用程序"勾中-->点击"浏览器外设置"-->"在浏览器外运行时需要提升 的信任"勾上。如下图所示：

        然后我们在后台代码中键入以下代码即可弹出一个窗口，点击窗口中的按钮我们可以继续弹出窗口，实现了无限制的弹出窗口。当然所有弹出的子窗口都是依赖于父 窗口而存在的。(Tip:在Silverlight 4.0中的Window类修改的大小都是自身窗口的大小，并不能弹出窗口)

  
  

public partial class MainPage : UserControl 
   
   
  { 
   
   
      public MainPage() 
   
   
      { 
   
   
          InitializeComponent(); 
   
   
          PopWindow(400.0, 20.0, "第"+Flag+"个实例窗口"); 
   
   
      } 
   
   
      public static int Flag = 0; 
   
   
      private void PopWindow(double left,double top,string title ) 
   
   
      { 
   
   
          //设置Window的通用属性 
   
   
          Window testwindow = new Window(); 
   
   
          testwindow.Height = 400; 
   
   
          testwindow.Width = 500; 
   
   
          testwindow.Top = top; 
   
   
          testwindow.Left = left; 
   
   
          testwindow.Title = title; 
   
   
          testwindow.Visibility = Visibility.Visible; 
   
   
 
   
   
          //添加一个内部有按钮的Canvas，设置Canvas的背景色为白色 
   
   
          Button btn=new Button(); 
   
   
          btn.Width=80.0; 
   
   
          btn.Height=30.0; 
   
   
          btn.Content="点  击"; 
   
   
          btn.Margin = new Thickness(5, top + Flag * 10, 0, 0); 
   
   
          btn.Click += new RoutedEventHandler(btn_Click); 
   
   
          Canvas canvas = new Canvas(); 
   
   
          canvas.Children.Add(btn); 
   
   
          canvas.Background = new SolidColorBrush(Colors.White); 
   
   
          testwindow.Content = canvas; 
   
   
 
   
   
          //窗口默认值是WindowState.normal正常情况 
   
   
          testwindow.WindowState = WindowState.normal; 
   
   
              //WindowState.Maximized; 窗口最大化 
   
   
              //WindowState.Minimized; 窗口最小化 
   
   
              //WindowState.normal;    普通窗口 
   
   
 
   
   
      void btn_Click(object sender, RoutedEventArgs e) 
   
   
      { 
   
   
          PopWindow(400.0, "第"+Flag+"个实例窗口"); 
   
   
      } 
   
   
  } 
  
  

        本实例采用VS2010 +Silverlight 5 beta制作，如需源码请点击 SL5First.zip 下载。

        在Silverlight 5中新增了一个SoundEffect类和SoundEffectInstance类用以加载wav格式的音乐，这样可以很及时的为动画添加音效。

        现在我们看如何使用这两个类来控制播放wav音乐，首先引入mav音乐格式的文件（音频采样大小必须为16或者8位不能是24位，采用PCM编码，22.5,44.1 or 48khz的采样率）如下图属性：

        其次将引入的wav格式音乐文件在项目中右键点击其属性设置其“生成操作”为“内容”，如下图所示：

        现在我们准备XAML代码以控制SoundEffectInstance类的属性，调节音乐播放效果：

 
 

<Grid x:Name="LayoutRoot" Background="White"> 
  
  
<!--准备3个Silder控件以控制音乐效果--> 
  
  
<Slider Height="135" HorizontalAlignment="Left" Margin="62,38,0" 
  
  
Name="SlVolume" VerticalAlignment="Top" Width="62" 
  
  
Orientation="Vertical" Maximum="1" Value="0.5" /> 
  
  
<Slider Height="135" HorizontalAlignment="Left" Margin="162,0" 
  
  
Name="SlPitch" VerticalAlignment="Top" Width="62" 
  
  
Orientation="Vertical" Value="0" Maximum="1" Minimum="-1" /> 
  
  
<Slider Height="135" HorizontalAlignment="Left" Margin="262,0" 
  
  
Name="SlPan" VerticalAlignment="Top" Width="62" 
  
  
Orientation="Vertical" Value="0" Maximum="1" Minimum="-1" /> 
  
  
<!--显示名称--> 
  
  
<TextBlock Height="23" HorizontalAlignment="Left" Margin="71,179,0" 
  
  
Name="textBlock1" Text="音量调节" VerticalAlignment="Top" /> 
  
  
<TextBlock Height="23" HorizontalAlignment="Left" Margin="166,0" 
  
  
Name="textBlock2" Text="高低音调节" VerticalAlignment="Top" /> 
  
  
<TextBlock Height="23" HorizontalAlignment="Left" Margin="271,0" 
  
  
Name="textBlock3" Text="声道平衡" VerticalAlignment="Top" /> 
  
  
</Grid> 
 
 

        第一步：加载相应的事件

 
 

public MainPage() 
  
  
{ 
  
  
InitializeComponent(); 
  
  
//第一步：加载相应的事件 
  
  
Loaded += new RoutedEventHandler(MainPage_Loaded); 
  
  
this.SlVolume.ValueChanged+= 
  
  
new RoutedPropertyChangedEventHandler<double>(SlVolume_ValueChanged); 
  
  
this.SlPitch.ValueChanged+= 
  
  
new RoutedPropertyChangedEventHandler<double>(SlPitch_ValueChanged); 
  
  
this.SlPan.ValueChanged+= 
  
  
new RoutedPropertyChangedEventHandler<double>(SlPan_ValueChanged); 
  
  
} 
 
 

        第二步：加载声音WAV文件

        第三步：设置声音文件初始化播放属性

 
 

void MainPage_Loaded(object sender, RoutedEventArgs e) 
  
  
{ 
  
  
GetSound(); 
  
  
} 
  
  
SoundEffect _soundEffect; 
  
  
SoundEffectInstance instance; 
  
  
public void GetSound() 
  
  
{ 
  
  
//第二步：加载声音WAV文件 
  
  
var laserStream = 
  
  
Application.GetResourceStream(new Uri("zhizu.wav", UriKind.RelativeOrAbsolute)); 
  
  
_soundEffect = SoundEffect.FromStream(laserStream.Stream); 
  
  
 
  
  
//第三步：设置声音文件初始化播放属性 
  
  
instance = _soundEffect.CreateInstance(); 
  
  
 
  
  
//Pitch变调效果属性，是高低音平衡调节，该值在-1到1之间设置 
  
  
instance.Pitch = 0.0f; 
  
  
 
  
  
//Pan声像调节属性，它用于调节该路声源在空间的分布图像。 
  
  
instance.Pan = 0.0f; 
  
  
 
  
  
//Volume属性是音量大小调节，该值范围是0-1 
  
  
instance.Volume = 0.5f; 
  
  
instance.Play(); 
  
  
} 
 
 

        第四步：根据Silder控件值的变化动态调节声音属性

 
 

private void SlVolume_ValueChanged(object sender, 
  
  
RoutedPropertyChangedEventArgs<double> e) 
  
  
{ 
  
  
//第四步：调节声音属性 
  
  
instance.Volume = float.Parse(e.NewValue.ToString()); 
  
  
this.textBlock1.Text = "音量调节" + e.NewValue.ToString(); 
  
  
} 
  
  
 
  
  
private void SlPitch_ValueChanged(object sender, 
  
  
RoutedPropertyChangedEventArgs<double> e) 
  
  
{ 
  
  
//第四步：调节声音属性 
  
  
instance.Pitch = float.Parse(e.NewValue.ToString()); 
  
  
this.textBlock2.Text = "高低音调节" + e.NewValue.ToString(); 
  
  
} 
  
  
 
  
  
private void SlPan_ValueChanged(object sender, 
  
  
RoutedPropertyChangedEventArgs<double> e) 
  
  
{ 
  
  
//第四步：调节声音属性 
  
  
instance.Pan = float.Parse(e.NewValue.ToString()); 
  
  
this.textBlock3.Text = "声像调节" + e.NewValue.ToString(); 
  
  
} 
 
 

        注意SoundEffectInstance类的3个音乐效果属性Volume,Pitch,Pan如下：

 
 

SoundEffectInstance.Pitch 
  
  
//Pitch变调效果属性，是高低音平衡调节，该值在-1到1之间设置 
  
  
//当往-1调节时，即往低音调调节 
  
  
//当往+1调节时，即往高音调调节 
  
  
//如果是0则正常音高 
  
  
  
  
  
  
  
  
 
  
  
SoundEffectInstance.Volume 
  
  
//Volume属性是音量大小调节，该值范围是0-1 
  
  
 
  
  
SoundEffectInstance.Pan 
  
  
//Pan声像调节属性，它用于调节该路声源在空间的分布图像。 
  
  
//当往-1调节时，相当于把该路声源放在听音的左边。 
  
  
//当往+1调节时，相当于把该路声源放在听音的右边。 
  
  
//若把它置于中间位置0时，相当于把该路声源放在听音的正中。 
  
  
//Pan属性是左右声道平衡，该值在-1到1之间设置 
 
 

        最后我们来看运行效果如下图，如果要听试听效果请点击 SL5SoundEffect.zip 下载源码。