Flutter组件：仿抖音双击点赞弹出爱心效果

return getBox.globalToLocal§;

}

List icons = [];

bool canAddFavorite = false;

bool justAddFavorite = false;

Timer timer;

@override

Widget build(BuildContext context) {

var iconStack = Stack(

children: icons

.map(

§ => TikTokFavoriteAnimationIcon(

key: Key(p.toString()),

position: p,

onAnimationComplete: () {

icons.remove§;

},

),

)

.toList(),

);

return GestureDetector(

key: _key,

onTapDown: (detail) {

setState(() {

if (canAddFavorite) {

print(‘添加爱心，当前爱心数量:${icons.length}’);

icons.add(_p(detail.globalPosition));

widget.onAddFavorite?.call();

justAddFavorite = true;

} else {

justAddFavorite = false;

}

});

},

onTapUp: (detail) {

timer?.cancel();

var delay = canAddFavorite ? 1200 : 600;

timer = Timer(Duration(milliseconds: delay), () {

canAddFavorite = false;

timer = null;

if (!justAddFavorite) {

widget.onSingleTap?.call();

}

});

canAddFavorite = true;

},

onTapCancel: () {

print(‘onTapCancel’);

},

child: Stack(

children: [

widget.child,

iconStack,

],

),

);

}

}

class TikTokFavoriteAnimationIcon extends StatefulWidget {

final Offset position;

final double size;

final Function onAnimationComplete;

const TikTokFavoriteAnimationIcon({

Key key,

this.onAnimationComplete,

this.position,

this.size: 100,

}) : super(key: key);

@override

_TikTokFavoriteAnimationIconState createState() =>

_TikTokFavoriteAnimationIconState();

}

class _TikTokFavoriteAnimationIconState

extends State with TickerProviderStateMixin {

AnimationController _animationController;

@override

void dispose() {

_animationController?.dispose();

super.dispose();

}

@override

void didChangeDependencies() {

print(‘didChangeDependencies’);

super.didChangeDependencies();

}

@override

void initState() {

_animationController = AnimationController(

lowerBound: 0,

upperBound: 1,

duration: Duration(milliseconds: 1600),

vsync: this,

);

_animationController.addListener(() {

setState(() {});

});

startAnimation();

super.initState();

}

startAnimation() async {

await _animationController.forward();

widget.onAnimationComplete?.call();

}

double rotate = pi / 10.0 * (2 * Random().nextDouble() - 1);

double get value => _animationController?.value;

double appearDuration = 0.1;

double dismissDuration = 0.8;

double get opa {

if (value < appearDuration) {

return 0.99 / appearDuration * value;

}

if (value < dismissDuration) {

return 0.99;

}

var res = 0.99 - (value - dismissDuration) / (1 - dismissDuration);

return res < 0 ? 0 : res;

}

double get scale {

if (value < appearDuration) {

return 1 + appearDuration - value;

}

if (value < dismissDuration) {

return 1;

}

return (value - dismissDuration) / (1 - dismissDuration) + 1;

}

@override

Widget build(BuildContext context) {

Widget content = Icon(

Icons.favorite,

size: widget.size,

color: Colors.redAccent,

);

content = ShaderMask(

child: content,

blendMode: BlendMode.srcATop,

shaderCallback: (Rect bounds) => RadialGradient(

center: Alignment.topLeft.add(Alignment(0.66, 0.66)),

colors: [

Color(0xffEF6F6F),

Color(0xffF03E3E),

],

).createShader(bounds),

);

Widget body = Transform.rotate(

angle: rotate,

child: Opacity(

opacity: opa,

child: Transform.scale(

作者2013年从java开发，转做Android开发，在小厂待过，也去过华为，OPPO等大厂待过，18年四月份进了阿里一直到现在。

参与过不少面试，也当面试官 面试过很多人。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长，而且极易碰到天花板技术停滞不前！

我整理了一份阿里P7级别的最系统的Android开发主流技术，特别适合有3-5年以上经验的小伙伴深入学习提升。

主要包括阿里，以及字节跳动，腾讯，华为，小米，等一线互联网公司主流架构技术。如果你想深入系统学习Android开发，成为一名合格的高级工程师，可以收藏一下这些Android进阶技术选型

我搜集整理过这几年阿里，以及腾讯，字节跳动，华为，小米等公司的面试题，把面试的要求和技术点梳理成一份大而全的“ Android架构师”面试 Xmind（实际上比预期多花了不少精力），包含知识脉络 + 分支细节。

Java语言与原理；
大厂，小厂。Android面试先看你熟不熟悉Java语言

高级UI与自定义view；
自定义view，Android开发的基本功。

性能调优；
数据结构算法，设计模式。都是这里面的关键基础和重点需要熟练的。

NDK开发；
未来的方向，高薪必会。

前沿技术；
组件化，热升级，热修复，框架设计

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

我在搭建这些技术框架的时候，还整理了系统的高级进阶教程，会比自己碎片化学习效果强太多，CodeChina上可见；

当然，想要深入学习并掌握这些能力，并不简单。关于如何学习，做程序员这一行什么工作强度大家都懂，但是不管工作多忙，每周也要雷打不动的抽出 2 小时用来学习。

不出半年，你就能看出变化！
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
mg-9pcgbRtS-1715826899590)]

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

我在搭建这些技术框架的时候，还整理了系统的高级进阶教程，会比自己碎片化学习效果强太多，CodeChina上可见；

当然，想要深入学习并掌握这些能力，并不简单。关于如何学习，做程序员这一行什么工作强度大家都懂，但是不管工作多忙，每周也要雷打不动的抽出 2 小时用来学习。

不出半年，你就能看出变化！
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！