天天看点

稳扎稳打Silverlight(41) - 3.0Tip/Trick之GPU 加速, Out-Of-Browser, 应用程序库缓存

<a href="http://webabcd.blog.51cto.com/1787395/342743" target="_blank">[索引页]</a>

<a href="http://down.51cto.com/data/100302">[源码下载]</a>

稳扎稳打Silverlight(41) - 3.0Tip/Trick之GPU 加速, Out-Of-Browser, 应用程序库缓存, 合并 ResourceDictionary, 应用程序扩展服务, Silverlight 插件对象

介绍

Silverlight 3.0 提示和技巧系列

GPU 加速 - 对 GPU 加速的支持

Out-Of-Browser -  浏览器外运行,即支持脱离浏览器运行

应用程序库缓存 - 将 dll(zip) 缓存到客户端浏览器中 

合并 ResourceDictionary - 整合不同位置的 ResourceDictionary 

应用程序扩展服务 - 通过扩展 Application 来提供附加服务

Silverlight 插件对象的新增功能 - 在 Silverlight 3.0 中 Silverlight 插件对象的新增功能

在线DEMO

示例

1、如何实现 GPU 加速

GPU.xaml

&lt;navigation:Page x:Class="Silverlight30.Tip.GPU"    

                     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="GPU Page"&gt; 

        &lt;Grid x:Name="LayoutRoot"&gt; 

                &lt;Grid.Resources&gt; 

                        &lt;Storyboard x:Name="ani" AutoReverse="True" RepeatBehavior="Forever"&gt; 

                                &lt;DoubleAnimation Storyboard.TargetName="st" Storyboard.TargetProperty="ScaleX" 

                                        From="1" To="3" Duration="0:0:3" /&gt; 

                                &lt;DoubleAnimation Storyboard.TargetName="st" Storyboard.TargetProperty="ScaleY" 

                                &lt;DoubleAnimation Storyboard.TargetName="rt" Storyboard.TargetProperty="Angle" 

                                        From="0" To="360" Duration="0:0:3" /&gt; 

                                &lt;DoubleAnimation Storyboard.TargetName="mediaElement" Storyboard.TargetProperty="Opacity" 

                                        From="1" To="0.3" Duration="0:0:3" /&gt; 

                        &lt;/Storyboard&gt; 

                &lt;/Grid.Resources&gt; 

                &lt;MediaElement x:Name="mediaElement" Source="/Resource/Demo.mp4" Width="320" Height="240" 

                        AutoPlay="True" MediaEnded="mediaElement_MediaEnded" RenderTransformOrigin="0.5,0.5"&gt; 

                        &lt;MediaElement.RenderTransform&gt; 

                                &lt;TransformGroup&gt; 

                                        &lt;ScaleTransform x:Name="st" ScaleX="1" ScaleY="1" /&gt; 

                                        &lt;RotateTransform x:Name="rt" Angle="0" /&gt; 

                                &lt;/TransformGroup&gt; 

                        &lt;/MediaElement.RenderTransform&gt; 

                        &lt;!-- 

                                CacheMode - 缓存类型,用于 GPU 加速,当前只支持 BitmapCache(用 CPU 呈现 UIElement 一次,其结果位图会被缓存到 GPU, 然后通过 GPU 处理) 

                                        可被 GPU 加速的有: Scale, Rotate, Opacity, 矩形的Clip 

                                CacheMode.RenderAtScale - 位图缓存相对于当前呈现的 UIElement 的放大倍数。由于需要缓存为位图,而对于 Silverlight 的矢量图形来讲,则可以设置此属性以尽可能避免失真(当然,此值设置得越高,GPU 的负担也会越重) 

                        --&gt; 

                        &lt;MediaElement.CacheMode&gt; 

                                &lt;BitmapCache RenderAtScale="1" /&gt; 

                        &lt;/MediaElement.CacheMode&gt; 

                &lt;/MediaElement&gt; 

                &lt;Image Source="/Resource/Logo.jpg" Width="160" Height="120" /&gt; 

        &lt;/Grid&gt; 

&lt;/navigation:Page&gt;

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

namespace Silverlight30.Tip 

        public partial class GPU : Page 

        { 

                public GPU() 

                { 

                        InitializeComponent(); 

                        this.Loaded += new RoutedEventHandler(GPU_Loaded); 

                } 

                void GPU_Loaded(object sender, RoutedEventArgs e) 

                        ani.Begin(); 

                private void mediaElement_MediaEnded(object sender, RoutedEventArgs e) 

                        // 重播 

                        mediaElement.Stop(); 

                        mediaElement.Play(); 

        } 

}

GPUTestPage.html(宿主页)

