文档章节

关于动画移动矩形的例子 - 回复 "ps8.0" 同学

涂孟超
 涂孟超
发布于 2014/09/26 15:36
字数 535
阅读 12
收藏 0
问题来源: http://www.cnblogs.com/del/archive/2008/06/12/1131232.html#1224216

首先, 实现这个问题有两种方法:

1、边擦边画; 2、先在内存绘图然后再复制到前台, 就是所谓的双倍缓存.

本例使用的是比较传统的 "边擦边画" 法, 但现在更提倡使用 "双倍缓存" 法.

本例效果图(实际的动画效果比这个 gif 要好一些):



代码文件:
unit Unit1;

interface

uses
  Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,
  Dialogs, StdCtrls, ExtCtrls;

type
  TForm1 = class(TForm)
    Button1: TButton;
    Button2: TButton;
    Button3: TButton;
    Timer1: TTimer;
    procedure FormCreate(Sender: TObject);
    procedure FormDestroy(Sender: TObject);
    procedure Button1Click(Sender: TObject);
    procedure Button2Click(Sender: TObject);
    procedure Button3Click(Sender: TObject);
    procedure Timer1Timer(Sender: TObject);
  end;

var
  Form1: TForm1;

implementation

{$R *.dfm}

var
  pt1,pt2: TPoint;  {两个点}
  n: Integer = 20;  {用于正方形大小}
  cvs: TCanvas;     {画布}
  a,b,ai,bi: Single;

procedure TForm1.FormCreate(Sender: TObject);
begin
  Timer1.Enabled := False;
  Timer1.Interval := 25;

  Button1.Caption := '画正方形';
  Button2.Caption := '移动';
  Button3.Caption := '暂停';

  cvs := TCanvas.Create;
  cvs.Handle := GetDC(Handle);

  Self.Color := clWhite;
end;

procedure TForm1.Button1Click(Sender: TObject);
begin
  {给两个点赋值}
  pt1.X := 30;
  pt1.Y := 30;
  pt2.X := ClientWidth - 30;
  pt2.Y := ClientHeight - 30;

  {记下起始点的位置}
  a := pt1.X;
  b := pt1.Y;

  {算出每次的偏移量}
  ai := (pt2.X-pt1.X)/100; {假如用 100 次移动完毕}
  bi := (pt2.Y-pt1.Y)/100;

  {在第一点位置画出矩形, 使用随机颜色}
  Randomize;
  cvs.Pen.Color := Random($FFFFFF);
  cvs.Pen.Width := 4;
  cvs.Rectangle(Round(a-n), Round(b-n), Round(a+n), Round(b+n));
end;

procedure TForm1.Button2Click(Sender: TObject);
begin
  Timer1.Enabled := True;
end;

procedure TForm1.Button3Click(Sender: TObject);
begin
  Timer1.Enabled := False;
end;

procedure TForm1.Timer1Timer(Sender: TObject);
begin
  if a >= pt2.X then
  begin
    Timer1.Enabled := False;
    Exit;
  end;

  {擦除上一个}
  cvs.Pen.Mode := pmNotXor;
  cvs.Rectangle(Round(a-n), Round(b-n), Round(a+n), Round(b+n));

  {再画}
  cvs.Pen.Mode := pmCopy;
  a := a+ai;
  b := b+bi;
  cvs.Rectangle(Round(a-n), Round(b-n), Round(a+n), Round(b+n));
end;

procedure TForm1.FormDestroy(Sender: TObject);
begin
  cvs.Free;
end;

