稳扎稳打Silverlight(39) - 3.0编程之Element to Element Binding, 通信之二进制XML通信, 本地连接

[源码下载]

稳扎稳打Silverlight(39) - 3.0编程之Element to Element Binding, 通信之二进制XML通信, 本地连接

作者：webabcd


介绍
Silverlight 3.0 绑定的新增功能和通信的新增功能

• Element to Element Binding - 支持 Element 到 Element 间的绑定
• 二进制XML通信 - 与 WCF 服务间通信，可以使用二进制 XML 传递数据（提高传输性能） 
• 本地连接 - 允许客户端的两个 Silverlight 程序之间直接进行通信（不用通过服务端）

在线DEMO
http://www.cnblogs.com/webabcd/archive/2009/08/04/1538238.html


示例
1、Element to Element Binding 的演示
ElementBinding.xaml 

<navigation:Page x:Class="Silverlight30.Coding.ElementBinding" 
           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="640" d:DesignHeight="480"
           Title="ElementBinding Page">
    <Grid x:Name="LayoutRoot">
        <StackPanel VerticalAlignment="Top" HorizontalAlignment="Left">
        
            <!--Element to Element 绑定的支持-->
            
            <!--
                绑定方式1：{Binding 绑定的属性名称, Mode=, ElementName=绑定的对象名称}
                绑定方式2：{Binding ElementName=绑定的对象名称, Path=绑定的属性名称, Mode=}
                Mode的可用值有：OneTime, OneWay, TwoWay
            -->
            <Slider x:Name="silder" Value="50" Minimum="1" Maximum="100" LargeChange="5" Width="500"></Slider>
            <TextBox Text="{Binding Value, Mode=TwoWay, ElementName=silder}" />
            
            <Slider Minimum="1" Maximum="100" LargeChange="5" Width="500"
                    Value="{Binding ElementName=textBox, Path=Text, Mode=TwoWay }"></Slider>
            <TextBox x:Name="textBox" Text="50" />
            
        </StackPanel>
    </Grid>
</navigation:Page>

2、以二进制 XML 传递数据的演示
服务端（WCF）
BinaryXmlService.svc

using System;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.ServiceModel.Activation;
using System.Collections.Generic;
using System.Text;

namespace Silverlight30.Service
{
    /**//// <summary>
    /// 一个简单的 WCF 服务
    /// </summary>
    [ServiceContract]
    [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
    public class BinaryXmlService
    {
        [OperationContract]
        public string Hello(string name)
        {
            return "Hello: " + name;
        }
    }
}

Web.config

<system.serviceModel>
    <bindings>
        <customBinding>
            <binding name="customBinding0">
                <binaryMessageEncoding />
                <httpTransport />
            </binding>
        </customBinding>
    </bindings>
    <serviceHostingEnvironment aspNetCompatibilityEnabled="true" />
    <behaviors>
        <serviceBehaviors>
            <behavior name="Silverlight30.Service.BinaryXmlServiceBehavior">
                <serviceMetadata httpGetEnabled="true" />
                <serviceDebug includeExceptionDetailInFaults="false" />
            </behavior>
        </serviceBehaviors>
    </behaviors>
    <services>
        <service behaviorConfiguration="Silverlight30.Service.BinaryXmlServiceBehavior"
            name="Silverlight30.Service.BinaryXmlService">
            <endpoint address="" binding="customBinding" bindingConfiguration="customBinding0"
                contract="Silverlight30.Service.BinaryXmlService" />
            <endpoint address="mex" binding="mexHttpBinding" contract="IMetadataExchange" />
        </service>
    </services>
</system.serviceModel>

客户端
BinaryXml.xaml

<navigation:Page x:Class="Silverlight30.Communication.BinaryXml" 
           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="640" d:DesignHeight="480"
           Title="BinaryXml Page">
    <Grid x:Name="LayoutRoot">
        <StackPanel Orientation="Horizontal" Height="30">
        
            <!--支持二进制 XML 通信-->
        
            <TextBox x:Name="txtName" Text="webabcd" />
            <Button x:Name="btnHelloConfig" Content="引用服务后（使用代理），通过配置的方式与服务端做二进制XML通信" Click="btnHelloConfig_Click" />
            <Button x:Name="btnHelloCoding" Content="引用服务后（使用代理），通过编程的方式与服务端做二进制XML通信" Click="btnHelloCoding_Click" />
        
