zoukankan      html  css  js  c++  java
  • Silverlight button样式

    Silverlight玻璃边框样式的按钮
    <Style x:Key="GlassBorderStyle" TargetType="Border">
    <Setter Property="BorderThickness" Value="2"/>
    <Setter Property="Padding" Value="5"/>
    <Setter Property="Background">
    <Setter.Value>
    <LinearGradientBrush EndPoint="0.75,1" StartPoint="0.25,0">
    <GradientStop Color="#33FFFFFF" Offset="0"/>
    <GradientStop Color="#C0FFFFFF" Offset="0.287"/>
    <GradientStop Color="#4011322D" Offset="0.683"/>
    <GradientStop Color="#33FFFFFF" Offset="1"/>
    </LinearGradientBrush>
    </Setter.Value>
    </Setter>
    <Setter Property="BorderBrush">
    <Setter.Value>
    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    <GradientStop Color="#5811322D" Offset="0"/>
    <GradientStop Color="#3EFFFFFF" Offset="0.25"/>
    <GradientStop Color="#FFFFFFFF" Offset="0.5"/>
    <GradientStop Color="#3EFFFFFF" Offset="0.75"/>
    <GradientStop Color="#BFFFFFFF" Offset="1"/>
    </LinearGradientBrush>
    </Setter.Value>
    </Setter>
    <Setter Property="Effect">
    <Setter.Value>
    <DropShadowEffect BlurRadius="3" ShadowDepth="3" Opacity="0.5"/>
    </Setter.Value>
    </Setter>
    </Style>

    转自:http://www.silverlightchina.net/html/works/2009/1127/266.html

    Silverlight Mac OS 风格按钮
    <Style x:Key="MyButton" TargetType="Button">
    <Setter Property="IsEnabled" Value="true"/>
    <Setter Property="IsTabStop" Value="true"/>
    <Setter Property="Background" Value="#FF003255"/>
    <Setter Property="Foreground" Value="#FF313131"/>
    <Setter Property="MinWidth" Value="5"/>
    <Setter Property="MinHeight" Value="5"/>
    <Setter Property="Margin" Value="0"/>
    <Setter Property="HorizontalContentAlignment" Value="Center"/>
    <Setter Property="VerticalContentAlignment" Value="Center"/>
    <Setter Property="Cursor" Value="Arrow"/>
    <Setter Property="FontSize" Value="11" />
    <Setter Property="Template">
    <Setter.Value>
    <ControlTemplate TargetType="Button">
    <Grid>
    <Grid.Resources>
    <Color x:Key="LinearBevelLightStartColor">#FFFFFFFF</Color>
    <Color x:Key="LinearBevelLightEndColor">#F4E2E0E0</Color>
    <Color x:Key="LinearBevelDarkStartColor">#E0E5E5E5</Color>
    <Color x:Key="LinearBevelDarkEndColor">#B2FFFFFF</Color>
    <Color x:Key="MouseOverLinearBevelDarkEndColor">#7FFC1717</Color>
    <Color x:Key="HoverLinearBevelLightStartColor">#FCFFFFFF</Color>
    <Color x:Key="HoverLinearBevelLightEndColor">#EAFFFFFF</Color>
    <Color x:Key="HoverLinearBevelDarkStartColor">#D8FFFFFF</Color>
    <Color x:Key="HoverLinearBevelDarkEndColor">#4CFFFFFF</Color>
    <Color x:Key="CurvedBevelFillStartColor">#B3FFFFFF</Color>
    <Color x:Key="CurvedBevelFillEndColor">#3CFFFFFF</Color>
    <SolidColorBrush x:Key="BorderBrush" Color="#FF5E5E5E"/>
    <SolidColorBrush x:Key="AccentBrush" Color="#FF000000"/>
    <SolidColorBrush x:Key="DisabledBrush" Color="#A5FFFFFF"/>
    <LinearGradientBrush x:Key="FocusedStrokeBrush" EndPoint="0.5,1" StartPoint="0.5,0">
    <GradientStop Color="#B2FFFFFF" Offset="0"/>
    <GradientStop Color="#51FFFFFF" Offset="1"/>
    <GradientStop Color="#66FFFFFF" Offset="0.325"/>
    <GradientStop Color="#1EFFFFFF" Offset="0.325"/>
    </LinearGradientBrush>
    </Grid.Resources>
    <VisualStateManager.VisualStateGroups>
    <VisualStateGroup x:Name="CommonStates">
    <VisualStateGroup.Transitions>
    <VisualTransition GeneratedDuration="00:00:00.2000000" To="MouseOver"/>
    <VisualTransition GeneratedDuration="0:0:0.1" To="Pressed"/>
    <VisualTransition GeneratedDuration="00:00:00.2000000" From="Normal" To="MouseOver"/>
    </VisualStateGroup.Transitions>
    <VisualState x:Name="Normal">
    <Storyboard/>
    </VisualState>
    <VisualState x:Name="MouseOver">
    <Storyboard>
    <ColorAnimationUsingKeyFrames
    Duration="0"
    Storyboard.TargetName
    ="BackgroundGradient"
    Storyboard.TargetProperty
    ="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
    <SplineColorKeyFrame KeyTime="0" Value="#c8d5ed" />
    </ColorAnimationUsingKeyFrames>
    <ColorAnimationUsingKeyFrames
    Duration="0"
    Storyboard.TargetName
    ="BackgroundGradient"
    Storyboard.TargetProperty
    ="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
    <SplineColorKeyFrame KeyTime="0" Value="#97c2ee" />
    </ColorAnimationUsingKeyFrames>
    <ColorAnimationUsingKeyFrames
    Duration="0"
    Storyboard.TargetName
    ="BackgroundGradient"
    Storyboard.TargetProperty
    ="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
    <SplineColorKeyFrame KeyTime="0" Value="#6eadee" />
    </ColorAnimationUsingKeyFrames>
    <ColorAnimationUsingKeyFrames
    Duration="0"
    Storyboard.TargetName
    ="BackgroundGradient"
    Storyboard.TargetProperty
    ="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
    <SplineColorKeyFrame KeyTime="0" Value="#aff9ff" />
    </ColorAnimationUsingKeyFrames>
    </Storyboard>
    </VisualState>
    <VisualState x:Name="Pressed">
    <Storyboard>
    <DoubleAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Offset)">
    <SplineDoubleKeyFrame KeyTime="0" Value=".2"/>
    </DoubleAnimationUsingKeyFrames>
    <ColorAnimationUsingKeyFrames
    Duration="0"
    Storyboard.TargetName
    ="BackgroundGradient"
    Storyboard.TargetProperty
    ="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
    <SplineColorKeyFrame KeyTime="0" Value="#bac5e8" />
    </ColorAnimationUsingKeyFrames>
    <ColorAnimationUsingKeyFrames
    Duration="0"
    Storyboard.TargetName
    ="BackgroundGradient"
    Storyboard.TargetProperty
    ="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
    <SplineColorKeyFrame KeyTime="0" Value="#7bb2e9" />
    </ColorAnimationUsingKeyFrames>
    <ColorAnimationUsingKeyFrames
    Duration="0"
    Storyboard.TargetName
    ="BackgroundGradient"
    Storyboard.TargetProperty
    ="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
    <SplineColorKeyFrame KeyTime="0" Value="#4d9ae7" />
    </ColorAnimationUsingKeyFrames>
    <ColorAnimationUsingKeyFrames
    Duration="0"
    Storyboard.TargetName
    ="BackgroundGradient"
    Storyboard.TargetProperty
    ="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
    <SplineColorKeyFrame KeyTime="0" Value="#85eaff" />
    </ColorAnimationUsingKeyFrames>
    </Storyboard>
    </VisualState>
    <VisualState x:Name="Disabled">
    <Storyboard>
    <DoubleAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Opacity">
    <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
    </DoubleAnimationUsingKeyFrames>
    </Storyboard>
    </VisualState>
    </VisualStateGroup>
    <VisualStateGroup x:Name="FocusStates">
    <VisualState x:Name="Focused">
    <Storyboard>
    <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
    <DiscreteObjectKeyFrame KeyTime="0">
    <DiscreteObjectKeyFrame.Value>
    <Visibility>Visible</Visibility>
    </DiscreteObjectKeyFrame.Value>
    </DiscreteObjectKeyFrame>
    </ObjectAnimationUsingKeyFrames>
    </Storyboard>
    </VisualState>
    <VisualState x:Name="Unfocused">
    <Storyboard/>
    </VisualState>
    </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>
    <Rectangle x:Name="Background" Fill="{TemplateBinding Background}" RadiusX="11" RadiusY="11"/>
    <Rectangle x:Name="BackgroundGradient" Stroke="{StaticResource BorderBrush}" StrokeThickness="1" RadiusX="11" RadiusY="11" Margin="-1,-1,-1,-1">
    <Rectangle.Fill>
    <LinearGradientBrush EndPoint="0.7,1" StartPoint="0.7,0">
    <GradientStop Color="{StaticResource LinearBevelLightStartColor}" Offset="0"/>
    <GradientStop Color="{StaticResource LinearBevelLightEndColor}" Offset="0.326"/>
    <GradientStop Color="{StaticResource LinearBevelDarkStartColor}" Offset="0.344"/>
    <GradientStop Color="#FFFFFFFF" Offset="0.786"/>
    </LinearGradientBrush>
    </Rectangle.Fill>
    </Rectangle>
    <Grid x:Name="FocusVisual" Visibility="Collapsed">
    <Rectangle Margin="-2,1,-2,-2" Stroke="{StaticResource AccentBrush}" StrokeThickness="1" StrokeDashArray="1.5 1.5" RadiusX="3" RadiusY="3" />
    </Grid>
    <ContentPresenter Margin="4,5,4,4" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
    <Rectangle x:Name="DisabledVisual" IsHitTestVisible="false" Opacity="0" Fill="{StaticResource DisabledBrush}" RadiusX="11" RadiusY="11" Margin="-1,-1,-1,-1"/>
    </Grid>
    </ControlTemplate>
    </Setter.Value>
    </Setter>
    </Style>
  • 相关阅读:
    修改 PHP 最大运行时间 max_execution_time
    去除桌面的不可清理的恶意图标
    SQL 性能调优 set statistics io
    SQL Server 2008 Failover Cluster
    [转]SQLSERVER数据存储内幕
    博客开通
    Entity FrameWork 4.3 实体属性为decimal时默认只保存2位小数
    FreeBSD常用命令及配置
    动态加载JS或CSS
    JS获取传入该页面的参数
  • 原文地址:https://www.cnblogs.com/mygod/p/2391629.html
Copyright © 2011-2022 走看看