end.

 
 
 
 
 

 

 

  
窗体文件:
object Form1: TForm1
  Left = 0
  Top = 0
  Caption = 'Form1'
  ClientHeight = 214
  ClientWidth = 335
  Color = clBtnFace
  Font.Charset = DEFAULT_CHARSET
  Font.Color = clWindowText
  Font.Height = -11
  Font.Name = 'Tahoma'
  Font.Style = []
  OldCreateOrder = False
  Position = poDesktopCenter
  OnCreate = FormCreate
  OnDestroy = FormDestroy
  PixelsPerInch = 96
  TextHeight = 13
  object Button1: TButton
    Left = 252
    Top = 8
    Width = 75
    Height = 25
    Caption = 'Button1'
    TabOrder = 0
    OnClick = Button1Click
  end
  object Button2: TButton
    Left = 252
    Top = 39
    Width = 75
    Height = 25
    Caption = 'Button2'
    TabOrder = 1
    OnClick = Button2Click
  end
  object Button3: TButton
    Left = 252
    Top = 70
    Width = 75
    Height = 25
    Caption = 'Button3'
    TabOrder = 2
    OnClick = Button3Click
  end
  object Timer1: TTimer
    OnTimer = Timer1Timer
    Left = 168
    Top = 80
  end
end

 
 
 
 
 

 

 

  

本文转载自:http://www.cnblogs.com/del/archive/2008/06/13/1218771.html

共有 人打赏支持
涂孟超
粉丝 12
博文 2011
码字总数 14107
作品 0
深圳
程序员
私信 提问
iOS动画详解(学习动画看这一篇就够了)

原文出处:wu大维 动效设计一直是iOS平台的优势,良好的动效设计可以很好地提升用户体验。而动画则是动效的基础支撑。本动画将从易到难逐步分析,从CABasicAnimation,UIBezierPath,CAShape...

秦无炎
2016/11/22
44
0
干货分享!HTML5 动效的常见制作手法

原文出处:腾讯ISUX - 田田 众所周知,一个元素,动往往比静更吸引眼球; 一套操作界面,合适的动态交互反馈能给用户带来更好的操作体验; 一个H5运营宣传页,炫酷的动画特效定能助力传播和品...

腾讯ISUX - 田田
2015/12/08
0
0
Axure 制作app侧滑菜单

移动app中关于“菜单”的设计有很多种类,其中侧滑菜单是很常见的一种设计方式,本文以淘宝的筛选菜单为例,使用axure实现效果。 为了节约时间,排除干扰,我们就不拖入其他元件了,直接插入...

狄睿鑫老师
2017/03/29
0
0
这可能是关于动态面板,最细致的讲解了

作者:拼搏的80后 全文共 2420 字 6 图,阅读需要 5 分钟 ———— / BEGIN / ———— 动态面板是Axure中使用频率最高的元件之一,动态面板专门用于设计原型中的动态功能,它可以包含一个或...

k7jz78gejj
04/19
0
0
Android 游戏开发之切换游戏场景特效的实现

大家在玩游戏的时候应该有时候会发现在切换游戏场景的时候 界面会播放一段非常好看的动画 比如一个百叶窗的形式关闭界面 然后在打开界面 效果非常好看 用户体验也非常好,今天我向大家解读游...

无鸯
2011/10/03
2K
3

没有更多内容

加载失败,请刷新页面

加载更多

Spring源码学习笔记-1-Resource

打算补下基础,学习下Spring源码,参考书籍是《Spring源码深度解析》,使用版本是Spring 3.2.x,本来想试图用脑图记录的,发现代码部分不好贴,还是作罢,这里只大略记录下想法,不写太细了 ...

zypy333
今天
10
0
RestClientUtil和ConfigRestClientUtil区别说明

RestClientUtil directly executes the DSL defined in the code. ConfigRestClientUtil gets the DSL defined in the configuration file by the DSL name and executes it. RestClientUtil......

bboss
今天
17
0

中国龙-扬科
昨天
2
0
Linux系统设置全局的默认网络代理

更改全局配置文件/etc/profile all_proxy="all_proxy=socks://rahowviahva.ml:80/"ftp_proxy="ftp_proxy=http://rahowviahva.ml:80/"http_proxy="http_proxy=http://rahowviahva.ml:80/"......

临江仙卜算子
昨天
11
0
java框架学习日志-6(bean作用域和自动装配)

本章补充bean的作用域和自动装配 bean作用域 之前提到可以用scope来设置单例模式 <bean id="type" class="cn.dota2.tpye.Type" scope="singleton"></bean> 除此之外还有几种用法 singleton:......

白话
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部