angelwgh

2023年12月26日

摘要：一、创建一个没有动画效果的菜单 import 'package:flutter/material.dart'; class Menu extends StatefulWidget { const Menu({super.key}); @override State<Menu> createState 阅读全文

posted @ 2023-12-26 15:58 angelwgh 阅读(89) 评论(0) 推荐(0)

Flutter 页面专场动画

摘要：在不同路由（或界面）之间进行切换的时候，许多设计语言，例如 Material 设计，都定义了一些标准行为。但有时自定义路由会让 app 看上去更加的独特。为了更好的完成这一点，PageRouteBuilder 提供了一个 Animation 对象。这个 Animation 能够通过结合 Tween 阅读全文

posted @ 2023-12-26 14:45 angelwgh 阅读(76) 评论(0) 推荐(0)

Flutter hero动画

摘要：在 Flutter 中，图像从当前页面转到另一个页面称为 hero 动画，相同的动作有时也被称为共享元素过渡。 hero 动画基本结构在不同页面分别使用两个 hero widgets，同时使用配对的标签来实现动画 Navigator 管理含有 app 页面的堆栈。推送一个页面或弹出一个 Nav 阅读全文

posted @ 2023-12-26 13:52 angelwgh 阅读(197) 评论(0) 推荐(0)

2023年12月25日

Flutter Icons交错动画

摘要： import 'package:flutter/material.dart'; class AnimateIcons extends StatelessWidget { const AnimateIcons({super.key}); @override Widget build(BuildCont 阅读全文

posted @ 2023-12-25 15:26 angelwgh 阅读(65) 评论(0) 推荐(0)

2023年12月23日

Flutter 显式动画

摘要： Flutter 中的动画系统基于类型化的 Animation 对象。 Widgets 既可以通过读取当前值和监听状态变化直接合并动画到 build 函数，也可以作为传递给其他 widgets 的更精细动画的基础。渲染动画创建 AnimationController 的同时，也赋予了一个 vsyn 阅读全文

posted @ 2023-12-23 16:47 angelwgh 阅读(49) 评论(0) 推荐(0)

2023年12月22日

Flutter 隐式动画

摘要：通过几行代码就可以实现隐式动画，由于隐式动画背后的实现原理和繁琐的操作细节都被隐去了，所以叫隐式动画，FLutter中提供的 [AnimatedContainer]、[AnimatedPadding]、[AnimatedPositioned.AnimatedOpacity]、[AnimatedDef 阅读全文

posted @ 2023-12-22 15:53 angelwgh 阅读(99) 评论(0) 推荐(0)

2023年12月21日

Flutter AnimatedList 实现动态列表

摘要： import 'dart:async'; import 'package:flutter/material.dart'; final GlobalKey _globalKey = GlobalKey(); class MyAnimatedList extends StatelessWidget { 阅读全文

posted @ 2023-12-21 16:42 angelwgh 阅读(117) 评论(0) 推荐(0)

Flutter Key 以及通过Key获取子组件的状态和方法

摘要： import 'package:flutter/material.dart'; class ColorItem { GlobalKey key; Color color; //设置子组件的key，这里用的GlobalKey，用来后面获取子组件 //如果不用获取子组件，也可以用Valuekey Col 阅读全文

posted @ 2023-12-21 13:51 angelwgh 阅读(421) 评论(0) 推荐(0)

2023年12月20日

Flutter 使用PageView 自定义无限轮播

摘要： import 'package:flutter/material.dart'; int _getRealIndex(int index, int length) { return index >= length ? index % length : index; } class InfinitySl 阅读全文

posted @ 2023-12-20 16:40 angelwgh 阅读(276) 评论(0) 推荐(0)

2023年12月19日

Flutter 用PageView实现轮播

摘要： import 'package:flutter/material.dart'; class PageSwiper extends StatefulWidget { const PageSwiper({super.key}); @override State<PageSwiper> createSta 阅读全文

posted @ 2023-12-19 16:17 angelwgh 阅读(120) 评论(0) 推荐(0)

公告