动画开发指导
使用场景
UI动画通过task处理机制每个tick调用一下用户设置的callback函数来实现,具体实现为AnimatorManager、Animator、AnimatorCallback三个类实现。
- AnimatorManager:AnimatorManager为单例,在Init函数执行时将自己注册到系统task回调函数中,系统task机制保证每个tick会调用一下AnimatorManager的callback函数,同时AnimatorManager用来管理Animator实例。
- Animator:Animator中可以设置动画相关的属性,包括动画的起止时间,动画开始和停止,动画状态的设置和获取等。
- AnimatorCallback:具体每一个tick动画所要做的内容在AnimatorCallback类中实现,开发者需要自己实现Callback方法,动画执行时在Callback实现相应功能。
接口说明
表 1 动画接口说明
开发步骤
-
实现AnimatorCallback的回调函数。
class AnimatorCallbackDemo : public OHOS::AnimatorCallback { public: AnimatorCallbackDemo(int16_t startPos, int16_t endPos, uint16_t time) : start_(startPos), end_(endPos), time_(time), curTime_(0) {} virtual void Callback(OHOS::UIView* view) { curTime_++; int16_t pos = EasingEquation::CubicEaseIn(start_, end_, curTime_, time_); view->Invalidate(); view->SetPosition(pos, view->GetY()); view->Invalidate(); } protected: int16_t start_; int16_t end_; uint16_t time_; uint16_t curTime_; };
-
将AnimatorCallback添加到Animator中。
UIImageView* image = new UIImageView(); image->SetSrc("..\\config\\images\\A021_001.bin"); image->SetPosition(0, 50); AnimatorCallbackDemo* callback = new AnimatorCallbackDemo(0, 338, 60); Animator* animator = new Animator(callback, image, 0, true);
-
将Animator添加到AnimatorManager中。
AnimatorManager::GetInstance()->Add(animator);
-
点击下图下方的按钮,检查对应的动画运行效果。