XAML语言的调试方法。Silverlight 5 beta新特性探索系列:2.在XAML代码中设置断点和

 在Silverlight之前的版本中都不能在XAML代码中设置断点以跟踪调试的，在Silverlight 5 beta版中我们将能够为Binding数据的XAML代码设置断点以跟踪调试相应的数据绑定过程。

        首先我们新建一个Silverlight 5应用程序，然后准备后台数据代码如下以绑定一个DataGrid控件。

  
  

   
           
   
   public
   
    MainPage()
        {
            InitializeComponent();
            List
   
   <
   
   CityInformation
   
   >
   
    cityList
   
   =
   
   new
   
    List
   
   <
   
   CityInformation
   
   >
   
   (){
                
   
   new
   
    CityInformation(){ CityName
   
   =
   
   "
   
   北京
   
   "
   
   , AddrName
   
   =
   
   "
   
   中国北京
   
   "
   
   , TelNum
   
   =
   
   "
   
   010
   
   "
   
   },
                
   
   new
   
    CityInformation(){ CityName
   
   =
   
   "
   
   成都
   
   "
   
   , AddrName
   
   =
   
   "
   
   中国四川
   
   "
   
   , TelNum
   
   =
   
   "
   
   028
   
   "
   
   },
                
   
   new
   
    CityInformation(){ CityName
   
   =
   
   "
   
   东京
   
   "
   
   , AddrName
   
   =
   
   "
   
   日本东京
   
   "
   
   , TelNum
   
   =
   
   "
   
   110
   
   "
   
   },
                
   
   new
   
    CityInformation(){ CityName
   
   =
   
   "
   
   广州
   
   "
   
   , AddrName
   
   =
   
   "
   
   中国广东
   
   "
   
   , TelNum
   
   =
   
   "
   
   020
   
   "
   
   },
                
   
   new
   
    CityInformation(){ CityName
   
   =
   
   "
   
   巴黎
   
   "
   
   , AddrName
   
   =
   
   "
   
   法国巴黎
   
   "
   
   , TelNum
   
   =
   
   "
   
   01x
   
   "
   
   }
            };
            
   
   this
   
   .ShowCityList.ItemsSource 
   
   =
   
    cityList;
        }
    }
    
   
   ///
   
    
   
   <summary>
   
    
    
   
   ///
   
    城市信息的实体类 
    
   
   ///
   
    
   
   </summary>
   
     
   
   

   
       
   
   public
   
    
   
   class
   
    CityInformation
    {
        
   
   private
   
    
   
   string
   
    _AddrName;
        
   
   private
   
    
   
   string
   
    _CityName;
        
   
   private
   
    
   
   string
   
    _TelNum;
        
   
   public
   
    
   
   string
   
    AddrName
        {
            
   
   get
   
    { 
   
   return
   
    _AddrName; }
            
   
   set
   
    { _AddrName 
   
   =
   
    value; }
        }

        
   
   public
   
    
   
   string
   
    CityName
        {
            
   
   get
   
    { 
   
   return
   
    _CityName; }
            
   
   set
   
    { _CityName 
   
   =
   
    value; }
        }

        
   
   public
   
    
   
   string
   
    TelNum
        {
            
   
   get
   
    { 
   
   return
   
    _TelNum; }
            
   
   set
   
    { _TelNum 
   
   =
   
    value; }
        }
    } 
  
  

        一、现在我们首先开始设置XAML断点如下图所示：

        二、运行程序将在设置断点的Xaml代码位置停止，并且我们在下方“局部变量”窗口中可以看到当前的"BindingState"（绑定状态信息）如下图：

        三、在"FinalSource”中即是当然的数据绑定源类的相关字段信息如下图：

        四、在"Binding”-->"[System.Window.Data.Binding]"-->"Path"下的AddrName即是当然列绑定的字段名，如下图所示：

        五、在"[System.Windows.Data.Debugging.UpdateTargetPipeline]"-->"InitialValue"下的值即是当前绑定的字段AddrName的值，如下图所示：

        六、此时我们按F11键开始调试XAML中的断点出现"无可用源"的页面提示如下图：

        七、别慌，我们点击"显示反编译"以继续跟踪调试XAML绑定，继续关注"局部变量"窗口别转移，会出现如下界面：

        八、继续按F11键，会跟踪调试到当前行的"TelNum"字段，当前跟踪值为"010"。

        九、继续按F11键，换到下一行数据的时候，我们回出现以下界面，显示下一行数据的类信息如下：

        十、继续按F11键，直到所有的信息都调试完成，显示出结果如下图：

        本实例采用VS2010+Silverlight 5.0 beta版本，如需源码请点击 SL5Binding.zip 下载。

 

===================================

微软以前提供了一个XAML 的工具：XamlPad ，如下图所示，可以方便进行XAML 的编辑、调试或者学习。但是目前好像没有提供下载了。

　　这里，推荐另外一个类似于 XamlPad 的免费下载工具 - Kaxaml：

　　下载地址：

　　http://www.kaxaml.com/

　　下面可以尝试编写如下的XAML 代码：

双击代码全选

1 2 3 4 5 6 7 8 9 10 11 12 13 14

< Page xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" Title = "Hello" Height = "300" Width = "800" > < Grid Name = "HelloWorldGrid" > < Label Name = "HelloWorldLabel" Content = "http://blog.EntLib.com 开源博客平台" FontFamily = "Verdana" FontSize = "12pt" /> </ Grid > </ Page >

　　演示效果如下：