Silverlight 样式

最新推荐文章于 2013-12-30 16:42:35 发布

蝈蝈俊

最新推荐文章于 2013-12-30 16:42:35 发布

阅读量1.3k

点赞数

分类专栏： Silverlight 文章标签： silverlight setter blend wpf layout class

本文链接：https://blog.csdn.net/ghj1976/article/details/5107624

版权

Silverlight 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

WPF 和 Silverlight 支持 Style 机制，它允许我们把控件的属性值封装成可重用的资源。我们可以把这些样式声明保存在独立于页面的其他文件中(当然本文件也可以)，然后就可以在一个应用程序中跨控件和页面重用（甚至跨多个应用程序重用）。在做一些基本定制的场景下，概念上类似于在 HTML 中重用 CSS。

一个样式的简单例子

我们给一个园定义一个名叫 EllipseStyle1 的样式，然后应用这个样式。

Xaml 文件

<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	x:Class="SilverlightApplication_Style.MainPage"
	Width="300" Height="300">
	<UserControl.Resources>
		<Style x:Key="EllipseStyle1" TargetType="Ellipse">
			<Setter Property="Fill">
				<Setter.Value>
					<LinearGradientBrush EndPoint="0.9,1" StartPoint="0.1,0.1">
						<GradientStop Color="#FF42B34A" Offset="0"/>
						<GradientStop Color="#FFC03535" Offset="1"/>
					
  
  LinearGradientBrush>
				
   
   Setter.Value>
			
    
    Setter>
			<Setter Property="Margin" Value="10,0,0,0"/>
			<Setter Property="Cursor" Value="Hand"/>
			<Setter Property="StrokeThickness" Value="20"/>
			<Setter Property="VerticalAlignment" Value="Center"/>
			<Setter Property="HorizontalAlignment" Value="Center"/>
		
     
     Style>
	
      
      UserControl.Resources>

	<Grid x:Name="LayoutRoot" Background="White">
		<Ellipse Height="100" Width="100" Style="{StaticResource EllipseStyle1}" />
	 
       Grid>  
        UserControl>