        </StackPanel>
    </Grid>
</navigation:Page>

BinaryXml.xaml.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.Navigation;

using Silverlight30.BinaryXmlService;
using System.ServiceModel.Channels;
using System.ServiceModel;

namespace Silverlight30.Communication
{
    public partial class BinaryXml : Page
    {
        public BinaryXml()
        {
            InitializeComponent();
        }

        void client_HelloCompleted(object sender, HelloCompletedEventArgs e)
        {
            if (e.Error == null)
                MessageBox.Show(e.Result);
            else
                MessageBox.Show(e.Error.ToString());
        }

        private void btnHelloConfig_Click(object sender, RoutedEventArgs e)
        {
            // 通过配置文件（ServiceReferences.ClientConfig）的方式调用以二进制 XML 通信的 WCF 服务（需要使用代理）
            BinaryXmlServiceClient client = new BinaryXmlServiceClient();
            client.HelloCompleted += new EventHandler<HelloCompletedEventArgs>(client_HelloCompleted);
            client.HelloAsync(txtName.Text);
        }

        private void btnHelloCoding_Click(object sender, RoutedEventArgs e)
        {
            // 通过编程的方式调用以二进制 XML 通信的 WCF 服务（需要使用代理）
            BinaryMessageEncodingBindingElement binary = new BinaryMessageEncodingBindingElement();
            HttpTransportBindingElement transport = new HttpTransportBindingElement();
            CustomBinding binding = new CustomBinding(binary, transport);
            EndpointAddress address = new EndpointAddress("http://localhost:8616/BinaryXmlService.svc");
            BinaryXmlServiceClient client = new BinaryXmlServiceClient(binding, address);
            client.HelloCompleted += new EventHandler<HelloCompletedEventArgs>(client_HelloCompleted);
            client.HelloAsync(txtName.Text);
        }
    }
}

ServiceReferences.ClientConfig

<configuration>
    <system.serviceModel>
        <bindings>
            <customBinding>
                <binding name="CustomBinding_BinaryXmlService">
                    <binaryMessageEncoding />
                    <httpTransport maxReceivedMessageSize="2147483647" maxBufferSize="2147483647" />
                </binding>
            </customBinding>
        </bindings>
        <client>
            <endpoint address="http://localhost:8616/BinaryXmlService.svc"
                binding="customBinding" bindingConfiguration="CustomBinding_BinaryXmlService"
                contract="BinaryXmlService.BinaryXmlService" name="CustomBinding_BinaryXmlService" />
        </client>
    </system.serviceModel>
</configuration>

3、本地连接的演示
Silverlight 程序 1
LocalConnection.xaml

<navigation:Page x:Class="Silverlight30.Communication.LocalConnection" 
           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="640" d:DesignHeight="480"
           Title="LocalConnection Page">
    <Grid x:Name="LayoutRoot">
        <StackPanel>
        
            <!--结合 Silverlight30.LocalConnection/MainPage.xaml 中的项目演示 Silverlight 对本地连接的支持-->
        
            <TextBlock Text="我是 abc" />
            <Button x:Name="btnSubmit" Content="提交" Click="btnSubmit_Click" />
            <TextBlock x:Name="lblResult" />
            
        </StackPanel>
    </Grid>
</navigation:Page>

LocalConnection.xaml.cs

/**//*
 * LocalMessageReceiver - 本地连接接收器
 *     ReceiverName - 接收器的名称。与另一个 Silverlight 程序所设置的发送器的接收器名称相对应
 *     AllowedSenderDomains - 信任的发送器所属域名列表
 *     DisableSenderTrustCheck - 是否不理会 Vista 下的 IE 7 的保护模式。默认值为 false
 *     NameScope - 接收器名称是在同域唯一还是在全域唯一（ReceiverNameScope.Domain 同域唯一，默认值；ReceiverNameScope.Global 全域唯一）
 *     Listen() - 开始监听发送过来的信息
 *     MessageReceived事件 - 接收完成事件
 *     
 * LocalMessageSender - 本地连接发送器
 *     ReceiverName - 接收器的名称。与另一个 Silverlight 程序所设置的接收器的接收器名称相对应
 *     ReceiverDomain - 将要发送至的接收器所属域名
 *     SendAsync(string message, object userState) - 异步发送数据。（参数1：需要发送的信息；参数2：上下文，可以传递给发送完成事件）
 *     SendCompleted事件 - 发送完成事件
 */

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.Messaging;

namespace Silverlight30.Communication
{
    public partial class LocalConnection : Page
    {
        LocalMessageSender _sender;

