稳扎稳打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.voidcn.com/article/p-ounmxjds-tq.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
[源码下载]