Flutter之使用PageView实现图片预览视差效果

继续Flutter系列博客的更新,google在昨天12月14日发布了Flutter的1.0(Stable)版本,不同于google挖的其他坑,Flutter自发布release版本号到第一个stable版本之间也才过了十个月,可见google对Flutter的定位绝不是一个实验性质的框架。
虽然有人说放版本号不要钱,但这最起码也说明了官方的态度,像Facebook的ReactNative,已经陆陆续续更新了三年,目前为止的最新版是0.57,仍旧没有发布1.0,加上其他因素已经有很多开发者放弃了使用ReactNative和相关开源库的维护。
Google在昨天放出的公告上还有更劲爆的消息,Flutter支持桌面应用开发和Web应用开发的框架将会陆续放出来,届时Flutter将真正成为跨APP/桌面/Web的跨平台UI框架,非常值得期待,相关链接放上(梯子自备)。
碎碎念有点多了,本篇记录如何使用PageView组件实现图片预览的视差效果,效果图如下:
效果图

自定义view展示官方Interpolator并扩展自定义Interpolator

现在动画在Android开发中使用得越来越频繁, 一个新发布的app如果没有一点酷炫的效果还真拿不出手, 然而说到动画必然会联系到动画差值器Interpolator, 这是一个让动画执行起来不会闲的突兀或者平淡乏味的东西, 有了它我们的动画会显得更加生动和具有物理特性.
而实际开发过程中如果需要某个差值器的情况下, 一般是找一些曲线图片然后依靠想象挑选或者直接挨个尝试来得到最合适的, 这些做法虽然可行但终究还是比较麻烦, 说直白点就是比较low, 而且在官方提供的差值器不满足我们的需求的时候, 我们需要开发自己的差值器, 在这种情况下就更需要一种非常直接的方法来展示差值器的效果了.
本篇则基于这样的需求驱动, 自定义了View来展示曲线以及差值器的执行效果, 把官方所有的差值器都放进去跑起来, 当需要的时候直接挑选即可. 而自定义的Interpolator也可用来测试以及查看差值曲线.
图:

Interpolator示例1 Interpolator示例1 Interpolator示例1

设计一个通用的卫星菜单

卫星菜单算是一个非常久远的控件效果了,到现在也存在了各种各样的开源的此类控件,至于为什么要重复造轮子,是因为翻阅了一些卫星菜单的实现源码发现这些代码水平参差不齐,无论是从整体设计或是逻辑实现或是代码简洁度以及扩展性上都没有找到比较满意的。 鉴于这个效果的实现并不复杂,还有昨天刚好做了个轮子(上篇),所以打算做一个可复用/可灵活配置/具有较好封装/可以当做普通View来使用的卫星菜单控件。 老规矩先上效果图:

不靠边360度示例 靠角90度示例 靠边180度示例

,