仿动画效果按钮（firemonkey）

如图所示，放置一个如此的按钮：

1、放置roundrectangle1

2、放置floatanimation1（parent设置为roundrectangle1）

3、设置floatanimation1属性，

4、放置floatanimation2（旋转3600【10圈】）

5、设置floatanimation2属性：（打钩的效果）

6、放置1个rectangle3、3个circle（parent设为rectangle1）（三个白点）

7、设置circle属性：（设置一个，其余二个复制即可，只要设置颜色和长宽）

8、放置floatanimation并设置属性（parent设为rectangle3）（旋转动画效果）：

9、放置rectangle2并设置属性：（将长方形的rectangle2改造成勾状）

10、放置coloranimation4（parent设成rectangle2）（勾的颜色变换动画）：

11、通过代码将几个动画效果连续播放：

procedure TForm1.fafontsizeFinish(Sender: TObject);
begin//字体大小改变完成后self.Rectangle3.Visible:=true;self.Rectangle3.Parent:=self.RoundRect1;  //将rectangle3【三个白点】绑定到roundrect1上self.Rectangle3.Align:=TAlignLayout.Center;//设置位置居中self.farotate10.Enabled:=true;//触发下一动画
end;procedure TForm1.farotate10Finish(Sender: TObject);//当三个白点旋转10圈后触发
begin//三个白点旋转10圈完成后self.Rectangle2.Visible:=true;self.Rectangle2.Parent:=self.RoundRect1;//将rectangle2【一个勾】绑定到roundrect1上self.Rectangle2.Align:=TAlignLayout.Center;//设置位置居中self.ColorAnimation4.Enabled:=true;//勾由白色变成橙色self.Rectangle3.Visible:=false;//三个白点消失
end;

12、最终效果：

仿动画效果按钮（firemonkey）相关推荐

动画效果——按钮触摸效果
文章目录效果一设置按钮样式设置伪元素样式设置动画案例效果二:发光渐变按钮设置背景渐变设置伪元素样式设置动画案例效果一效果展示: 该动画原理是先将按钮设置溢出隐藏,鼠标移入时, ...
BaseAnimation是基于开源的APP,致力于收集各种动画效果(最新版本1.3)
声明:部分动画来源于网络,本人只是想方便收集在一起,如果不妥请及时与我联系!谢谢为了统一BaseAnimationApp签名,一定要方便以后大家自动更新...防止签名冲突,不能及时更新 1.3源码下 ...
android饿了么购物车,Android仿饿了么加入购物车旋转控件自带闪转腾挪动画的按钮效果(实例详解)...
概述在上文,酷炫Path动画已经预告了,今天给大家带来的是利用纯自定义View,实现的仿饿了么加入购物车控件,自带闪转腾挪动画的按钮. 效果图如下: 图1 项目中使用的效果,考虑到了View的回收 ...
html5点赞按钮特效,jquery仿直播app按钮点赞动画效果
特效描述:直播app按钮按钮点赞动画点赞动画效果.仿照直播软件制作的飘赞效果,jquery点赞动画效果. 代码结构 1. 引入JS 2. HTML代码 $(function () { $(&quo ...
仿当当App首页按钮渐变动画效果
昨天群里有个朋友说当当App首页顶部的那几个按钮渐变动画效果如何实现.然后果断安装了当当App,打开查看下是什么样的动画.来看下当当App首页: 可以看到当我滑动一些距离后,顶部三个浅红色的按钮从右边 ...
Android UI设计与开发】第03期：引导界面（三）仿微信引导界面以及动画效果
转载请注明出处:http://blog.csdn.net/yangyu20121224/article/details/8985457 基于前两篇比较简单的实例做铺垫之后,这一篇我们来实 ...
引导界面（三）仿微信引导界面以及动画效果
基于前两篇比较简单的实例做铺垫之后,这一篇我们来实现一个稍微复杂一点的引导界面的效果,当然也只是稍微复杂了一点,对于会的人来说当然还是so easy!正所谓会者不难,难者不会,大概说的就是这个意思了吧 ...
iOS之仿QQ点赞按钮粒子效果的实现
效果展示具体流程一.封装YDWLikeButton 新建一个YDWLikeButton继承于UIButton,然后声明一个属性: @property (nonatomic, strong) CAE ...
android按钮变输入框动画,AnimShopButton 仿饿了么加入购物车旋转控件 - 自带闪转腾挪动画的按钮。自带海量可定制 UI 属性。在 Re @codeKK Android开源站...
A shopping cart button with a telescopic displacement rotation animation ... 一个仿饿了么带伸缩位移旋转动画的购物车按钮 ...

仿动画效果按钮（firemonkey）

仿动画效果按钮（firemonkey）相关推荐

最新文章

热门文章