silverlight   发布时间:2022-05-04  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了silverlight获取网页里的资源文件大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

概述

内容来源@R_@R_696_11289@_10107@://longer3436.blog.163.com/blog/static/12833062200987104249150/该博客 Silverlight 3 Theme研究 Silverlight 2009-09-07 22:42:49 阅读503 评论0   字号:大中小 订阅     Silverlight 3对于主题也有了很好的支持,在toolkit中已经提供了不少主题,

内容来源http://longer3436.blog.163.com/blog/static/12833062200987104249150/博客

Silverlight 3 Theme研究

Silverlight 2009-09-07 22:42:49 阅读503 评论0   字号: 订阅

 

     

    Silverlight 3对于主题也有了很好的支持,在toolkit中已经提供了不少主题,当然也可能自己设计主题了,只要有一个xaml文件就够了,这样设计人员之间就能够共享主题。这里主要总结两个东西,一个是关于隐式主题,另一个当然就是显式的啦。

    ImplicitStyle

    什么是隐式样式?知道CSS的大概就知道是什么意思了。在SL中写一个Style的话,除了需要指明其TargetType,还需要指定一个Key,这样在控件中使用Style={Staticresource KeyNamE}的方式来加载Style。而隐式样式则不需要指定Key,也就是说如果指定了一个隐式样式的TargetType并且在项目或者某个Layout的控件中引用了这个样式,那么在项目或控件内部所有那种类型的控件都会应用那个样式,这样就不用一个一个控件地写Style=了,自然是方便不少。

    是因为所有同类型的控件都会加载同样的Style,可能在设计的时候并不希望这样,总是有一些是特别的。没有关系,因为隐式样式的优先级比较低,如果你设置了其他的样式的话自然会覆盖掉隐式样式的。

    好了,现在来总结一下如何使用ImplictStyle。

    使用隐式样式,首先要添加toolkit的System.Windows.Controls.Theming.Toolkit.dll程序集,当然在需要使用的xaml中也要添加相应的命名空间啦。现在添加一个新的User Control,就叫TestStyle吧。首先添加命名空间:

     

     

    xmlns:theme="clr-namespace:System.Windows.Controls.Theming;assembly=System.Windows.Controls.Theming.Toolkit"

     

    然后添加一个StackPanel吧,在里面添加一个按钮,然后设定样式:

     

     

    <Button Content="button" Width="100" Height="22" x:Name="button" ></Button>

     

    当然了,这个按钮的样式现在还没有写,接下来的工作就是要添加这样一个样式了。文件放置的位置无所谓了,这里按照微软的习惯,先建立一个文件夹,名字为Assets,然后在里面添加一个xaml文件,叫Styles.xaml,样式就写在这文件

    silverlight获取网页里的资源文件

     

     

    <resourceDictionary

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

      xmlns:x="@R_@R_696_11289@_10107@://scheR_106_11845@as.microsoft.com/winfx/2006/xaml"

      xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"

        xmlns:uc="clr-namespace:TESTControl;assembly=TESTControl"

        xmlns:common="clr-namespace:Common;assembly=Common"

        >

       

        <Style TargetType="Button">

            <Setter Property="Foreground" Value="Red"></Setter>

        </Style>

    /resourceDictionary>

     

    这个时候如果直接运行会发现,按钮的样式并没有改变。这个时候toolkit的ImplicitStyleManager就该出场了,可以在任意的Layout控件中使用,现在我们就在StackPanel中添加吧:

     

     

     <StackPanel x:Name="LayoutRoot" theme:ImplicitStyleManager.Applymode="Auto" theme:ImplicitStyleManager.resourceDictionaryUri="Assets/Styles.xaml" BACkground="White" >

     

    上面的代码指定了两个东西,一个是隐式样式的添加模式,有三种:none、auto和onetime。none就跟你没有写Applymode的效果是一样的,而onetime就是只加载一次了,auto则允许多次加载。另一个就是resourceDictionaryUri,它指定了隐式样式所在的文件

    那么好吧,现在直接运行一下?很不幸,程序可以编译通过,但是运行的时候出错了。这是因为ImplicitStyleManager无法找到相应的资源。那怎么办呢,很简单,Styles.xaml文件在新建的时候,其认的“Build action”是page,这样隐式样式是无法加载的,我们需要把它改为Content。在Styles.xaml上右键,选择属性,将Build Action 改为Content。运行下程序,OK了,按钮的字体变成红色了:

    silverlight获取网页里的资源文件

    并且我们可以看到,在StackPanel外面的Button是不受这个隐式样式的影响的,比如:

     

     

    <StackPanel x:Name="LayoutRoot" BACkground="White" ><!---->    

              <Button Content="button without style" Width="200" Height="22"></Button>

            <StackPanel theme:ImplicitStyleManager.Applymode="Auto" theme:ImplicitStyleManager.resourceDictionaryUri="Assets/Styles.xaml" >

            <Button Content="button" Width="200" Height="22" x:Name="button"></Button>

             </StackPanel>

    </StackPanel>

     

    这样运行的结果将是:

    silverlight获取网页里的资源文件

    这个结果正是我们希望的。同样,即使是在Layout控件内部的,如果已经定义了样式或对相应属性进行了设置,也是会覆盖隐式样式的。至于说隐式样式到底是怎么起作用的,这个就要涉及AttachProperty,比较麻烦了,这里暂时不讲,可以到网上搜一下。

    还有一点要说的是,resourceDictionaryUri是全局的,不仅可以在这里指定,在其他地方也可以指定,最后使用哪个路径就看哪个最后加载了。

    在预编译的时候设定样式是很顺利了,那么在运行时又该如何改变呢?其实也非常简单,现在就来做个小测试吧。

    首先添加一个按钮,其作用就是改变样式。然后依照刚才的方法,在Assets文件夹中添加一个新的xaml文件,将按钮的字体颜色设置为绿色。注意别忘了把Build Action改为了Content。这时需要对xaml文件作一些修改

     

     

    <Button Content="button without style" Width="200" Height="22"></Button>

            <StackPanel x:Name="Container" theme:ImplicitStyleManager.Applymode="Auto" theme:ImplicitStyleManager.resourceDictionaryUri="Assets/Styles.xaml" >

            <Button Content="button" Width="200" Height="22" x:Name="button"></Button>

            <Button Content="change style" Width="100" Height="22" Foreground="Black" Click="Button_Click" ></Button>

        </StackPanel>

     

    然后在后台添加代码

     

     

      private bool _change = false;

            private void Button_Click(object sender,RoutedEventArgs E)

            {

                if (_changE)

                {

                    ImplicitStyleManager.SetresourceDictionaryUri(this.Container,new Uri("Assets/GreenStyles.xaml",UriKind.RelativeOrAbsolutE));

                }

                else

                {

                    ImplicitStyleManager.SetresourceDictionaryUri(this.Container,new Uri("Assets/Styles.xaml",UriKind.RelativeOrAbsolutE));

                }

                ImplicitStyleManager.SetApplymode(this.Container,ImplicitStylesApplymode.Auto);

                ImplicitStyleManager.Apply(this.Container);

                _change = !_change;

    }

     

    运行一下就可以看到了,添加了隐式样式的按钮,在点击之后按钮的样式就会改变,而没添加的按钮就不收影响。需要对上面的代码一个简单的说明,调用SetresourceDictionaryUri方法来改变当前的样式文件的路径,这样可以调用不同的样式了,但是仅仅是这样是不会立刻改变的,还需要调用SetApplymode方法设置模式,并调用Apply方法来提交改变,这样就能达到目的了。不过需要注意的是这几个方法传递的参数,第一个参数都是你想要Attach相应的样式的控件,比如我现在就是将样式Attach到StackPanel中,这样只有在里面的Button才会受影响。而如果我把“this.Container”改成“this”,那么整个UserControl都会Attach这个样式,其结果就是即使是在StackPanel外面的那个Button样式也会改变。

    就跟显式样式会优于隐式样式一样,隐式样式自己也是有优先级的关系的。就像上面说的,如果在UserControl上Attach样式,但是如果在StackPanel上同样也Attach了,并且指定了resourceDictionaryUri,那么在StackPanel里面的Button的样式就不会改变了。简单来说,就是父控件样式的范围会更广,而子控件样式的优先级会比较高。

    最后还有一点想要说明的是,之前的测试都是在同一个工程里面的,如果在解决方案下有多个工程,那么在其他工程中该如何使用呢?其实是一样的,并不需要做什么改动。

    好了,关于隐式样式的内容就是那么多了,再来总结一下显示样式吧。

    Theme

    我想写过Silverlight程序的人大多应该有这样的体会:写Style真是件让人很痛苦的事。因为随便一个什么样式都很可能会写上上百行甚至数百行或者更多。而以前全局的样式只能写在App.xaml里面,这样直接导致的一个结果就是这个文件会变得超大,大得让人无法忍受,除了打开会很慢很慢外,想要从中找出个什么东西来也是非常困难的一件事。现在就不一样了,允许将样式文件分放到不同的地方,这真是个很好的改进。现在来看看这个东西是怎么工作的吧。

    为了简便起见还是用刚才定义的两个样式文件:Styles.xaml和GreenStyles.xaml。如果是显式样式的话,其Build Action似乎不是很重要(具体还没详细研究),无论是page还是Content都可以正常工作,因此就不改了。唯一做的改动就是给每个样式添加一个key,就叫ButtonStyle好了。

     

     

     <Style x:Key="ButtonStyle" TargetType="Button">

            <Setter Property="Foreground" Value="Red"></Setter>

        </Style>

     

    接下来就是要改动app.xaml了:

     

     

    <Application xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

                 xmlns:x="@R_@R_696_11289@_10107@://scheR_106_11845@as.microsoft.com/winfx/2006/xaml"

                 x:Class="TESTControl.App"

                 >

        <Application.resources>

            <resourceDictionary>

                <resourceDictionary.MergedDictionaries >

                    <resourceDictionary  source="Assets/Styles.xaml"></resourceDictionary>

                </resourceDictionary.MergedDictionaries>

            </resourceDictionary>

        </Application.resources>

    </Application>

     

    可以看到,我在Application.resources里面添加一个resourceDictionary,同时又在其MergedDictionaries 里面再添加一个resourceDictionary ,在最后这个resourceDictionary 里面指定其source是事先写好的Style文件的路径,这样就可以全局调用这个资源了。调用方法跟普通的样式是一样的,如下:

     

     

    <Button Content="button" Width="200" Height="22" x:Name="button" Style="{Staticresource ButtonStylE}" ></Button>

     

    这样Button就添加了样式了。

    @H_186_67@mergedDictionaries 是一个集合,有了这个东西,resourceDictionary里面可以再添加resourceDictionary,这样就能把样式分开到不同的文件了,是不是方便很多呢?最关键的还不是这里,有了这个东西就可以很方便的改变样式了哦,因此改变主题也就不是那么困难了。那么下面再来通过一个小例子说明下如果动态改变主题吧。

    还是像刚才那样,点击一下按钮样式就改变,但是代码要做相应的变动:

     

     

     App.Current.resources.MergedDictionaries.Clear();

                if (_changE)

                {

                    App.Current.resources.MergedDictionaries.Add(new resourceDictionary() { source = new Uri("/Assets/Styles.xaml",UriKind.RelativeOrAbsolutE) });

                }

                else

                {

                    App.Current.resources.MergedDictionaries.Add(new resourceDictionary() { source = new Uri("/Assets/GreenStyles.xaml",UriKind.RelativeOrAbsolutE) });

                }

                his.button.Style = App.Current.resources["ButtonStyle"] as Style;

     

    上面的代码跟之前的隐式样式有些不同,首先是要将MergedDictionaries清除掉,然后添加新的资源,但是这样并不会马上改变控件的样式,还需要显示地设置其style才行,或者重新加载页面。这里有一个地方尤其需要注意的,请仔细观察两个方法设置xaml文件路径的异同,细心点可以发现,在显式样式的时候前面多了一个斜杠!这个是必须的,否则编译不通过,会抛出“对 COM 组件的调用返回错误 HRESULT E_FAIL。”这么一个异常,原因是无法找到相应的资源(我以后哈,不是特别确定)。关于这点,就要涉及到Silverlight关于资源的引用的问题了,这里不想多说,引用同事Kevin Yang博客的一片文章中的一段话来简要说明一下吧:

     

    1. resource —— 资源会被打包在程序集内部
    2. Content——资源会被打包在Xap包里面
    3. None——资源既不会被集成到程序集内,也不会打包到xap包中。不过我们可以通过设置CopyToOutputDirectory选项让其自动拷贝到xap包所在目录。

       

      再来说引用的问题。

    4. 使用前置 / 引用资源时,SL会从当前Xap包中查找资源,找不到的话会到Xap包所在的目录查找
    5. 不使用前置 / 引用资源时,SL会从当前程序集内查找资源,如果找不着则会到Xap包所在目录查找其他选项你知道的话
    6. 你也可以使用/{程序集名};component/{图片资源路径}的方式来访问,这样就查找的路径就限定在程序集内部了,也就是那些标记resource的资源。

     

    最后需要说的是,如果你的解决方案是有多个工程的,而且使用上面的路径还是抛出那个异常了,那么也不用太担心,基本上是路径的问题,可以尝试用“/{程序集名};component/{图片资源路径}”的方法来设置路径,比如我现在这个项目就可以这样设置“/TESTControl;component/Assets/Styles.xaml”,这样一般不会有问题了,如果还有问题可能就是RP问题了。。。。

    @H_404_461@

大佬总结

以上是大佬教程为你收集整理的silverlight获取网页里的资源文件全部内容,希望文章能够帮你解决silverlight获取网页里的资源文件所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。