稳扎稳打Silverlight(29) - 2.0Tip/Trick之Cookie, 自定义字体, 为程序传递参数, 自定义鼠标右键, 程序常用配置参数

[索引页]
[源码下载]

稳扎稳打Silverlight(29) - 2.0Tip/Trick之Cookie, 自定义字体, 为程序传递参数, 自定义鼠标右键, 程序常用配置参数

作者： webabcd


介绍
Silverlight 2.0 提示和技巧系列

• Cookie - 通过 JavaScript 操作 Cookie
• 自定义字体 - 在程序中使用自定字体
• 为程序传递参数 - 为 Silverlight 程序传递初始化参数
• 自定义鼠标右键 - 响应并处理自定义的鼠标右键事件
• 程序常用配置参数 - object 标记的常用参数，以及对应的 Silverlight 控件的常用属性 

在线DEMO
http://www.cnblogs.com/webabcd/archive/2008/10/09/1307486.html


示例
1、操作 Cookie 的演示
Cookie.xaml

< UserControl  x:Class ="Silverlight20.Tip.Cookie"
    xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
    xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml" >
     < StackPanel  HorizontalAlignment ="Left"  Margin ="5" >

         < StackPanel  Orientation ="Horizontal"  Margin ="5" >
             < TextBlock  Text ="cookie-key: "   />
             < TextBox  x:Name ="txtKey"   />
         </ StackPanel >

         < StackPanel  Orientation ="Horizontal"  Margin ="5" >
             < TextBlock  Text ="cookie-value: "   />
             < TextBox  x:Name ="txtValue"   />
         </ StackPanel >

         < StackPanel  Orientation ="Horizontal"  Margin ="5" >
             < Button  x:Name ="btnSetCookie"  Content ="设置Cookie"  Click ="btnSetCookie_Click"   />
             < Button  x:Name ="btnGetCookie"  Content ="获取Cookie"  Click ="btnGetCookie_Click"   />
             < Button  x:Name ="btnDeleteCookie"  Content ="清除Cookie"  Click ="btnDeleteCookie_Click"   />
         </ StackPanel >

         < TextBox  x:Name ="txtResult"  Margin ="5"   />
        
     </ StackPanel >
</ UserControl >

Cookie.xaml.cs

/**/ /*
关于使用 JavaScript 操作 Cookie 参看
http://msdn.microsoft.com/en-us/library/ms533693(VS.85).aspx 
*/
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.Browser;
using  System.Text.RegularExpressions;

namespace  Silverlight20.Tip
{
    public partial class Cookie : UserControl
    {
        public Cookie()
        {
            InitializeComponent();
        }

        /**//// <summary>
        /// 设置 Cookie
        /// </summary>
        private void btnSetCookie_Click(object sender, RoutedEventArgs e)
        {
            if (txtKey.Text.Trim() != "" && txtValue.Text.Trim() != "")
            {
                string expire = DateTime.Now.AddDays(1).ToString("R"); // RFC1123Pattern 日期格式
                string cookie = string.Format("{0}={1};expires={2}",
                    txtKey.Text.Trim(),
                    txtValue.Text.Trim(),
                    expire);

                // 通过 JavaScript 设置 Cookie
                // 如下语句等于在 JavaScript 中给 document.cookie 赋值
                HtmlPage.Document.SetProperty("cookie", cookie);
            }
        }

        /**//// <summary>
        /// 获取 Cookie
        /// </summary>
        private void btnGetCookie_Click(object sender, RoutedEventArgs e)
        {
            txtResult.Text = "";

            // 通过 JavaScript 获取 Cookie
            // HtmlPage.Document.Cookies 就是 JavaScript 中的 document.cookie
            string[] cookies = Regex.Split(HtmlPage.Document.Cookies, "; ");

            foreach (var cookie in cookies)
            {
                string[] keyValue = cookie.Split('=');

                if (keyValue.Length == 2)
                {
                    txtResult.Text += keyValue[0] + " : " + keyValue[1];
                    txtResult.Text += "/n";
                }
            }
        }