&lt;div id="silverlightControlHost"&gt; 

                &lt;object data="data:application/x-silverlight-2," type="application/x-silverlight-2" 

                        width="100%" height="100%"&gt; 

                        &lt;param name="source" value="ClientBin/Silverlight30.xap" /&gt; 

                        &lt;param name="onError" value="onSilverlightError" /&gt; 

                        &lt;param name="background" value="white" /&gt; 

                        &lt;param name="minRuntimeVersion" value="3.0.40624.0" /&gt; 

                        &lt;param name="autoUpgrade" value="true" /&gt; 

                        &lt;!--enableGPUAcceleration - 是否启用 GPU 加速--&gt; 

                        &lt;param name="enableGPUAcceleration" value="true" /&gt; 

                        &lt;!--enableCacheVisualization - 是否将缓存区域可视化--&gt; 

                            如果该属性为 true 则: 

                                    本身的颜色代表被缓存的对象 

                                    红色代表未被缓存的对象 

                                    绿色代表被自动缓存的对象。如果某对象在被缓存对象的上面,那么该对象会被自动缓存 

                    --&gt; 

                        &lt;param name="enableCacheVisualization" value="true" /&gt; 

                        &lt;!--enableFramerateCounter - 是否显示帧率的相关信息--&gt; 

                            显示的信息在 Silverlight 程序的左上角以黑底白字做显示: 

                                    第一个参数:帧率(FPS) 

                                    第二个参数:GPU 的内存的使用情况。单位:KB 

                        &lt;param name="enableFramerateCounter" value="true" /&gt; 

                        &lt;a href="http://go.microsoft.com/fwlink/?LinkID=149156&amp;v=3.0.40624.0" style="text-decoration: none"&gt; 

                                &lt;img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" 

                                        style="border-style: none" /&gt; 

                        &lt;/a&gt; 

                &lt;/object&gt; 

                &lt;iframe id="_sl_historyFrame" style="visibility: hidden; height: 0px; width: 0px; 

                        border: 0px"&gt;&lt;/iframe&gt; 

        &lt;/div&gt;

2、Out-Of-Browser(对浏览器外运行的支持)

OutOfBrowser.xaml

&lt;navigation:Page x:Class="Silverlight30.Tip.OutOfBrowser"    

                     Title="OutOfBrowser Page"&gt; 

                &lt;!--安装/卸载按钮--&gt;         

                &lt;Button x:Name="button" Click="button_Click" Width="100" Height="30" /&gt; 

OutOfBrowser.xaml.cs

/* 

 * Application.InstallStateChanged - 浏览器外运行的相关状态发生改变时所触发的事件 

 * Application.InstallState - 浏览器外运行的相关状态 [System.Windows.InstallState 枚举] 

 *         NotInstalled - 在浏览器中运行 

 *         Installing - 安装到桌面中 

 *         Installed - 在浏览器外运行 

 *         InstallFailed - 安装到桌面的过程中发生错误 

 * Application.IsRunningOutOfBrowser - 当前程序是否是从浏览器外启动的 

 * Application.Install() - 安装 Silverlight 程序到浏览器外(卸载只能通过右键菜单的方式卸载) 

 * Application.CheckAndDownloadUpdateAsync, Application.CheckAndDownloadUpdateCompleted - 一对异步方法/事件,用于更新浏览器外运行的 Silverlight 程序(从服务器上下载新的版本) 

 *    

 * 注:在 Silverlight 项目上单击右键 -&gt; 属性 -&gt; Out-of-Browser Settings 可以对“浏览器外运行”的相关参数做设置(也可以手动修改 Properties/OutOfBrowserSettings.xml) 

 */ 

        public partial class OutOfBrowser : Page 

                public OutOfBrowser() 

                        this.Loaded += new RoutedEventHandler(OutOfBrowser_Loaded); 

                void OutOfBrowser_Loaded(object sender, RoutedEventArgs e) 

                        InitButton(); 

                        App.Current.InstallStateChanged += new EventHandler(Current_InstallStateChanged); 

                void Current_InstallStateChanged(object sender, EventArgs e) 

                private void InitButton() 

                        if (App.Current.IsRunningOutOfBrowser) 

                        { 

                                button.Content = "卸载"; 

                        } 

                        else 

                                button.Content = "安装"; 

                private void button_Click(object sender, RoutedEventArgs e) 

                        if (!App.Current.IsRunningOutOfBrowser &amp;&amp; App.Current.InstallState == InstallState.NotInstalled) 

                                App.Current.Install(); 

                                MessageBox.Show("请右键卸载"); 

3、应用程序库缓存的说明

ApplicationLibraryCaching.xaml

