程序博客网 > mac版网游

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

来源：互联网 发布：mac版网游 编辑：程序博客网 时间：2024/06/06 02:42
 

[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 属性来控制。代码如下：

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

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

  1. <UserControl
  2.     x:Class="UserControl"
  3.     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  4.     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  5.     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  6.     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  7.     mc:Ignorable="d"
  8.     d:DesignWidth="640" d:DesignHeight="480">
  9.  
  10.     <UserControl.Resources>
  11.         <Style x:Key="MyButton" TargetType="Button">
  12.             <Setter Property="IsEnabled" Value="true"/>
  13.             <Setter Property="IsTabStop" Value="true"/>
  14.             <Setter Property="Background" Value="#FF003255"/>
  15.             <Setter Property="Foreground" Value="#FF313131"/>
  16.             <Setter Property="MinWidth" Value="5"/>
  17.             <Setter Property="MinHeight" Value="5"/>
  18.             <Setter Property="Margin" Value="0"/>
  19.             <Setter Property="HorizontalContentAlignment" Value="Center"/>
  20.             <Setter Property="VerticalContentAlignment" Value="Center"/>
  21.             <Setter Property="Cursor" Value="Arrow"/>
  22.             <Setter Property="FontSize" Value="11" />
  23.             <Setter Property="Template">
  24.                 <Setter.Value>
  25.                     <ControlTemplate TargetType="Button">
  26.                         <Grid>
  27.                             <Grid.Resources>
  28.                                 <Color x:Key="LinearBevelLightStartColor">#FFFFFFFF</Color>
  29.                                 <Color x:Key="LinearBevelLightEndColor">#F4E2E0E0</Color>
  30.                                 <Color x:Key="LinearBevelDarkStartColor">#E0E5E5E5</Color>
  31.                                 <Color x:Key="LinearBevelDarkEndColor">#B2FFFFFF</Color>
  32.                                 <Color x:Key="MouseOverLinearBevelDarkEndColor">#7FFC1717</Color>
  33.                                 <Color x:Key="HoverLinearBevelLightStartColor">#FCFFFFFF</Color>
  34.                                 <Color x:Key="HoverLinearBevelLightEndColor">#EAFFFFFF</Color>
  35.                                 <Color x:Key="HoverLinearBevelDarkStartColor">#D8FFFFFF</Color>
  36.                                 <Color x:Key="HoverLinearBevelDarkEndColor">#4CFFFFFF</Color>
  37.                                 <Color x:Key="CurvedBevelFillStartColor">#B3FFFFFF</Color>
  38.                                 <Color x:Key="CurvedBevelFillEndColor">#3CFFFFFF</Color>
  39.                                 <SolidColorBrush x:Key="BorderBrush" Color="#FF5E5E5E"/>
  40.                                 <SolidColorBrush x:Key="AccentBrush" Color="#FF000000"/>
  41.                                 <SolidColorBrush x:Key="DisabledBrush" Color="#A5FFFFFF"/>
  42.                                 <LinearGradientBrush x:Key="FocusedStrokeBrush" EndPoint="0.5,1" StartPoint="0.5,0">
  43.                                     <GradientStop Color="#B2FFFFFF" Offset="0"/>
  44.                                     <GradientStop Color="#51FFFFFF" Offset="1"/>
  45.                                     <GradientStop Color="#66FFFFFF" Offset="0.325"/>
  46.                                     <GradientStop Color="#1EFFFFFF" Offset="0.325"/>
  47.                                 </LinearGradientBrush>
  48.                             </Grid.Resources>
  49.                             <VisualStateManager.VisualStateGroups>
  50.                                 <VisualStateGroup x:Name="CommonStates">
  51.                                     <VisualStateGroup.Transitions>
  52.                                         <VisualTransition GeneratedDuration="00:00:00.2000000" To="MouseOver"/>
  53.                                         <VisualTransition GeneratedDuration="0:0:0.1" To="Pressed"/>
  54.                                         <VisualTransition GeneratedDuration="00:00:00.2000000" From="Normal" To="MouseOver"/>
  55.                                     </VisualStateGroup.Transitions>
  56.                                     <VisualState x:Name="Normal">
  57.                                         <Storyboard/>
  58.                                     </VisualState>
  59.                                     <VisualState x:Name="MouseOver">
  60.                                         <Storyboard>
  61.                                             <ColorAnimationUsingKeyFrames 
  62.                                                 Duration="0" 
  63.                                                 Storyboard.TargetName="BackgroundGradient" 
  64.                                                 Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
  65.                                                 <SplineColorKeyFrame KeyTime="0" Value="#c8d5ed" />
  66.                                             </ColorAnimationUsingKeyFrames>
  67.                                             <ColorAnimationUsingKeyFrames 
  68.                                                 Duration="0" 
  69.                                                 Storyboard.TargetName="BackgroundGradient" 
  70.                                                 Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
  71.                                                 <SplineColorKeyFrame KeyTime="0" Value="#97c2ee" />
  72.                                             </ColorAnimationUsingKeyFrames>
  73.                                             <ColorAnimationUsingKeyFrames 
  74.                                                 Duration="0" 
  75.                                                 Storyboard.TargetName="BackgroundGradient" 
  76.                                                 Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
  77.                                                 <SplineColorKeyFrame KeyTime="0" Value="#6eadee" />
  78.                                             </ColorAnimationUsingKeyFrames>
  79.                                             <ColorAnimationUsingKeyFrames 
  80.                                                 Duration="0" 
  81.                                                 Storyboard.TargetName="BackgroundGradient" 
  82.                                                 Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
  83.                                                 <SplineColorKeyFrame KeyTime="0" Value="#aff9ff" />
  84.                                             </ColorAnimationUsingKeyFrames>
  85.                                         </Storyboard>
  86.                                     </VisualState>
  87.                                     <VisualState x:Name="Pressed">
  88.                                         <Storyboard>
  89.                                             <DoubleAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Offset)">
  90.                                                 <SplineDoubleKeyFrame KeyTime="0" Value=".2"/>
  91.                                             </DoubleAnimationUsingKeyFrames>
  92.                                             <ColorAnimationUsingKeyFrames 
  93.                                                 Duration="0" 
  94.                                                 Storyboard.TargetName="BackgroundGradient" 
  95.                                                 Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
  96.                                                 <SplineColorKeyFrame KeyTime="0" Value="#bac5e8" />
  97.                                             </ColorAnimationUsingKeyFrames>
  98.                                             <ColorAnimationUsingKeyFrames 
  99.                                                 Duration="0" 
  100.                                                 Storyboard.TargetName="BackgroundGradient" 
  101.                                                 Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
  102.                                                 <SplineColorKeyFrame KeyTime="0" Value="#7bb2e9" />
  103.                                             </ColorAnimationUsingKeyFrames>
  104.                                             <ColorAnimationUsingKeyFrames 
  105.                                                 Duration="0" 
  106.                                                 Storyboard.TargetName="BackgroundGradient" 
  107.                                                 Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
  108.                                                 <SplineColorKeyFrame KeyTime="0" Value="#4d9ae7" />
  109.                                             </ColorAnimationUsingKeyFrames>
  110.                                             <ColorAnimationUsingKeyFrames 
  111.                                                 Duration="0" 
  112.                                                 Storyboard.TargetName="BackgroundGradient" 
  113.                                                 Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
  114.                                                 <SplineColorKeyFrame KeyTime="0" Value="#85eaff" />
  115.                                             </ColorAnimationUsingKeyFrames>
  116.                                         </Storyboard>
  117.                                     </VisualState>
  118.                                     <VisualState x:Name="Disabled">
  119.                                         <Storyboard>
  120.                                             <DoubleAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DisabledVisual" Storyboard.TargetProperty="Opacity">
  121.                                                 <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
  122.                                             </DoubleAnimationUsingKeyFrames>
  123.                                         </Storyboard>
  124.                                     </VisualState>
  125.                                 </VisualStateGroup>
  126.                                 <VisualStateGroup x:Name="FocusStates">
  127.                                     <VisualState x:Name="Focused">
  128.                                         <Storyboard>
  129.                                             <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Visibility">
  130.                                                 <DiscreteObjectKeyFrame KeyTime="0">
  131.                                                     <DiscreteObjectKeyFrame.Value>
  132.                                                         <Visibility>Visible</Visibility>
  133.                                                     </DiscreteObjectKeyFrame.Value>
  134.                                                 </DiscreteObjectKeyFrame>
  135.                                             </ObjectAnimationUsingKeyFrames>
  136.                                         </Storyboard>
  137.                                     </VisualState>
  138.                                     <VisualState x:Name="Unfocused">
  139.                                         <Storyboard/>
  140.                                     </VisualState>
  141.                                 </VisualStateGroup>
  142.                             </VisualStateManager.VisualStateGroups>
  143.                             <Rectangle x:Name="Background" Fill="{TemplateBinding Background}" RadiusX="11" RadiusY="11"/>
  144.                             <Rectangle x:Name="BackgroundGradient" Stroke="{StaticResource BorderBrush}" StrokeThickness="1" RadiusX="11" RadiusY="11" Margin="-1,-1,-1,-1">
  145.                                 <Rectangle.Fill>
  146.                                     <LinearGradientBrush EndPoint="0.7,1" StartPoint="0.7,0">
  147.                                         <GradientStop Color="{StaticResource LinearBevelLightStartColor}" Offset="0"/>
  148.                                         <GradientStop Color="{StaticResource LinearBevelLightEndColor}" Offset="0.326"/>
  149.                                         <GradientStop Color="{StaticResource LinearBevelDarkStartColor}" Offset="0.344"/>
  150.                                         <GradientStop Color="#FFFFFFFF" Offset="0.786"/>
  151.                                     </LinearGradientBrush>
  152.                                 </Rectangle.Fill>
  153.                             </Rectangle>
  154.                             <Grid x:Name="FocusVisual" Visibility="Collapsed">
  155.                                 <Rectangle Margin="-2,1,-2,-2" Stroke="{StaticResource AccentBrush}" StrokeThickness="1" StrokeDashArray="1.5 1.5" RadiusX="3" RadiusY="3" />
  156.                             </Grid>
  157.                             <ContentPresenter Margin="4,5,4,4" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
  158.                             <Rectangle x:Name="DisabledVisual" IsHitTestVisible="false" Opacity="0" Fill="{StaticResource DisabledBrush}" RadiusX="11" RadiusY="11" Margin="-1,-1,-1,-1"/>
  159.                         </Grid>
  160.                     </ControlTemplate>
  161.                 </Setter.Value>
  162.             </Setter>
  163.         </Style>
  164.     </UserControl.Resources>
  165.  
  166.     <Grid x:Name="LayoutRoot" Background="White" >
  167.         <Button Height="35" HorizontalAlignment="Stretch" Margin="198,132,262,0" Style="{StaticResource MyButton}" VerticalAlignment="Top" Content="Button"/>
  168.     </Grid>
  169. </UserControl>