        /**//// <summary>
        /// 删除 Cookie
        /// </summary>
        private void btnDeleteCookie_Click(object sender, RoutedEventArgs e)
        {
            string[] cookies = Regex.Split(HtmlPage.Document.Cookies, "; ");

            foreach (var cookie in cookies)
            {
                string[] keyValue = cookie.Split('=');

                if (keyValue.Length == 2)
                {
                    HtmlPage.Document.SetProperty("cookie", keyValue[0] + "=;" + DateTime.Now.AddDays(-1).ToString("R"));
                }
            }
        }
    }
}

2、演示如何使用自定义字体
以使用华文行楷字体为例，先将字体文件做为资源型文件添加到项目里
CustomFont.xaml

< UserControl  x:Class ="Silverlight20.Tip.CustomFont"
    xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
    xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml" >
     < StackPanel  HorizontalAlignment ="Left"  Margin ="5" >

         < TextBlock  x:Name ="lblMsg"  Text ="自定义字体"  FontSize ="50"   />
        
         <!-- 以声明的方式使用自定义字体 -->
         <!-- FontFamily - 字体源地址#字体名称 -->
         < TextBlock  Text ="自定义字体"  FontSize ="50"  FontFamily ="/Silverlight20;component/Resource/STXINGKA.TTF#STXingkai"   />

         <!--             
            资源型文件 - [/程序集名;component/路径]
            内容型文件 - [/路径]
         -->
     </ StackPanel >
</ UserControl >

CustomFont.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.Resources;

namespace  Silverlight20.Tip
{
    public partial class CustomFont : UserControl
    {
        public CustomFont()
        {
            InitializeComponent();

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

        void CustomFont_Loaded(object sender, RoutedEventArgs e)
        {
            // 以编码的方式使用自定义字体

            // 以华文行楷为例
            StreamResourceInfo sri = App.GetResourceStream(
              new Uri("/Silverlight20;component/Resource/STXINGKA.TTF", UriKind.Relative));

            // 设置需要显示的字体源
            lblMsg.FontSource = new FontSource(sri.Stream);

            // 设置需要显示的字体名称
            // STXingkai - 华文行楷的字体名称
            lblMsg.FontFamily = new FontFamily("STXingkai");
        }
    }
}

3、演示如何为 Silverlight 程序传递初始化参数
为 object 标记配置参数：initParams, 多个参数用“,”分隔

< param  name ="initParams"  value ="key1=value1,key2=value2"   />

或者为 Silverlight 控件配置属性：InitParameters, 多个参数用“,”分隔

< asp:Silverlight  ID ="Xaml1"  runat ="server"  InitParameters ="key1=value1,key2=value2"   />

App.xaml.cs

private   void  Application_Startup( object  sender, StartupEventArgs e)
{
    // e.InitParams - 获取传递给 Silverlight插件 的参数

    foreach (var param in e.InitParams)
    {
        // 将参数保存到应用程序级别的资源内
        Resources.Add(param.Key, param.Value);
    }

    this.RootVisual = new Page();
}

InitParams.xaml

< UserControl  x:Class ="Silverlight20.Tip.InitParams"
    xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
    xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml" >
     < StackPanel  HorizontalAlignment ="Left"  Margin ="5" >

         < TextBlock  x:Name ="lblMsg"   />

         <!-- 以声明的方式读取应用程序级别的资源 -->
         < TextBlock  Text =" {StaticResource key2} "    />

     </ StackPanel >
</ UserControl >

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

namespace  Silverlight20.Tip
{
    public partial class InitParams : UserControl
    {
        public InitParams()
        {
            InitializeComponent();

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

        void InitParams_Loaded(object sender, RoutedEventArgs e)
        {
            // 以编码的方式读取应用程序级别的资源
            lblMsg.Text += App.Current.Resources["key1"];
        }
    }
}

4、演示如何响应并处理鼠标右键事件
为 Silverlight 插件配置参数，windowless="true"

< param  name ="windowless"  value ="true"   />

RightClick.xaml

< UserControl  x:Class ="Silverlight20.Tip.RightClick"
    xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
    xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml" >
     < Border  BorderBrush ="Black"  BorderThickness ="4"  Background ="Bisque"  Width ="100"  HorizontalAlignment ="Left" >
        
         <!-- 右键菜单的内容 -->
         < StackPanel >
             < TextBlock  Margin ="5" > 我是右键菜单1 </ TextBlock >
             < TextBlock  Margin ="5" > 我是右键菜单2 </ TextBlock >
             < TextBlock  Margin ="5" > 我是右键菜单3 </ TextBlock >
         </ StackPanel >

