Silverlight之添加全局样式

本文为原创文，难免会有一些小得瑕疵，敬请谅解。
所有示例均是博主测试过的，如有转载请标明出处，谢谢。
在Asp.Net中，我们可以使用Css+Div来控制样式，在Silverlight中我们也可以使用全局样式。
当我们新建一个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>

一般情况中，我们可以在这个文件中直接添加自己定义样式，例如：

<Application xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"　　　　　　　　　　　　 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"　　　　　　　　　　　　 x:Class="SilverlightTest.App"　　　　　　　　　　　　 >　　　 <Application.Resources>　　　　　　　 <Style x:Key="ButtonStyle" TargetType="Button">　　　　　　　　　　　 <Setter Property="Width" Value="100" />　　　　　　　　　　　 <Setter Property="Foreground" Value="Blue" />　　　　　　　　　　　 <Setter Property="BorderThickness" Value="4,4,4,4" />　　　　　　　 </Style>　　　 </Application.Resources></Application>

然后在控件中引入此样式：

<UserControl x:Class="SilverlightTest.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" Style="{StaticResource ButtonStyle}"/>　　　　　　　　 </Grid></UserControl>

但是，有时我们做程序时，为了使用样式更加清晰，想要把样式单独存在一个文件夹中，这时我们需要使用资源字典。
首先，在项目中添加一个文件夹，名字叫Styles。
然后，点击右键添加新建项，选择Silverlight资源字典，名为BaseStyle.Xaml

在资源字典中，添加你所需要的样式，例如：

<ResourceDictionary    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    > <Style x:Key="TextBoxStyle" TargetType="TextBox">        <Setter Property="Padding" Value="3,0,0,0"></Setter>        <Setter Property="VerticalAlignment" Value="Top"></Setter>        <Setter Property="HorizontalAlignment" Value="Left"></Setter>        <Setter Property="Width" Value="100"></Setter>    </Style></ResourceDictionary>

然后，在App.Xaml文件中，引入此资源字典：

  <Application.Resources> <ResourceDictionary>            <ResourceDictionary.MergedDictionaries>                <ResourceDictionary Source="Styles/BaseStyle.xaml"></ResourceDictionary>            </ResourceDictionary.MergedDictionaries>        </ResourceDictionary> </Application.Resources>

最后，我们就可以在控件中引入此样式：

<UserControl x:Class="SilverlightTest.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">　　　　　 <TextBox Name="txtMoney"  Margin="5,4,0,0" Style="{StaticResource TextBoxStyle}"/>　　　　　 </Grid></UserControl>

转载于:https://www.cnblogs.com/jiajiayuan/archive/2011/09/30/2196539.html

Silverlight之添加全局样式相关推荐

element 配置全局样式例如：为项目中所有el-dialog弹窗添加分割线
先看问题,设计图的el-dialog弹窗在提示文字下面都有一条横线, element框架自带的el-dialog弹窗缺少提示文字下面的那个分割横线. 为了避免重复编写样式,我们为el-dialog添加 ...
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表（含Tdesign升级，切换调试基础库，设置全局样式，配置组件按需注入，添加图片素材，wx:for，生命周期 onLoad）
开始前,请先完成首页的开发,详见 [微信小程序-原生开发]实用教程05-首页(含自定义调试模式.插入图片.图文排版.底部留白.添加本地图片) https://blog.csdn.net/weixin_ ...
antd select 下拉菜单的 style 属性_如何优雅地彻底解决 antd 全局样式问题
背景由于某些原因,我们团队负责在 GitLab 上做二次开发,简单理解就是在 GitLab 上挂个 DOM 渲染用 React 写的一些组件,组件库选择了 antd,尴尬的是引入之后发现,GitLa ...
element ui 设置全局样式不起作用
今天在写springboot+vue项目的时候出现这样一个问题,我想给所有的按钮添加一个样式,在全局样式表中添加了font-size:13px;但是不起作用,只有单独加到按钮上才起作用,于是到百度上查 ...
Bootstrap3 全局样式
Bootstrap 3 的目标是简洁.直观.强悍的前端开发框架,让 Web 开发变得更好.更快.更强壮,我们有必要先了解一下 Bootstrap 底层结构的关键部分. HTML5文档类型 Bootst ...
html 设置统一样式,css 全局样式的定义
对css还是不熟悉,老是对全局样式无从下手. 从网易拷了一份,学习了一下. body {margin:0; font:12px/1.5 \5b8b\4f53,Arial,sans-serif; bac ...
Yii2 中添加全局函数
方法一直接在入口文件 web/index.php 里面写函数,示例代码如下: // 全局函数 if (!function_exists('pp')) {//传递数据以易于阅读的样式格式化后输出fun ...
Bootstrap框架使用（安装，全局样式，组件，插件）
简介中文官网:www.bootcss.com 1.响应式框架 2.HTML5文档类型 3.移动设备优先:必须设置viewport Bootstrap框架使用 BT使用安装 1.安装:1.下载引入:生 ...
小程序看练代码02--模板、封装模板，include模板，wxs，全局样式，导入样式，微信基础样式库，hover-class等，过渡动画，空格使用，图片懒加载，ico图标，图像vh居中，矢量库，表单
1.定义及使用模板模板没有自己的js,也没有自己的监听,而是直接使用页面的js和监听.请更倾向去使用组件 <text>模板的使用</text> <!--模板的定义,要给 ...

Silverlight之添加全局样式

Silverlight之添加全局样式相关推荐

最新文章

热门文章