mac版网游 mac版网游
原创粉丝点击
热门IT博客
mac取消开机启动项mac取消开机启动项
公无渡河 知乎公无渡河 知乎
小米好多垃圾软件
软件开发平台介绍
淘宝手机改好评怎么改
还珠格格重生之知画
淘宝天下小二邀请活动
淘宝洗照片注意事项
图片格式转换word软件
手机扫描身份证软件
汉诺塔递归算法难么
原生js复制节点
http index.php
php大型网站如何维护
怎么写淘宝有好货
锋云搜歌文件 生成软件
网络公会人数
淘宝店如何运营和推广
js分割数字的方法
java的ip地址校验
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 皮肤污垢洗不掉怎么办 油性皮肤粉刺多怎么办 油性皮肤黑头很多怎么办 印度大便后怎么办 发烧发热怎么办 小孩发热怎么办 饥荒过热怎么办 火车上铺热怎么办 12306行程冲突怎么办 购票行程冲突怎么办 火车票时间冲突怎么办 南非签证怎么办 空姐结婚了怎么办 丝袜破了怎么办 我的脚好臭怎么办 脚容易出汗怎么办 塑料拖鞋臭怎么办 脚痒脚臭脱皮怎么办 脚丫酸臭怎么办 宝宝大便酸臭怎么办 脚的酸臭怎么办 穿鞋脚有酸臭怎么办 婴儿大便有奶瓣怎么办 坐火车晕车怎么办 坐汽车晕车怎么办 坐车晕车怎么办 火车上票丢了怎么办 身份证待审核怎么办 火车票少买一站怎么办 待核验怎么办 火车票网上售完怎么办 坐高铁上错车次怎么办 网上订票没取票怎么办 挪威签证怎么办 埃及签证怎么办 去缅甸怎么办护照 缅甸旅游签证怎么办 重庆柬埔寨签证怎么办 火车票退票失败怎么办 怕坐飞机怎么办 发动机剧烈抖动怎么办

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里