WP7开发学习(4):Style样式的四种使用

原创 2012年03月30日 21:11:27

Web开发中,我们通过CSS来控制页面元素的样式,一般常用三种方式:

1.       内联样式表:即直接设置元素的style属性

2.       嵌入样式表:即在html页面上写一个<style>……..</style> 代码段,然后设置元素的class 属性

3.       外部样式表:即写一个独立的.css 文件,然后再html页面上引入该文件,然后设置元素的class属性

 

具体如何操作,这里就不说了。不懂的去百度一把,绝对会出现一大坨。

 

同样的,在WP7开发中,也有类似以上几种方式设置控件的样式——开发平台可以千差万别,编程思想都是大同小异的。

 

 一,内联样式:

直接设置控件的 Height WidthForegroundHorizontalAlignmentVerticalAlignment 等属性。以设置一个Botton控件的样式为例,如:

    <Grid x:Name="ContentPanel" >
            <Button Content="Button" Name="btnDemo" 
                    Height
="72" 
                    Width
="150" 
                    Foreground
="White" 
                    Background
="Blue" 
                    HorizontalAlignment
="Left" 
                    VerticalAlignment
="Top" 
                    Margin
="170,132,0,0" 
                    Grid.Row
="1" />
          </Grid>

 这种方式比较简单,但是代码不能复用。

 

 二,嵌入样式:

在页面<phone:PhoneApplicationPage.Resources节点下添加样式,然后在需要的控件上设置Style 属性。还是以上面那个Botton控件为例。 

     1,在页面<phone:PhoneApplicationPage.Resources>节点下添加一个Key值叫“BtnStyle”的样式

  <phone:PhoneApplicationPage.Resources>
        <Style x:Key="BtnStyle"  TargetType="Button">
            <Setter Property="Height" Value="72" />
            <Setter Property="Width" Value="150" />
            <Setter Property="Foreground" Value="White" />
            <Setter Property="Background" Value="Blue" />
            <Setter Property="HorizontalAlignment" Value="Left" />
            <Setter Property="VerticalAlignment" Value="Top" />
        </Style>
    </phone:PhoneApplicationPage.Resources>
      2, 设置Botton 控件的Style 属性为 "{StaticResource BtnStyle}" 
   <Grid x:Name="ContentPanel" >
            <Button Content="Button" Name="btnDemo" 
                   Style
="{StaticResource BtnStyle}"
                    Margin
="170,132,0,0"  />
   </Grid>

 

解释一下,TargetType="Button" 指定了该样式适用于Botton类型的控件Key="BtnStyle" 如果不设置该值,则该样式将适用于所有的Botton 控件,而设置了其值为“BtnStyle,则只用于设置了  Style="{StaticResource BtnStyle}" Botton控件。这就好比CSS中的元素选择器和类选择器。


wp7开发中,这种方式可以使得单个页面上的控件能够复用一个样式,比第一种方式面向对象了一步。 

三,外联样式:

1,新建一个.xaml资源文件,/Resources/BtnStyle.xaml

2, BtnStyle.xaml文件里编写样式代码

BtnStyle.xaml: 
<ResourceDictionary
  
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x
="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:System
="clr-namespace:System;assembly=mscorlib">
    <Style x:Key="BtnStyle" TargetType="Button">
        <Setter Property="Height" Value="72" />
        <Setter Property="Width" Value="150" />
        <Setter Property="Foreground" Value="White" />
        <Setter Property="Background" Value="Blue" />
        <Setter Property="HorizontalAlignment" Value="Left" />
        <Setter Property="VerticalAlignment" Value="Top" />
    </Style>
</ResourceDictionary>

    
    3,在App.xaml文件的<Application.Resources>

             或者普通页面的<phone:PhoneApplicationPage.Resources>

             或者用户控件的 <UserControl.Resources>  节点下

            添加相应的ResourceDictionary,配置引用BtnStyle.xaml:

