吉原拉面

  一个类似于QQ侧滑菜单的功能，支持从上、下、左、右四个方法打开菜单栏。可以通过自定义transform实现更加炫酷的动效！  先上效果图：slide from left.gifslide from right.gifslide from top.gifGithub地址：https://github.com/yumi0629/SlideDrawer使用方法：...

更新：关于Slivers的具体用法，请看这篇文章：Flutter：Slivers大家族，让滑动视图的组合变得很简单！本文写的只是SliverAppBar的用法，实际上使用Slivers可以实现多种折叠效果。 Android和iOS中都有类似的滑动折叠效果，Flutter官方也提供了NestedScrollView控件来实现类似的效果，但是因为Flutter的一些特性，布局容易出现溢出，...

  如果你是一名安卓开发者，应该很熟悉 共享元素变换（Shared Element Transition）这个概念，它可以通过几行代码，就在两个Activity或者Fragment之间做出流畅的转场动画。  Google把这个概念也带到了Flutter里面，这就是我们今天要讲的主角——Hero控件。通过Hero，我们可以在两个路由之间，做出流畅的转场动画。注意，是两个路由（Route），在Flu...

  写在前面，效果已经基本OK了，但是有些细节还没处理好。暂时主要有三个问题：用户手势到达屏幕边缘时释放，如果旋转角度过小，动画总感觉有些不流畅（也可能是我的错觉吧）； 给数据刷新提供的API还没想好，现在塞数据比较麻烦； 因为UI设计是根据用户手势移动布局位置的，因此用户每次手势位置改变，都需要刷新布局，现在是用setState的方式去刷新的，不清楚在布局复杂的情况下是否会有性能问题。...

文中所有示例代码请点击：https://gitee.com/yumi0629/FlutterUI/tree/master/lib/sliver  今天呢，我小拉面主要想给大家讲一讲Flutter中的Slivers大家族的使用场景和方法。开发过列表布局的同学们应该对Slivers系列的控件不陌生，或多或少都用过这个库中的控件，来解决复杂的滑动嵌套布局。  比如之前讲Hero的时候提到的下面这个...

  注意：这其实是一篇CustomPaint的使用教程！！       源码地址：https://github.com/yumi0629/FlutterUI/tree/master/lib/circleprogressbar  在Flutter中，CustomPaint就像是Android中的Paint一样，可以用它绘制出各种各样的自定义图形。确实，Paint的使用比较复杂，我觉得直接讲A...

  这次依然是补作业，之前在写仿“探探”左滑/右滑的效果的时候，设计稿底部的喜欢Icon其实是有类似于Twitter点赞那种的动效的，但是因为时间原因我偷懒没写。  惯例先上效果图：   GitHub地址：https://github.com/yumi0629/FlutterUI/tree/master/lib/likebutton  整体算法是参照了GitHub上star最多的...

本文涉及的知识点：截图、图片保存、根据用户手势实时绘制canvas。GitHub地址：https://github.com/yumi0629/FlutterUI/tree/master/lib/scrawl先上效果图：  需求分析  这次的想法是移植自项目中的一个小功能：截屏当前页面，添加涂鸦功能后，分享给第三方APP。分享功能我们暂不讨论，使用插件可以轻松完成，重...

https://github.com/yumi0629/FlutterUI/tree/master/lib/bottomappbar  使用Flutter原生的FloatingActionButton+BottomAppBar实现，配合Scaffold使用更舒服，适合不喜欢自己用Widget组合自定义BottomAppBar的小伙伴。  实现思路为：1、自定义floatingActio...