微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Silverlight的RadioButton样式--记录

方便日后项目中提取样式代码,记录在此博客


样式代码如下:

<Style x:Key="RadioButtonStyle1" targettype="RadioButton">
 <Setter Property="Background" Value="#FF448DCA"/>
 <Setter Property="Foreground" Value="#FF556676"/>
 <Setter Property="HorizontalContentAlignment" Value="Left"/>
 <Setter Property="VerticalContentAlignment" Value="Top"/>
 <Setter Property="Padding" Value="4,1,0"/>
 <Setter Property="BorderThickness" Value="1"/>
 <Setter Property="BorderBrush" Value="#41a3ef" />
 <Setter Property="Template">
  <Setter.Value>
   <ControlTemplate targettype="RadioButton">
    <Grid>
     <Grid.ColumnDeFinitions>
      <ColumnDeFinition Width="16"/>
      <ColumnDeFinition Width="*"/>
     </Grid.ColumnDeFinitions>
     <visualstatemanager.VisualStateGroups>
      <VisualStateGroup x:Name="CommonStates">
       <VisualState x:Name="normal"/>
       <VisualState x:Name="MouSEOver">
        <Storyboard>
         <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="BackgroundOverlay"/>
        <!-- <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="BoxMiddleBackground"/> -->
        </Storyboard>
       </VisualState>
       <VisualState x:Name="pressed">
        <Storyboard>
         <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="BackgroundOverlay"/>
        <!-- <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="BoxMiddleBackground"/> -->
        </Storyboard>
       </VisualState>
       <VisualState x:Name="disabled">
        <Storyboard>
         <DoubleAnimation Duration="0" To=".55" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="contentPresenter"/>
         <DoubleAnimation Duration="0" To="0.55" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="disabledVisualElement"/>
        </Storyboard>
       </VisualState>
      </VisualStateGroup>
      <VisualStateGroup x:Name="CheckStates">
       <VisualState x:Name="Checked">
        <Storyboard>
        <!-- <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="CheckIcon"/> -->
         <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="BoxMiddle" />
        </Storyboard>
       </VisualState>
       <VisualState x:Name="Unchecked"/>
      </VisualStateGroup>
      <VisualStateGroup x:Name="Focusstates">
       <VisualState x:Name="Focused">
        <Storyboard>
         <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentFocusVisualElement"/>
        </Storyboard>
       </VisualState>
       <VisualState x:Name="Unfocused"/>
      </VisualStateGroup>
      <VisualStateGroup x:Name="ValidationStates">
       <VisualState x:Name="Valid"/>
       <VisualState x:Name="InvalidUnfocused">
        <Storyboard>
         <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="ValidationErrorElement">
          <discreteObjectKeyFrame KeyTime="0">
           <discreteObjectKeyFrame.Value>
            <Visibility>Visible</Visibility>
           </discreteObjectKeyFrame.Value>
          </discreteObjectKeyFrame>
         </ObjectAnimationUsingKeyFrames>
        </Storyboard>
       </VisualState>
       <VisualState x:Name="InvalidFocused">
        <Storyboard>
         <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="ValidationErrorElement">
          <discreteObjectKeyFrame KeyTime="0">
           <discreteObjectKeyFrame.Value>
            <Visibility>Visible</Visibility>
           </discreteObjectKeyFrame.Value>
          </discreteObjectKeyFrame>
         </ObjectAnimationUsingKeyFrames>
         <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="IsOpen" Storyboard.TargetName="validationTooltip">
          <discreteObjectKeyFrame KeyTime="0">
           <discreteObjectKeyFrame.Value>
            <System:Boolean>True</System:Boolean>
           </discreteObjectKeyFrame.Value>
          </discreteObjectKeyFrame>
         </ObjectAnimationUsingKeyFrames>
        </Storyboard>
       </VisualState>
      </VisualStateGroup>
     </visualstatemanager.VisualStateGroups>
     <Grid HorizontalAlignment="Left" VerticalAlignment="Top">
      <Ellipse x:Name="BackgroundOverlay" Fill="#dff1ff" Height="14" Margin="1" Opacity="0" stroke="Transparent" strokeThickness="0" Width="14"/>
      <Ellipse x:Name="Background" Fill="Transparent" Height="14" Margin="1" stroke="{TemplateBinding BorderBrush}" strokeThickness="{TemplateBinding BorderThickness}" Width="14"/>        
     <!-- <Ellipse x:Name="BoxMiddleBackground" Fill="Transparent" Height="10" stroke="Transparent" strokeThickness="0" Width="10"/> -->
      <Ellipse x:Name="BoxMiddle" Opacity="0" Height="6" strokeThickness="0" Width="6" Fill="#41a3ef" stroke="Transparent" />
      
     <!-- <Ellipse x:Name="BoxMiddleLine" Height="10" Opacity="0" stroke="Transparent" strokeThickness="0" Width="10"/> -->
     <!-- <Ellipse x:Name="CheckIcon" Fill="#FF333333" Height="4" Opacity="0" Width="4"/> -->
      <Ellipse x:Name="disabledVisualElement" Fill="#FFFFFFFF" Height="14" Opacity="0" Width="14"/>
      <Ellipse x:Name="ContentFocusVisualElement" Height="16" IsHitTestVisible="false" Opacity="0" stroke="#FF6DBDD1" strokeThickness="1" Width="16"/>
      <Grid x:Name="ValidationErrorElement" ToolTipService.PlacementTarget="{Binding RelativeSource={RelativeSource TemplatedParent}}" Visibility="Collapsed">
       <ToolTipService.ToolTip>
        <ToolTip x:Name="validationTooltip" DataContext="{Binding RelativeSource={RelativeSource TemplatedParent}}" Placement="Right" PlacementTarget="{Binding RelativeSource={RelativeSource TemplatedParent}}" Template="{StaticResource ValidationToolTipTemplate}">
         <ToolTip.Triggers>
          <EventTrigger RoutedEvent="Canvas.Loaded">
           <BeginStoryboard>
            <Storyboard>
             <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="IsHitTestVisible" Storyboard.TargetName="validationTooltip">
              <discreteObjectKeyFrame KeyTime="0">
               <discreteObjectKeyFrame.Value>
                <System:Boolean>true</System:Boolean>
               </discreteObjectKeyFrame.Value>
              </discreteObjectKeyFrame>
             </ObjectAnimationUsingKeyFrames>
            </Storyboard>
           </BeginStoryboard>
          </EventTrigger>
         </ToolTip.Triggers>
        </ToolTip>
       </ToolTipService.ToolTip>
       <Ellipse Height="14" stroke="#Ffdb000C" strokeThickness="1" Width="14"/>
       <Ellipse Fill="#Ffdb000C" HorizontalAlignment="Right" Height="4" Margin="0,-2,-1,0" VerticalAlignment="Top" Width="4"/>
       <Ellipse Fill="Transparent" HorizontalAlignment="Right" Height="10" Margin="0,-5,-4,0" VerticalAlignment="Top" Width="10"/>
      </Grid>
     </Grid>
     <ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Grid.Column="1" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
    </Grid>
   </ControlTemplate>
  </Setter.Value>
 </Setter>
</Style>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