&lt;navigation:Page x:Class="Silverlight30.Tip.ApplicationLibraryCaching"    

                     Title="ApplicationLibraryCaching Page"&gt; 

                &lt;TextBlock&gt; 

                        &lt;Run&gt; 

                                应用程序缓存 - 将 dll 缓存到客户端浏览器中 

                        &lt;/Run&gt; 

                        &lt;LineBreak /&gt; 

                                启用“应用程序缓存” - 在 Silverlight 项目上单击右键 -&gt; 属性 -&gt; 勾选“ Reduce XAP size by using application library caching”复选框 

                                “应用程序缓存”不能和“脱离浏览器支持”共同使用 

                                启用应用程序缓存后,可被缓存的 dll 的属性 Copy Local 会被设置为 true 

                                启用应用程序缓存后,所有可被缓存的 dll 会单独生成一个 zip 包 

                                AppManifest.xml 会增加相应的 ExternalParts。例: &lt;Deployment.ExternalParts&gt;&lt;ExtensionPart Source="System.Xml.Linq.zip" /&gt;&lt;/Deployment.ExternalParts&gt; 

                &lt;/TextBlock&gt; 

4、合并 ResourceDictionary 的演示

App.xaml(在此处合并不同位置的 ResourceDictionary)

&lt;Application xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 

                         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    

                         x:Class="Silverlight30.App" 

&gt; 

        &lt;Application.Resources&gt; 

                &lt;!-- 

                        以 xaml 方式整合外部 ResourceDictionary 

                --&gt; 

                &lt;ResourceDictionary&gt; 

                        &lt;ResourceDictionary.MergedDictionaries&gt; 

                                &lt;ResourceDictionary Source="Style/ButtonStyle1.xaml" /&gt; 

                                &lt;ResourceDictionary Source="Style/ButtonStyle2.xaml" /&gt; 

                        &lt;/ResourceDictionary.MergedDictionaries&gt; 

                &lt;/ResourceDictionary&gt; 

                        以 cs 方式整合外部 ResourceDictionary 

                        ResourceDictionary dict = System.Windows.Markup.XamlReader.Load(xaml) as ResourceDictionary;    

                        Resources.MergedDictionaries.Add(dict); 

        &lt;/Application.Resources&gt; 

&lt;/Application&gt;

5、应用程序扩展服务的 Demo

App.xaml(注册服务)

                         xmlns:svc="clr-namespace:Silverlight30.Tip" 

        &lt;!-- 

                以 xaml 方式注册扩展服务 

        --&gt; 

        &lt;Application.ApplicationLifetimeObjects&gt; 

                &lt;svc:MyExtensionService /&gt; 

        &lt;/Application.ApplicationLifetimeObjects&gt; 

                以 cs 方式注册扩展服务(在 App 的构造函数中) 

                ApplicationLifetimeObjects.Add(new Silverlight30.Tip.MyExtensionService()); 

MyExtensionService.cs

 * 自定义扩展服务需要实现 IApplicationService 接口或 IApplicationLifetimeAware 接口 

 * IApplicationService 接口需要实现 StartService() 方法(Application.Startup 事件之前调用)和 StopService() 方法(Application.Exit 事件之后调用) 

 * IApplicationLifetimeAware 接口需要实现的方法有 Starting(), Started(), Exiting(), Exited() 其分别在 Application.Startup 事件的之前和之后调用,以及 Application.Exit 事件的之前和之后调用 

using System.Windows.Ink; 

        public class MyExtensionService : IApplicationService 

                public static MyExtensionService Current { get; set; } 

                public string ExtensionInfo { get; set; } 

                public void StartService(ApplicationServiceContext context) 

                        Current = this; 

                        ExtensionInfo = "abc xyz"; 

                public void StopService() 

ApplicationExtensionServices.xaml.cs

        public partial class ApplicationExtensionServices : Page 

                public ApplicationExtensionServices() 

                        this.Loaded += new RoutedEventHandler(ApplicationExtensionServices_Loaded); 

                void ApplicationExtensionServices_Loaded(object sender, RoutedEventArgs e) 

                        // 调用自定义的扩展服务 

                        MessageBox.Show(MyExtensionService.Current.ExtensionInfo); 

6、Silverlight 插件对象的新增功能的简要说明

Plugin.xaml

&lt;navigation:Page x:Class="Silverlight30.Tip.Plugin"    

                     Title="Plugin Page"&gt; 

                                AllowHtmlPopupWindow - 是否允许使用 HtmlPage.PopupWindow 弹出新窗口 

                                EnabledAutoZoom - 是否自动调整大小以适应浏览器的缩放 

                                EnabledNavigation - 是否可以使用 HyperlinkButton 导航到外部链接 

                                Application.Current.Host.Settings, Application.Current.Host.Content - 可对插件的一些属性和一些事件做设置 

                                EnableGPUAcceleration, EnableCacheVisualization, EnableFramerateCounter - 参见 GPUTestPage.html 中的说明 

OK

<a href="http://down.51cto.com/data/100302" target="_blank">[源码下载]</a>

          本文转自webabcd 51CTO博客,原文链接:http://blog.51cto.com/webabcd/342772,如需转载请自行联系原作者

继续阅读