zoukankan      html  css  js  c++  java
  • wpf Button 动态改变效果

       <Button  x:Name="LearnMore"  Grid.Row="6"  HorizontalAlignment="Left" VerticalAlignment="Top" Click="go_webSite" >

                            <Button.Template>

                                <ControlTemplate TargetType="Button">

                                    <Border Background="{TemplateBinding Button.Background}"  Cursor="Hand" CornerRadius="21" Height="42" Width="160">

                                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">

                                            <TextBlock  Height="25" VerticalAlignment="Center" Margin="0,4,0,0" Width="73" Foreground="#FFFFFF" FontSize="18"   TextAlignment="Center"  >了解更多</TextBlock>

                                            <Image Width="14" Margin="8,2,0,0" Height="12" Source="/Imgs/arrow.png" />

                                        </StackPanel>

                                    </Border>

                                    <ControlTemplate.Triggers>

                                        <Trigger  Property="Button.IsMouseOver"  Value="True">

                                            <Setter Property="Button.Background" Value="#0096D6" />

                                        </Trigger>

                                        <Trigger  Property="Button.IsMouseOver"  Value="false">

                                            <Setter Property="Button.Background" Value="#177BBF" />

                                        </Trigger>

                                        <Trigger  Property="Button.IsPressed"  Value="true">

                                            <Setter Property="Button.Background" Value="#2285C9" />

                                        </Trigger>

                                    </ControlTemplate.Triggers>

                                </ControlTemplate>

                            </Button.Template>

                        </Button>

  • 相关阅读:
    小div在大div中垂直居中方式
    sublime中Vue高亮插件安装
    vue脚手架创建项目(推荐)
    搭建Vue脚手架
    html解决空格显示问题
    css3实现半圆和圆效果
    MySQL通过 LOAD DATA INFILE 批量导入数据
    jQuery ajax 提交表单图片
    Sqlserver风格规范
    前端代码风格规范总结
  • 原文地址:https://www.cnblogs.com/bruce1992/p/15012401.html
Copyright © 2011-2022 走看看