         <!-- 右键菜单的位置 -->
         < Border.RenderTransform >
             < TranslateTransform  x:Name ="tt"   />
         </ Border.RenderTransform >

     </ Border >
</ UserControl >

RightClick.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.Browser;

namespace  Silverlight20.Tip
{
    public partial class RightClick : UserControl
    {
        public RightClick()
        {
            InitializeComponent();

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

        void RightClick_Loaded(object sender, RoutedEventArgs e)
        {
            // 监听页面的 oncontextmenu 事件，并处理
            // 注：如果要监听 oncontextmenu 事件，需要将 Silverlight 程序的 Windowless 属性设置为 true
            HtmlPage.Document.AttachEvent("oncontextmenu", this.OnContextMenu);
        }

        private void OnContextMenu(object sender, HtmlEventArgs e) 
        {
            // 设置右键菜单出现的位置
            tt.X = e.OffsetX - 201;
            tt.Y = e.OffsetY - 30;

            // 禁止其他 DOM 响应该事件（屏蔽掉默认的右键菜单）
            // 相当于 event.returnValue = false;
            e.PreventDefault();
        }
    }
}

5、Silverlight 程序的常用配置参数的说明
ParamDemo.html

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
     < title > Silverlight20 </ title >
     < style  type ="text/css" >
        html, body
        {}{
            height: 100%;
            overflow: auto;
        }
        body
        {}{
            padding: 0;
            margin: 0;
        }
        #silverlightControlHost
        {}{
            height: 100%;
        }
     </ style >

     < script  type ="text/javascript"  src ="../Silverlight.js" ></ script >

</ head >
< body >
     < div  id ="silverlightControlHost" >
         <!--
        注：括号里为 Silverlight 控件所对应的属性
        source(Source) - xap 文件的路径
        minRuntimeVersion(MinimumVersion) - 所需的最低 Silverlight 插件版本
        autoUpgrade(AutoUpgrade) - Silverlight 插件是否要自动升级。默认值 true
        initParams(InitParameters) - 为 Silverlight 程序传递初始化参数。用“,”分隔
        enableFrameRateCounter(EnableFrameRateCounter) - 是否在宿主浏览器的状态栏中显示当前呈现的 Silverlight 内容的每秒帧数(fps)，用于调试用。默认值 false
        maxFrameRate(MaxFrameRate) - 每秒要呈现的最大帧数。默认值 0 （表示未指定最大帧数）
        enableRedrawRegions(EnableRedrawRegions) - 是否显示每个帧所重绘的区域。默认值 false
        enableHtmlAccess(HtmlAccess) - 是否允许 HTML DOM 访问
            对于 object 标记的 param : value="true" - 允许；value="false" - 不允许；无此 param - 同域允许
            对于 Silverlight 控件的 HtmlAccess 属性 : Enabled - 允许；Disabled - 不允许；SameDomain - 同域允许
        windowless(Windowless) - 指定 Silverlight 插件是否为无窗口插件
         -->
         < object  id ="xaml1"  data ="data:application/x-silverlight-2,"  type ="application/x-silverlight-2"
            width ="100%"  height ="100%" >
             < param  name ="source"  value ="../ClientBin/Silverlight20.xap"   />
             < param  name ="minRuntimeVersion"  value ="2.0.31005.0"   />
             < param  name ="autoUpgrade"  value ="true"   />
             < param  name ="initParams"  value ="key1=value1,key2=value2"   />
             < param  name ="enableFrameRateCounter"  value ="true"   />
             < param  name ="maxFrameRate"  value ="30"   />
             < param  name ="enableRedrawRegions"  value ="false"   />
             < param  name ="enableHtmlAccess"  value ="true"   />
             < param  name ="windowless"  value ="true"   />
         </ object >
         < iframe  style ='visibility:  hidden; height: 0; width: 0; border: 0px' ></ iframe >
         <!-- iframe 元素和其他附加到 HTML 的元素有助于确保跨浏览器兼容性。iframe 的存在可避免 Safari 浏览器缓存页面。当用户向后导航到以前访问过的 Silverlight 页面时，Safari 缓存可避免重新加载 Silverlight 插件 -->
     </ div >
</ body >
</ html >

OK
[源码下载]