用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 ...
随机推荐
- 解决Navicat 报错:1130-host is not allowed MySQL不允许从远程访问的方法
ERROR 1130: Host '192.168.1.3' is not allowed to connect to thisMySQL server 解决方法: 1. 改表法.可能是你的帐号不允许 ...
- HBase的安装与配置
- Mahout In Action-第一章:初识Mahout
1. 初识Mahout 本章涵盖以下内容: Apache Mahout是什么? 现实中推荐系统引擎.聚类.分类概述 配置mahout 读者可能从本书的标题中猜测到,本书是一本讲解如何将mahout应用 ...
- Windows API 第16篇 GetLogicalDrivers 获取驱动器位掩码
函数原型:DWORD GetLogicalDrives(VOID);The GetLogicalDrives function retrieves a bitmask representing the ...
- List--列表合成
1,基本规则是,一对中括号里面包含一个表达式,表达式里可以有for语句,还可以有分支的for或者if语句. 2,例如: 3,列表合成可以快速地合并多个列表. 例如: 当然还可以直接加:[1, 2, 3 ...
- Django WSGI响应过程之WSGIHandler
class WSGIHandler(base.BaseHandler): request_class = WSGIRequest def __init__(self, *args, **kwargs) ...
- 前端存取cookie
1.存cookie document.cookie="user_phone="+loginMake1Value;//存手机号码cookie//'user_phone'为cookie ...
- CentOS6.5下源码安装MySQL5.6.35
接上一篇文章使用RPM包安装MySQL,确实很方便.但是安装后却不知道各文件保存在哪个文件夹下!尝试使用源码安装~本文主要参考:CentOS 6.4下编译安装MySQL 5.6.14一.卸载旧版本 . ...
- JAVA面试常见问题之Redis篇
Redis为单线程 1.Redis 有哪些数据类型 String 哈希 list set 有序set 2.Redis 内部结构 参考:https://www.cnblogs.com/chenpingz ...
- iview中table的render()函数
Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML.然而在一些场景中,你真的需要 JavaScript 的完全编程的能力,这就是 render 函数,它比 template 更接 ...