【Flutter】什么叫主题色？能跟随主题变化的的才叫主题色( palette_generator 插件介绍+ImageProvider源码分析)

最新推荐文章于 2024-08-19 10:27:56 发布

程序员小何SS

最新推荐文章于 2024-08-19 10:27:56 发布

阅读量1k

点赞数

分类专栏： Android项目实战 flutter 文章标签： flutter android android studio

本文链接：https://blog.csdn.net/xiaokangss/article/details/125091095

版权

Android项目实战同时被 2 个专栏收录

33 篇文章 0 订阅

订阅专栏

flutter

13 篇文章 5 订阅

订阅专栏

前言

不要怀疑Github的能力，如果没搜到相应控件，那就换个语言换个关键字再来一次

不过至少能安慰一下自己，学到了如何计算主题色和相应的算法步骤，也不算功夫全废；

不过该收尾的工作还是要做的，既然主题色计算步骤在之前说过了，那么这篇就分析一下这个 ImageProvider 和 PaletteGenerator 是如何搭配完成主题色获取的；

palette_generator 的使用步骤：

使用 palette_generator 的方法非常非常简单，只需要调用fromImageProvider，传入提供图片的ImageProvider即可，包括AssetImage 、NetworkImage、FileImage之类的；

当然也可以传入一些配置参数，修改计算的图片和计算范围之类的；具体说明，在注释中也描述的很详细：

像size和region这种参数应该是很有用的，运用的好，可以大大减少计算耗时，毕竟主题色不需要太精确的图片，裁剪压缩什么都可以用起来；

当然如果你已经获得了Image对象本身，或者有一定的自定义需求需要对Image做些处理什么的，那么该使用的方法就是 fromImage ：

在这里就可以看到几个跟Android 的 Palette 一个性质的参数，比如说最大颜色数量，过滤器之类的；大体步骤，其实就是 Android 的 Palette 那套了；

那么该来到Image这块的部分，需要了解的有这么一个部分：

ImageProvider是什么，都干了啥

其实 ImageProvider 的注释都已经将ImageProvider的基本流程讲的很明白了：

简单的翻译一下：

1、 ImageProvider 通过构造一个ImageStream的流，当作图片解析加载完成时候的处理回调部分；使用者通过监听这个Stream来获取数据；

2、提供了一个obtainKey的方法，可以根据配置信息来返回一个key值，这个key值的作用是当作图片流的身份标签，以供后续诸如解析和释放流程使用；在这里也提供了一个机制能让异步的错误返回到当前Zone，好让try catch 能抓错

PS ：嗯……可能有人不清楚这个突然冒出来的Zone是个什么东西，这里简单的总结下：

这个Zone可以理解为当前异步运行的环境，直接这么说有点抽象，不过确实我理解的，差不多就这个意思，总之每个异步操作都是不同的环境中；也因此，在一般流程中，try catch 这种操作抓不到异步错误的，因为调用着和异步操作处于不同的Zone，也就是不同的环境中；而 try catch 只管抓自己环境中的错误；

好吧，这个Zone机制和异步机制的问题，放在以后一起细说，这个东西，还不是一两句话感觉就能说明白的，这里就当环境理解；如果有做过Flutter的错误捕获上报工作的人，应该会比较熟悉这个东西，有兴趣的同学可以了解下；这里就不啰嗦了；

3、如果上面的obtainKey 方法成功返回了key值，说明解析器可以上线，做图片的解析操作，在此过程中也会因为各种操作中断或者删除之类的丢失数据源，这时候同样使用上一步的那个抛错流程来处理；

4、而做解析操作的方法，就是load方法，在load中对图片解码，并最终通过第一步中创建的那个流来返回出来；有错的话，也是通过上面的抛错流程抛出；

PaletteGenerator 是如何驱动ImageProvider，并获取解码后的数据的

来到调用ImageProvider的部分，可以看到，第一步就是创建并监听流：

嗯……第一步其实是创建流和创建Completer以供传递监听的结果，第二步才是开始监听；

之后就是静静等待图片解码完成：

还记得上一篇文章中提到的部分么？这样就拿到了解码后包含图片像素数据的Image；

