原文:[WPF,XAML] 跳动的心

没什么艺术细胞，原谅，原谅！

<Canvas Width="0" Height="0">

    <Canvas.Resources>

        <PathGeometry x:Key="pg">

            <PathGeometry.Figures>

                <PathFigureCollection>

                    <PathFigure StartPoint="0,0">

                        <PathFigure.Segments>

                            <PathSegmentCollection>

                                <ArcSegment Size="1,2" Point="30,30" />

                                <ArcSegment Size="2,1" Point="0,0" />

                            </PathSegmentCollection>

                        </PathFigure.Segments>

                    </PathFigure>

                </PathFigureCollection>

            </PathGeometry.Figures>

            <PathGeometry.Transform>

                <RotateTransform Angle="225"/>

            </PathGeometry.Transform>

        </PathGeometry>

    </Canvas.Resources>

    <Path Data="{StaticResource pg}" RenderTransformOrigin="0,0">

        <Path.Effect>

            <DropShadowEffect Color="#8B0000" Opacity="0.75" ShadowDepth="0"/>

        </Path.Effect>

        <Path.Fill>

            <RadialGradientBrush>

                <GradientStop Color="#008B0000" Offset="0.0"/>

                <GradientStop Color="#908B0000" Offset="0.5" x:Name="gs"/>

                <GradientStop Color="#FF8B0000" Offset="1.0"/>

            </RadialGradientBrush>

        </Path.Fill>

        <Path.RenderTransform>

            <ScaleTransform x:Name="st" ScaleX="1.0" ScaleY="1.0"/>

        </Path.RenderTransform>

        <Path.Triggers>

            <EventTrigger RoutedEvent="Path.Loaded">

                <BeginStoryboard>

                    <Storyboard>

                        <DoubleAnimation Storyboard.TargetName="gs" Storyboard.TargetProperty="Offset" To="0.6" Duration="0:0:0.8" AccelerationRatio="0.2" DecelerationRatio="0.8" AutoReverse="True" RepeatBehavior="Forever"/>

                        <DoubleAnimation Storyboard.TargetName="st" Storyboard.TargetProperty="ScaleX" To="1.5" Duration="0:0:0.8" AccelerationRatio="0.2" DecelerationRatio="0.8" AutoReverse="True" RepeatBehavior="Forever"/>

                        <DoubleAnimation Storyboard.TargetName="st" Storyboard.TargetProperty="ScaleY" To="1.5" Duration="0:0:0.8" AccelerationRatio="0.2" DecelerationRatio="0.8" AutoReverse="True" RepeatBehavior="Forever"/>

                    </Storyboard>

                </BeginStoryboard>

            </EventTrigger>

        </Path.Triggers>

    </Path>

</Canvas>

[WPF,XAML] 跳动的心的更多相关文章

  1. WPF XAML之bing使用StringFormat

    WPF XAML之bing使用StringFormat // 转化为百分比 Text="{Binding Progress, StringFormat=\{0:P\}}" < ...

  2. WPF XAML

    xmlns 在xml中专门用于声明名字控件, xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 是 ...

  3. 使用MVVM DataTemplate在WPF XAML视图之间切换

    原文 使用MVVM DataTemplate在WPF XAML视图之间切换 更新:这个技术的改进版本,一个不创建视图,可以在以下链接找到: http://www.technical-recipes.c ...

  4. 使用MVVM DataTriggers在WPF XAML视图之间切换/Window窗口自适应内容大小并居中

    原文 使用MVVM DataTriggers在WPF XAML视图之间切换 相关文章: http://www.technical-recipes.com/2016/switching-between- ...

  5. 使用transform属性和animation属性制作跳动的心

    transform属性允许我们对元素进行旋转.缩放.移动和倾斜: animation属性允许我们对元素实现一些动画效果: 跳动的心源码 <!DOCTYPE html> <html l ...

  6. 标记扩展和 WPF XAML

      本主题介绍 XAML 的标记扩展概念,包括其语法规则.用途以及底层的类对象模型. 标记扩展是 XAML 语言以及 XAML 服务的 .NET 实现的常规功能. 本主题专门详细论述了用于 WPF X ...

  7. WPF - XAML如何引入名字空间

    WPF 的XAML引入名字空间的概念,经常容易让人混淆.如何引入名字空间,并且在XAML中调用其中的类,下面给一个简单的介绍. 比如我们有一个Hepler类. namespace Wheat.PIMS ...

  8. TurnipBit-MicroPython开发板：跟孩子一起DIY跳动的心

    天是越来越热了,小心脏也是越跳越快啊,为了表达现在激动的心情,必须做个激动的心开始跳动.紧接着就开始带领大家做个激动的心. 首先说说要借助的平台,这次仅仅需要借助一块TurnipBit开发板. Tur ...

  9. WPF XAML 资源样式模板属性存放位置

    WPF的XAML 资源申明 类似HTML. 整体来说分3种1.行类资源样式属性 1.1 行内属性 <Button Content="按钮" Foreground=" ...

随机推荐

  1. react 简单在页面中输出一段文字

    之前用脚手架创建了一个react项目,将react自带的src文件夹删除后创建一个空的src文件夹 在src文件夹中创建一个index.jsx文件作为JS入口文件并创建一个hello组件 现在我们进入 ...

  2. RobotFrameWork+APPIUM实现对安卓APK的自动化测试----第四篇【AppiumLibrary实用函数介绍】

    http://blog.csdn.net/deadgrape/article/details/50585677 通过前几篇的讲述,我相信大家已经对RF+Appium的框架已经有所了解了. 接下来我告诉 ...

  3. byte类型取值范围以及溢出具体解释

    例1: public class test { public static void main(String[] args) { byte a = 127 ; a = (byte)(a+3) ; Sy ...

  4. 2016.03.28,英语,《Vocabulary Builder》Unit 07

    vis: comes from a Latin verb meaning 'see'. vision: ['vɪʒn] n. 视觉,先见之明,光景,视力,眼力,幻想,影像 vt. 幻想. ; vid- ...

  5. Java并发包

    刚看到一篇总结的比较全的JUC包总结,转载如下: 1. java.util.concurrent - Java 并发工具包 Java 5 添加了一个新的包到 Java 平台,java.util.con ...

  6. 杂项-编程：AOP（面向切面编程）

    ylbtech-杂项-编程:AOP(面向切面编程) 在软件业,AOP为Aspect Oriented Programming的缩写,意为:面向切面编程,通过预编译方式和运行期动态代理实现程序功能的统一 ...

  7. linux + nginx 的配置优化

    linux 关于TCP/IP 的优化配置  配置文件/etc/sysctl.conf    修改完文件生效的命令  /sbin/sysctl -p 如下是总结的配置内容及说明 net.ipv4.con ...

  8. 4.matlab基础

    1 函数句柄 clear all; f1=@cos t=:pi/:pi f1(t) f2=@complex f2(,) clear all %函数句柄 f1=@char %函数句柄转换为字符串 s1= ...

  9. 如何解决“因为计算机中丢失php_mbstring.dll”

    配置编译环境时,php.exe报系统错误,无法启动此程序,因为计算机中丢失php_mbstring.dll. 在C:\Windows找到php.ini文件,ctrl+f找到extension=php_ ...

  10. C# 异步编程学习（一）

    异步 编程 可在 等待 某个 任务 完成时, 避免 线程 的 占用, 但要 想 正确地 实现 编程, 仍然 十分 伤脑筋. . NET Framework 中, 有三种 不同 的 模型 来 简化 异步 ...