用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 ...
随机推荐
- Hbase实验:java创建和删除table
开启zookeeper.hadoop.hbase: 打开eclipse创一个java project,然后导入所需jar包: 写好java代码,运行create,然后去hbase shell里查看: ...
- 关于vue项目报错:this relative module was not found
VScode编辑器增加了一行代码import func from './vue-temp/vue-editor-bridge'; 删除即可
- 内容溢出文字用"..."代替 以及超出文本内容换行
text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 超出.....代替 overflow: hidden; word-break: ...
- centos7 盘符变动 绑定槽位
服务器下的硬盘主有机械硬盘.固态硬盘以及raid阵列,通常内核分配盘符的顺序是/dev/sda./dev/sdb… ….在系统启动过程中,内核会按照扫描到硬盘的顺序分配盘符(先分配直通的,再分配阵列) ...
- oracle pl/sql远程连接过程
之前没用过oracle,现在公司用到就记录下安装过程吧.安装PL/SQL工具,安装oracle11G工具.打开PL/SQL 进行配置.
- 2019-1-29-dotnet-使用-Qpush-快速从电脑到手机推送文字
title author date CreateTime categories dotnet 使用 Qpush 快速从电脑到手机推送文字 lindexi 2019-01-29 16:22:56 +08 ...
- vue 权限管理
核心想法: 登陆后获得用户角色,通过角色获得用户的权限,注入权限对应的路由.刷新页面,从localStorage用角色(更好的方式是通过token)再次获得所属权限,再次注入路由.在管理界面左端循环权 ...
- Luogu P3106 [USACO14OPEN]GPS的决斗Dueling GPS's(最短路)
P3106 [USACO14OPEN]GPS的决斗Dueling GPS's 题意 题目描述 Farmer John has recently purchased a new car online, ...
- 有趣的纯CSS实现动态晴阴雨雪
我们先来看看实现的效果吧 非常的美腻,对吧.这个是纯css,且单标签实现的哦~ 先贴完整代码,我们再来看看这个里面究竟有什么可以借鉴的知识点 <!DOCTYPE html> <htm ...
- 通过游戏学python 3.6 第一季 第九章 实例项目 猜数字游戏--核心代码--猜测次数--随机函数和屏蔽错误代码--优化代码及注释--简单账号密码登陆--账号的注册查询和密码的找回修改--锁定账号--锁定次数--菜单功能'menufile
通过游戏学python 3.6 第一季 第九章 实例项目 猜数字游戏--核心代码--猜测次数--随机函数和屏蔽错误代码--优化代码及注释--简单账号密码登陆--账号的注册查询和密码的找回修改--锁 ...