[Silverlight] Mac OS 风格按钮 Style 实现的更新版-陈荣

概述  [Silverlight] Mac OS 风格按钮 Style 实现的更新版（针对 Silverlight 2 RTW) 作者：陈荣 在 Silverlight 2 beta 2 时，我曾经写了一篇帖子实现了苹果风格的按钮样式（ Silverlight 下苹果 (Mac OS)风格按钮的实现）。 而现在 Silverlight 2 终于发布了，也给之前的代码带来了很多问题，导致无法继续使用。   [Silverlight] Mac OS 风格按钮 Style 实现的更新版（针对 Silverlight 2 RTW)

作者：陈荣

在 Silverlight 2 beta 2 时，我曾经写了一篇帖子实现了苹果风格的按钮样式（ Silverlight 下苹果 (Mac OS)风格按钮的实现）。

而现在 Silverlight 2 终于发布了，也给之前的代码带来了很多问题，导致无法继续使用。

经过一阵探索，我终于成功修改了这个代码，现在在正式版下也能工作正常了。其关键点如下：

1. 在 beta 2 时，需要采用 <vsm:Setter> 和 <vsm:Style> 的语法编写样式。其中 vsm 是个名称空间引用：
xmlns:vsm="clr-namespace:System.windows;assembly=System.windows"
而正式版下直接用 <Style> 和 <Setter> 表签即可。
这个问题如果不修改，程序可以编译通过，但是运行时会报一个莫名其妙的 “ AG_E_PARSER_PROPERTY_NOT_FOUND ”错误。

2. ContentPresenter 和 ContentControl 控件删除了如下属性：
Textdecorations,
textwrapPing,
TextAlignment.

因此，现在必须在 template 中将 ContentPresenter 的定位改用容器 button 的 HorizontalContentAlignment 和 VerticalContentAlignment 属性来控制。代码如下：

    <ContentPresenter margin="4,5,4,4" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />    

修改成功后的 Style 全部代码如下：

    <UserControl          x:Class="UserControl"          xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"          xmlns:d="http://schemas.microsoft.com/Expression/blend/2008"          xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"          mc:Ignorable="d"          d:DesignWIDth="640" d:DesignHeight="480">                 <UserControl.Resources>              <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">                                      <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,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"/>                              </GrID>                          </ControlTemplate>                      </Setter.Value>                  </Setter>              </Style>          </UserControl.Resources>                 <GrID x:name="LayoutRoot" Background="White" >              <button Height="35" HorizontalAlignment="Stretch" margin="198,132,262,0" Style="{StaticResource Mybutton}" VerticalAlignment="top" Content="button"/>          </GrID>      </UserControl>    

总结

以上是内存溢出为你收集整理的[Silverlight] Mac OS 风格按钮 Style 实现的更新版-陈荣全部内容，希望文章能够帮你解决[Silverlight] Mac OS 风格按钮 Style 实现的更新版-陈荣所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。