app.xaml:
    <Application.Resources> 
        
         <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="Resources/BtnStyle.xaml"/>
            <!--<ResourceDictionary Source="Resources/BtnStyle2.xaml"/>
                <ResourceDictionary Source="Resources/BtnStyle3.xaml"/>
-->
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
        
    </Application.Resources>
或者MainPage.xaml:
<phone:PhoneApplicationPage.Resources>

        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="Resources/BtnStyle.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>

</phone:PhoneApplicationPage.Resources>

 <ResourceDictionary.MergedDictionaries>节点下可以添加多个资源文件

这种方式相比前面两种使得样式和结构又更进一步分离了。

App.xam引用,是全局的,可以使得一个样式可以在整个应用程序中能够复用。在普通页面中引用只能在当前页面上得到复用。


     4, 
设置Botton 控件的Style 属性为"{StaticResource BtnStyle}" 和上面的一样。

 

 四,用C#代码动态加载资源文件并设置样式

     1,新建资源文件:同上面的12两步。

    2,在后台编写代码           

     ResourceDictionary resourceDictionary = new ResourceDictionary();

     Application.LoadComponent(resourceDictionary, new Uri("/PhoneApp1;component/Resources/BtnStyle.xaml", UriKind.Relative));
     Application.Current.Resources.MergedDictionaries.Add(resourceDictionary);
     //以上几行代码表示将我们自定义的样式加载到应用程序的资源字典中。
     this.btnDemo.SetValue(Button.StyleProperty, Application.Current.Resources["BtnStyle"]);


原文地址:http://www.cnblogs.com/xumingxiang/archive/2012/03/23/2413342.html 

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

黑马程序员_学习日记84_814WP7开发(画刷Brush、变换Transform、样式、换肤)

1、画刷: (1)Silverlight的界面都是用画刷(Brush)画出来的,可以改变不同的画刷画不同的内容。 SolidColorBrush:实心颜色画刷 LinearGradientBru...

学习WP7应用开发的笔记--在App和Page中使用资源集合的注意点1

今日看了Charles Petzold【美】著作的《Windows Phone 7程序设计》一书中的资源集合,特此做笔记。 在Page.xaml中添加资源集合时, 似下面这样 <phone:Ph...

WPF开发学习:资源在内外部定义的不同方式和怎么引用,Style样式的四种使用(对比CSS)

在Web开发中,我们通过CSS来控制页面元素的样式,一般常用三种方式: 1.      内联样式表:即直接设置元素的style属性 2.      嵌入样式表:即在html页面...

WP7 开发学习(1):“合一微博” 与 OAuth 原理

本文以开发一个简单整合了新浪微博和腾讯微博于一体的WP7客户端——“合一微博” 作为WP7开发学习的载体,来记录WP7开发学习中的各种问题及解决方案。     要实现的功能:     1,...

Windows Phone开发学习之三——建立第一个WP7项目

欲使用 Visual Studio 2010 Express for Windows Phone 建立 Windows Phone 7 应用程序,您可以启动 Visual Studio 2010 Ex...

wp7样式的关联

最近几个朋友(非IT行业的朋友)要买手机,我就问了一下:有考虑买wp7的吗。朋友:不买,wp7的界面太丑了。 当时我听了之后心里一下子凉了一大半。如果用户都这样想的话,wp7的命运真是悲剧啊。希...

wp7样式的关联

最近几个朋友(非IT行业的朋友)要买手机,我就问了一下:有考虑买wp7的吗。朋友:不买,wp7的界面太丑了。 当时我听了之后心里一下子凉了一大半。如果用户都这样想的话,wp7的命运真是悲剧啊。希...

WP7中,修改button样式并重用

在Wp7中按钮的默认效果是这样的: 黑色主题普通/按下   白色主题普通/按下   普通状态的背景色前景很容已通过修改Background、Foreground、BorderBr...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)