用Direct2D和DWM来做简单的动画效果2
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sunnyloves/article/details/50946372
在上一篇文章用Direct2D和DWM来做简单的动画效果
里写了很简单的一个例子,这个例子是MS官方的例子,那么这篇根据官方的思路自己修改修改
效果
做了绕圆盘旋转的指针样的动画,从圆心指向圆弧。见图
核心流程
总结下MS这个例子核心-由DWM计算实时路径位置部分的流程
其中,
A部分由Animation类的派生类设定,即SetStart(),SetEnd(),SetDuration()。
B部分由ComputeValue函数计算得到,注意这个函数输入时间有DWM给出,
C部分由ComputePointAtLength函数的第三个输入计算得到。
本例流程
a.初始化D2D相关类,初始化DWM对象
b.构造D2D绘图路径对象,即那个时钟的圆弧
c.按照DWM返回值刷新绘图对象的位置
d.构造D2D绘图动态对象,即根据c计算的位置,实时画出指针
部分代码
/*****Render()里省略与上例相同代码********
//画圆弧
pSink->BeginFigure(D2D1::Point2F(250, 255), D2D1_FIGURE_BEGIN_FILLED
);
pSink->AddArc(
D2D1::ArcSegment(
D2D1::Point2F(500, 255), // end point
D2D1::SizeF(85, 85),
0.0f, // rotation angle
D2D1_SWEEP_DIRECTION_CLOCKWISE,
D2D1_ARC_SIZE_SMALL
));
pSink->AddArc(
D2D1::ArcSegment(
D2D1::Point2F(250, 255), // end point
D2D1::SizeF(85, 85),
0.0f, // rotation angle
D2D1_SWEEP_DIRECTION_CLOCKWISE,
D2D1_ARC_SIZE_SMALL
));
*********
//实时画箭头
DrawArrow(D2D1::Point2F(375, 255), point);
void CD2D::DrawArrow(D2D1_POINT_2F ptbase, D2D1_POINT_2F ptend)
{
double slopy, cosy, siny;
double length; //length of Arrow
length = 0.3 * sqrt((ptbase.y - ptend.y)*(ptbase.y - ptend.y)
+ (ptbase.x - ptend.x)*(ptbase.x - ptend.x));
slopy = atan2((ptbase.y - ptend.y), (ptbase.x - ptend.x));
cosy = cos(slopy);
siny = sin(slopy);
D2D1_POINT_2F p[3];
D2D1_POINT_2F start;
start.x = ptbase.x;
start.y = ptbase.y;
p[0].x = ptend.x;
p[0].y = ptend.y;
p[1].x = ptend.x + length * cosy - (length / 2.0 * siny);
p[1].y = ptend.y + length * siny + (length / 2.0 * cosy);
p[2].x = ptend.x + length * cosy + length / 2.0 * siny;
p[2].y = ptend.y - length / 2.0 * cosy + length * siny;
m_pRT->DrawLine(ptbase, ptend, m_pYellowBrush);
m_pRT->DrawLine(p[0], p[1], m_pYellowBrush);
m_pRT->DrawLine(p[0], p[2], m_pYellowBrush);
}
用Direct2D和DWM来做简单的动画效果2的更多相关文章
- 用Direct2D和DWM来做简单的动画效果
原文:用Direct2D和DWM来做简单的动画效果 版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/sunnyloves/article/detail ...
- 【从无到有】教你使用animation做简单的动画效果
今天写写怎么用animation属性做一些简单的动画效果 在CSS选择器中,使用animition动画属性,调用声明好的关键帧 首先声明一个动画(关键帧): @keyframes name{ from ...
- ExtJS简单的动画效果2(ext js淡入淡出特效)
Ext 开发小组则提供了 Fx 类集中处理了大部分常用的 js 动画特效,减少了我们自己手写代码的复杂度. 面我给出一个简单的实例代码,其中囊括了大部分的 Ext 动画效果: (注意导入js和css文 ...
- 32.ExtJS简单的动画效果
转自:http://blog.sina.com.cn/s/blog_74684ec501015lhq.html 说明:这篇文章的大部分内容来源于网上,经过自己实现其效果后,整理如下: 在进行 Java ...
- JavaScript做简单的购物车效果(增、删、改、查、克隆)
比如有时候遇到下面这种情况,点击加入购物车,然后在上方的购物车中动态的添加商品以及商品的信息,我们就可以通过JavaScript实现简单的这些操作. 首先我们需要在html文档中,通过css对页面的布 ...
- NSLayoutConstraint 布局,配合简单的动画效果
demo地址 :链接: http://pan.baidu.com/s/1c00ipDQ 密码: mi4c 1 @interface ViewController () @property (nonat ...
- css制作简单loading动画效果【css3 loading加载动画】
曾经以为,loading的制作需要一些比较高深的web动画技术,后来发现大多数loading都可以用“障眼法”做出来.比如一个旋转的圆圈,并不都是将gif图放进去,有些就是画个静止图像,然后让它旋转就 ...
- tableView简单的动画效果
tableView 中一些动画效果通常都是实现willDisplayCell的方法来展示出一些动画的效果 (1).带有3D效果的小型动态展示 -(void)tableView:(UITableView ...
- jquery 最简单的动画效果
<p style="border: 1px solid red"> 我会慢慢变大 </p> <a>dianji</a> <sc ...
随机推荐
- 深度学习(二十六)Network In Network学习笔记
深度学习(二十六)Network In Network学习笔记 Network In Network学习笔记 原文地址:http://blog.csdn.net/hjimce/article/deta ...
- 如何通过EditPlus远程连接Linux
1. File - FTP - FTP Settings 2. Add 3. 填写Linux的ip地址及用户名和密码 4. OK
- __name__ = '__main__'
有句话经典的概括了这段代码的意义: “Make a script both importable and executable” 意思就是说让你写的脚本模块既可以导入到别的模块中用,另外该模块自己也可 ...
- HZOI2019序列
题目链接:https://www.cnblogs.com/Juve/articles/11186805.html(密码是我的一个oj用户名) 题解: 这题我考试打的暴力,只有5分. 一开始理解错题意了 ...
- webpack 处理图片文件
1. 安装 file-loader html-loader npm install file-loader html-loader --save-dev 其中html-loader生效需配合 html ...
- linux命令行操作mysql数据库明细
连接数据库==> mysql -uroot -p 输入root密码 进入mysql操作后 下面的命令不要忘了最后结尾的; 1.选择数据库命令: use <数据库名> 2.查看表的引擎 ...
- Ubuntu为什么远程连接不上
因为没有安装ssh,输入以下命令, sudo apt-get install openssh-server openssh-client执行完再用xshell就可以连接上了
- Composer安装Yii2以及相关扩展
1.安装redis扩展 命令:composer require yiisoft/yii2-redis Git地址:https://github.com/yiisoft/yii2-redis/blob/ ...
- LeetCode简单算法之分割平衡字符串 #1221
在一个「平衡字符串」中,'L' 和 'R' 字符的数量是相同的. 给出一个平衡字符串 s,请你将它分割成尽可能多的平衡字符串. 返回可以通过分割得到的平衡字符串的最大数量. 示例 1: 输入:s = ...
- js中的自执行匿名函数 (function(){})()
JS函数有两种命名方式 1.声明式 声明式会导致函数提升,function会被解释器优先编译.即我们用声明式写函数,可以在任何区域声明,不会影响我们调用. function XXX(){} 2.函数表 ...