WPF中控件绑定XML文件,实现修改XML文件即可以改变程序控件内容

       最近一直在研究WPF这个微软提供的用于设计软件产品界面的类库,WPF有一个明显的好处,就是界面设计与界面功能代码编写完全分离,而且从真正意义上实现了数据驱动程序的原理,对于目前正在做软件产品设计的产品设计师们,是一个很大的福音啊.

       在正式开始介绍本章内容之前,请大家确保已经准备好了以下工具:

       1. Microsoft Express Blend4

       2. Microsoft Visual Studio 2010

       3. 一款XML文件的编辑器工具（网上好多，其实用记事本就可以编辑）

       在大家准备好以上工具之后，就开始准备整个项目的神奇之旅吧！！！

       步骤一：

       打开Blend4工具，建立一个工程（注意选择WPF应用程序），选择.Net FrameWork的版本为4.0

       步骤二:

       在Blend4工具上的"控件"项中,分别像Form中拖入一个Menu菜单并命名为"SysMenu",一个TreeView树型控件并命名为"SysTreeView",以及一个TabControl控件,并命名为"SysTabControl".

       步骤三:

       打开编辑XML文件的工具,分别编写供Menu以及TreeView使用的XML文件,分别命名为Menu.xml以及TreeView.xml

       1. Menu.xml    

       <?xml version="1.0" encoding="utf-8" ?>       <menu>      <menuitem Name="File">          <menuitem Name="Open" />           <menuitem Name="Open Recent" />          <menuitem Name="Save" />          <menuitem Name="Exit" />      </menuitem>      <menuitem Name="Tool">          <menuitem Name="Verify" />           <menuitem Name="Sign" />          <menuitem Name="Compare" />          <menuitem Name="Check" />      </menuitem>      </menu>

       2. TreeView.xml     

<?xml version="1.0" encoding="utf-8" ?><item><viewitem name="Management"><viewitem name="First"><viewitem name="information" /><viewitem name="download file" /><viewitem name="delete file" /><viewitem name="execute file" /></viewitem><viewitem name="Second"><viewitem name="information" /><viewitem name="download file" /><viewitem name="delete file" /><viewitem name="execute file" /></viewitem></viewitem></item>

  
       步骤四:

       修改MainWindow.xaml文件中的Menu以及TreeView控件中的Item显示模板,具体修改部分为:      

        <Menu Name="SysMenu"  Height="31" VerticalAlignment="Top" Style="{DynamicResource MFaceStyle}">            <Menu.ItemTemplate>                <HierarchicalDataTemplate ItemsSource="{Binding XPath=menuitem}">                    <TextBlock Text="{Binding XPath=@Name}" />                </HierarchicalDataTemplate>            </Menu.ItemTemplate>        </Menu>        <TreeView Name="SysTreeView"  HorizontalAlignment="Left" Margin="4,35,0,4" Width="200">            <TreeView.ItemTemplate>                <HierarchicalDataTemplate ItemsSource="{Binding XPath=viewitem}">                    <TextBlock Text="{Binding XPath=@name}" MouseLeftButtonDown="TextBlock_MouseLeftButtonDown"/>                </HierarchicalDataTemplate>            </TreeView.ItemTemplate>        </TreeView>

       步骤五:

       修改MainWindow.xaml.cs中内容

       1. 将XML文件作为数据源绑定到Menu中

        private void LoadMenuItem()        {            string xmlpath = Directory.GetCurrentDirectory() + "\\Menu.xml";            XmlDocument xml = new XmlDocument();            xml.Load(xmlpath);            XmlDataProvider xdp = new XmlDataProvider();            xdp.Document = xml;            xdp.XPath = @"/menu/menuitem";            this.SysMenu.DataContext = xdp;            this.SysMenu.SetBinding(Menu.ItemsSourceProperty, new Binding());}

       2. 将XML文件作为数据源绑定到TreeView中

        private void LoadTreeView()        {            string xmlpath = Directory.GetCurrentDirectory() + "\\TreeView.xml";            XmlDocument xml = new XmlDocument();            xml.Load(xmlpath);            XmlDataProvider xdp = new XmlDataProvider();            xdp.Document = xml;            xdp.XPath = @"/item/viewitem";            this.SysTreeView.DataContext = xdp;            this.SysTreeView.SetBinding(TreeView.ItemsSourceProperty, new Binding());        }

       3. 增加选择TreeView中的Item后,修改TabControl控件中Tab的标题

        private void TextBlock_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)        {            TextBlock tb = (TextBlock)sender;            if (tb.Text == "information")            {                ((TabItem)this.SysTabControl.Items[0]).Header = tb.Text;            }            else if (tb.Text == "download file")            {                ((TabItem)this.SysTabControl.Items[0]).Header = tb.Text;            }            else if (tb.Text == "delete file")            {                ((TabItem)this.SysTabControl.Items[0]).Header = tb.Text;            }            else if (tb.Text == "execute file")            {                ((TabItem)this.SysTabControl.Items[0]).Header = tb.Text;            }            else            {                ((TabItem)this.SysTabControl.Items[0]).Header = "初始信息";            }        }

       4. 增加初始化内容

       public MainWindow(){    this.InitializeComponent();    // 在此点下面插入创建对象所需的代码。            LoadMenuItem();            LoadTreeView();            }

       步骤六:

       保存Blend4编译的工程文件后,使用VS2010打开工程并编译,就能看到效果啦!!!!!!