按钮样式 [英] Button Style

问题描述

嗨朋友 

pl给我一个建议。紧急.....

pl give me one suggestion . Urgent .....

我有一个简单的按钮。现在我在里面做了一些颜色。好的，默认情况下每个都有其内容名称'Button'。

I have one simple button . Now i make some color in it . ok , by default every has its content name 'Button'.

我的问题是，当我在按钮上鼠标悬停内容颜色（前景）时，说它是黑色的。后者 我写这个< Button Content =" MyName"前景= QUOT;白色" /> 。

My problem , is when i mousehover on the button the content  color (foreground) , say it was in black . latter  i write this <Button Content="MyName" Foreground="White"/> .

现在，当我鼠标悬停在按钮上时，内容颜色是指"MyName"。应该将其颜色从白色变为粉红色或任何红色或任何颜色。

Now when i mousehover on the button the content color i mean the "MyName" should be changed its color form white to pink or any red or any color .

但是当MouseHover关闭时，内容应该是以前的颜色，即白色。  ;

But when the MouseHover is off , then the content should be come its previous color , that was in white . 

谢谢 

 

 

推荐答案

Hello Bapi，

Hello Bapi,

以下是如何设置 <的示例a href ="http://social.msdn.microsoft.com/Forums/en/wpf/thread/5b614ec5-9366-44f2-ad35-5865fa86547e\"target ="_ blank">
按钮样式 ：

Here's an example of how to set a Button Style:

<Button>
   <Button.Template>
    <ControlTemplate TargetType="Button">
     <Grid Height="24" Width="24" Background="#00FFFFFF">
      <Ellipse Name="Circle" StrokeThickness="1">
       <Ellipse.Fill>
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
         <LinearGradientBrush.GradientStops>
          <GradientStop Offset="0" Color="#FFFFFFFF" />
          <GradientStop Offset="0.1" Color="#FFCCD4E9" />
          <GradientStop Offset="0.47" Color="#FF4881D2" />
          <GradientStop Offset="0.47" Color="#FF001A5A" />
          <GradientStop Offset="0.7" Color="#FF007BD6" />
          <GradientStop Offset="0.85" Color="#FF54DAFF" />
          <GradientStop Offset="0.95" Color="#FF86FFFF" />
          <GradientStop Offset="1" Color="#FFFFFFFF" />
         </LinearGradientBrush.GradientStops>
        </LinearGradientBrush>
       </Ellipse.Fill>
       <Ellipse.Stroke>
        <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
         <LinearGradientBrush.GradientStops>
          <GradientStop Offset="0" Color="#FF6C90C4" />
          <GradientStop Offset="0.5" Color="#FF315BB4" />
          <GradientStop Offset="0.5" Color="#FF002091" />
          <GradientStop Offset="1" Color="#FF08377C" />
         </LinearGradientBrush.GradientStops>
        </LinearGradientBrush>
       </Ellipse.Stroke>
      </Ellipse>
      <Path RenderTransformOrigin="0.5,0" Data="M0.37,7.69L5.74,14.2A1.5,1.5,0,1,0,10.26,12.27L8.42,10.42 14.9,10.39A1.5,1.5,0,1,0,14.92,5.87L8.44,5.9 10.31,4.03A1.5,1.5,0,1,0,5.79,1.77z" HorizontalAlignment="Center" Name="Arrow" VerticalAlignment="Center" StrokeThickness="0.75">
       <Path.Fill>
        <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
         <LinearGradientBrush.GradientStops>
          <GradientStop Offset="0.5" Color="#FFFFFFFF" />
          <GradientStop Offset="0.5" Color="#FFEEEEEE" />
          <GradientStop Offset="1" Color="#FFB0B0B0" />
         </LinearGradientBrush.GradientStops>
        </LinearGradientBrush>
       </Path.Fill>
       <Path.Stroke>
        <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
         <LinearGradientBrush.GradientStops>
          <GradientStop Offset="0" Color="#FF8AB1FB" />
          <GradientStop Offset="1" Color="#FF002874" />
         </LinearGradientBrush.GradientStops>
        </LinearGradientBrush>
       </Path.Stroke>
      </Path>
     </Grid>
     <ControlTemplate.Triggers>
      <Trigger Property="UIElement.IsEnabled" Value="false">
       <Setter Property="Shape.Fill" TargetName="Circle">
        <Setter.Value>
         <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
          <LinearGradientBrush.GradientStops>
           <GradientStop Offset="0" Color="#FFFFFFFF" />
           <GradientStop Offset="0.5" Color="#FFEBEEF5" />
           <GradientStop Offset="0.5" Color="#FFD8DDEB" />
           <GradientStop Offset="1" Color="#FFDFE2F0" />
          </LinearGradientBrush.GradientStops>
         </LinearGradientBrush>
        </Setter.Value>
       </Setter>
       <Setter Property="Shape.Stroke" TargetName="Circle">
        <Setter.Value>
         <SolidColorBrush>#FFB5BACE</SolidColorBrush>
        </Setter.Value>
       </Setter>
       <Setter Property="Shape.Stroke" TargetName="Arrow">
        <Setter.Value>
         <SolidColorBrush>#B0B5BACE</SolidColorBrush>
        </Setter.Value>
       </Setter>
       <Setter Property="Shape.Fill" TargetName="Arrow">
        <Setter.Value>
         <SolidColorBrush>#D0FFFFFF</SolidColorBrush>
        </Setter.Value>
       </Setter>       
      </Trigger>
      <Trigger Property="UIElement.IsMouseOver" Value="true">
       <Setter Property="Shape.Fill" TargetName="Circle">
        <Setter.Value>
         <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
          <LinearGradientBrush.GradientStops>
           <GradientStop Offset="0" Color="#FFFFFFFF" />
           <GradientStop Offset="0.1" Color="#FFDFEDF9" />
           <GradientStop Offset="0.47" Color="#FF3086E1" />
           <GradientStop Offset="0.47" Color="#FF003B91" />
           <GradientStop Offset="0.7" Color="#FF1793EF" />
           <GradientStop Offset="0.85" Color="#FF5AD4FF" />
           <GradientStop Offset="0.95" Color="#FFBDFFFF" />
           <GradientStop Offset="1" Color="#FFFFFFFF" />
          </LinearGradientBrush.GradientStops>
         </LinearGradientBrush>
        </Setter.Value>
       </Setter>
       
      </Trigger>
      <Trigger Property="ButtonBase.IsPressed" Value="True">
       <Setter Property="Shape.Fill" TargetName="Circle">
        <Setter.Value>
         <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
          <LinearGradientBrush.GradientStops>
           <GradientStop Offset="0" Color="#FFC0D2F5" />
           <GradientStop Offset="0.47" Color="#FF5E7A9C" />
           <GradientStop Offset="0.47" Color="#FF00062D" />
           <GradientStop Offset="0.7" Color="#FF005F9F" />
           <GradientStop Offset="0.85" Color="#FF1FA4E2" />
           <GradientStop Offset="0.95" Color="#FF61DAFF" />
           <GradientStop Offset="1" Color="#FF48CFFF" />
          </LinearGradientBrush.GradientStops>
         </LinearGradientBrush>
        </Setter.Value>
       </Setter>
       
      </Trigger>
     </ControlTemplate.Triggers>
    </ControlTemplate>
   </Button.Template>

这篇关于按钮样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！