zoukankan      html  css  js  c++  java
  • silverlight全局(App.xaml)和局部样式汇总

     
     1、内联方式--即直接在控件内部利用其属性进行设置

    <UserControl x:Class="RemoveTextBoxBorder.Page"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Width="400" Height="300">
        <Grid x:Name="LayoutRoot" Background="White">
            <Button Content="Button" Height="75" Width="125" BorderBrush="Green" Foreground="Blue" />
        </Grid>
    </UserControl>

      2、全局方式--在 App.xaml Resources 文件中进行定义

      当你在VS2008中创建Silverlight项目中,你会得到一个名叫 "App.xaml"的文件,此文件格式如下:

     <Application xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                 x:Class="RemoveTextBoxBorder.App"
                 >
        <Application.Resources>
        </Application.Resources>
    </Application>

      在此文件中你可以定义自己的样式,定义样式采用如下格式:

     <Style x:Key="样式名" TargetType="样式所针对的控件类型">
       <Setter Property="控件属性名" Value="控件属性值" />
     </Style>

      在本示例中我们在此文件加入如下样式定义,加入后的App.xaml文件内容如下

    <Application xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                 x:Class="RemoveTextBoxBorder.App"
                 >
        <Application.Resources>
            <Style x:Key="ButtonStyleOne" TargetType="Button">
                <Setter Property="BorderBrush" Value="Green" />
                <Setter Property="Foreground" Value="Blue" />
                <Setter Property="BorderThickness" Value="4,4,4,4" />
            </Style>
            <Style x:Key="ButtonStyleTwo" TargetType="Button">
                <Setter Property="BorderBrush" Value="Blue" />
                <Setter Property="Foreground" Value="Green" />
            </Style>
        </Application.Resources>
    </Application>

      然后我们在控件的XAML文件中引用所定义的样式

    <UserControl x:Class="RemoveTextBoxBorder.Page"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Width="400" Height="300">
        <Grid x:Name="LayoutRoot" Background="White">
            <Button Content="Button" Height="75" Width="125" Style="{StaticResource ButtonStyleOne}"  />       
        </Grid>
    </UserControl>

      3、在 C#代码中动态设置控件样式

      为了在代码中引用此控件,我们必须要为此控件命名,在此我们命名为"MyButton"

      <Button x:Name="MyButton" Content="Button" Height="75" Width="125" />    

      然后在Page.xaml的code-behind 文件中,在其构造函数中加入如下代码:

      MyButton.Style = Application.Current.Resources["ButtonStyle"] as Style;

      后台代码如下:

      public partial class Page : UserControl
        {
            public Page()
            {
                InitializeComponent();
                MyButton.Style = Application.Current.Resources["ButtonStyleOne"] as Style;
            }
        }

     

     

    字体-----------------------------------------------------

     

    1 在Silverlight项目上单击右键,选择“添加”——“现有项”,在此将您要使用的字体文件添加到项目中;在这里,我添加一个华文行楷体文件,STXINGKA.TTF,字体的英文名称(可以到注册表中查)为STXingkai
    2 在添加好的字体文件上右键单击,选择“属性”;

        从这里开始,有两种做法:

    一 将“复制到输出目录”属性值改为“如果较新则复制”,将“生成操作”属性值改为“内容”;使用字体时,代码如下:

    格式:  /字体文件名#字体英文名
    例如:<TextBlock FontFamily="/STXINGKA.TTF#STXingkai" Text="尚未加载章节信息"/>

    二 将“复制到输出目录”属性值改为“不复制”,将“生成操作”属性值改为“Resource”;使用字体时,代码如下:

    格式:  字体文件名#字体英文名
    例如:<TextBlock FontFamily="STXINGKA.TTF#STXingkai" Text="尚未加载章节信息"/>

  • 相关阅读:
    vue父组件促发子组件中的方法
    油猴脚本:油猴脚本自动点击 | 自动检测元素并点击、休眠、顺序执行、单页面也适用
    油猴脚本:使用layer.js mobx lodash jquery
    vue项目统计src目录下代码行数
    常用mobx响应新值变化函数autorun和observe
    uni app使用mobx | uni app状态管理mobx
    File and Code Templates | webstorm代码文件模板 vue typescript
    javascript立即执行函数简单介绍
    VSCode 安装GitLens插件不生效问题
    常用的浅拷贝实现方法
  • 原文地址:https://www.cnblogs.com/bs5168/p/2293390.html
Copyright © 2011-2022 走看看