之后的操作就是按部就班的解析，这里也不再赘述；

结语

又到了国际惯例的效果展示环节：

嗯，效果还是可以的，尤其是这个《最佳女婿》，提取出来的是呼伦贝尔的草原主题色，再结合这个小说名，不由得让人浮想翩翩；

不过缺点还是挺明显的，由于是偷懒直接用FutureBuilder做的……外加上初始默认背景色是黑色，感觉这个颜色变化是有些突兀，好像闪了一下的感觉……

或许应该用Animation+ colorTween 做下渐变比较好？

总结

要想成为架构师，那就不要局限在编码，业务，要会选型、扩展，提升编程思维。此外，良好的职业规划也很重要，学习的习惯很重要，但是最重要的还是要能持之以恒，任何不能坚持落实的计划都是空谈。

如果你没有方向，这里给大家分享一套由阿里高级架构师编写的《Android八大模块进阶笔记》，帮大家将杂乱、零散、碎片化的知识进行体系化的整理，让大家系统而高效地掌握Android开发的各个知识点。
在这里插入图片描述
相对于我们平时看的碎片化内容，这份笔记的知识点更系统化，更容易理解和记忆，是严格按照知识体系编排的。

一、架构师筑基必备技能

1、深入理解Java泛型
2、注解深入浅出
3、并发编程
4、数据传输与序列化
5、Java虚拟机原理
6、高效IO
……

在这里插入图片描述

二、Android百大框架源码解析

1.Retrofit 2.0源码解析
2.Okhttp3源码解析
3.ButterKnife源码解析
4.MPAndroidChart 源码解析
5.Glide源码解析
6.Leakcanary 源码解析
7.Universal-lmage-Loader源码解析
8.EventBus 3.0源码解析
9.zxing源码分析
10.Picasso源码解析
11.LottieAndroid使用详解及源码解析
12.Fresco 源码分析——图片加载流程

在这里插入图片描述

三、Android性能优化实战解析

腾讯Bugly:对字符串匹配算法的一点理解
爱奇艺：安卓APP崩溃捕获方案——xCrash
字节跳动：深入理解Gradle框架之一：Plugin, Extension, buildSrc
百度APP技术：Android H5首屏优化实践
支付宝客户端架构解析：Android 客户端启动速度优化之「垃圾回收」
携程：从智行 Android 项目看组件化架构实践
网易新闻构建优化：如何让你的构建速度“势如闪电”？
…

在这里插入图片描述

四、高级kotlin强化实战

1、Kotlin入门教程
2、Kotlin 实战避坑指南
3、项目实战《Kotlin Jetpack 实战》

从一个膜拜大神的 Demo 开始
Kotlin 写 Gradle 脚本是一种什么体验？
Kotlin 编程的三重境界
Kotlin 高阶函数
Kotlin 泛型
Kotlin 扩展
Kotlin 委托
协程“不为人知”的调试技巧
图解协程：suspend

在这里插入图片描述

五、Android高级UI开源框架进阶解密

1.SmartRefreshLayout的使用
2.Android之PullToRefresh控件源码解析
3.Android-PullToRefresh下拉刷新库基本用法
4.LoadSir-高效易用的加载反馈页管理框架
5.Android通用LoadingView加载框架详解
6.MPAndroidChart实现LineChart（折线图）
7.hellocharts-android使用指南
8.SmartTable使用指南
9.开源项目android-uitableview介绍
10.ExcelPanel 使用指南
11.Android开源项目SlidingMenu深切解析
12.MaterialDrawer使用指南
在这里插入图片描述

六、NDK模块开发

1、NDK 模块开发
2、JNI 模块
3、Native 开发工具
4、Linux 编程
5、底层图片处理
6、音视频开发
7、机器学习

在这里插入图片描述

七、Flutter技术进阶

1、Flutter跨平台开发概述
2、Windows中Flutter开发环境搭建
3、编写你的第一个Flutter APP
4、Flutter开发环境搭建和调试
5、Dart语法篇之基础语法(一)
6、Dart语法篇之集合的使用与源码解析(二)
7、Dart语法篇之集合操作符函数与源码分析(三)
…
在这里插入图片描述