        public LocalConnection()
        {
            InitializeComponent();

            this.Loaded += new RoutedEventHandler(LocalConnection_Loaded);
        }

        void LocalConnection_Loaded(object sender, RoutedEventArgs e)
        {
            _sender = new LocalMessageSender("abc");

            LocalMessageReceiver receiver = new LocalMessageReceiver("xyz");
            receiver.MessageReceived += new EventHandler<MessageReceivedEventArgs>(receiver_MessageReceived);
            receiver.Listen();            
        }

        void receiver_MessageReceived(object sender, MessageReceivedEventArgs e)
        {
            lblResult.Text += e.Message + "\r\n";
        }

        private void btnSubmit_Click(object sender, RoutedEventArgs e)
        {
            _sender.SendAsync("在 abc 单击了按钮");
        }
    }
}

Silverlight 程序 2
Silverlight30.LocalConnection/MainPage.xaml

<UserControl x:Class="Silverlight30.LocalConnection.MainPage"
    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" d:DesignWidth="640" d:DesignHeight="480">
    <Grid x:Name="LayoutRoot">
        <StackPanel>
        
            <!--结合 Silverlight30/Communication/LocalConnection.xaml 中的项目演示 Silverlight 对本地连接的支持-->
        
            <TextBlock Text="我是 xyz" />
            <Button x:Name="btnSubmit" Content="提交" Click="btnSubmit_Click" />
            <TextBlock x:Name="lblResult" />
            
        </StackPanel>
    </Grid>
</UserControl>

Silverlight30.LocalConnection/MainPage.xaml.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.Messaging;

namespace Silverlight30.LocalConnection
{
    public partial class MainPage : UserControl
    {
        LocalMessageSender _sender;

        public MainPage()
        {
            InitializeComponent();

            this.Loaded += new RoutedEventHandler(MainPage_Loaded);
        }

        void MainPage_Loaded(object sender, RoutedEventArgs e)
        {
            _sender = new LocalMessageSender("xyz");

            LocalMessageReceiver receiver = new LocalMessageReceiver("abc");
            receiver.MessageReceived += new EventHandler<MessageReceivedEventArgs>(receiver_MessageReceived);
            receiver.Listen();
        }

        void receiver_MessageReceived(object sender, MessageReceivedEventArgs e)
        {
            lblResult.Text += e.Message + Environment.NewLine;
        }

        private void btnSubmit_Click(object sender, RoutedEventArgs e)
        {
            _sender.SendAsync("在 xyz 单击了按钮");
        }
    }
}

以上两个 Silverlight 程序间可以进行本地通信
Silverlight30.LocalConnectionTestPage.html

<object data="data:application/x-silverlight-2," type="application/x-silverlight-2"
    height="100%" style="float: left; width: 50%">
    <param name="source" value="ClientBin/Silverlight30.xap" />
    <param name="onError" value="onSilverlightError" />
    <param name="background" value="white" />
    <param name="minRuntimeVersion" value="3.0.40624.0" />
    <param name="autoUpgrade" value="true" />
    <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40624.0" style="text-decoration: none">
        <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight"
            style="border-style: none" />
    </a>
</object>
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2"
    height="100%" style="float: left; width: 50%">
    <param name="source" value="ClientBin/Silverlight30.LocalConnection.xap" />
    <param name="onError" value="onSilverlightError" />
    <param name="background" value="white" />
    <param name="minRuntimeVersion" value="3.0.40624.0" />
    <param name="autoUpgrade" value="true" />
    <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40624.0" style="text-decoration: none">
        <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight"
            style="border-style: none" />
    </a>
</object>

OK
[源码下载]