Android:Flutter之300行代码实现拖拽排序?这次就来挑战一下 —— 挑战失败,我赌5毛没人能300行做到

Posted 学习Android的第1024天

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android:Flutter之300行代码实现拖拽排序?这次就来挑战一下 —— 挑战失败,我赌5毛没人能300行做到相关的知识,希望对你有一定的参考价值。

前言

续上一篇文章:Flutter进阶技巧之300行代码实现拖拽排序

这次要说的内容,正如这篇标题所述的那样………… 挑战失败,300行搞不定拖拽排序 …………

文末有福利!!!

我承认严重低估了状态保存这块的处理逻辑,做各种状态保存以及读取触发,这还不是一件挺轻松的事;

逻辑这块发生了大改变,AnimatedContainer 和 GridView 也需要自定义修改一下,如果可以去掉不需要修改,但是其他部分使用,因此不得不复制过来的的系统源码部分,有600行代码的工作量;

不过这次至少把功能都实现全了;

这次先来放一下效果图,性能也没问题,应该没什么遗漏部分了:

改动部分

这次对整体流程进行了调整,同时修改了AnimationContainer 和 gridView ;

整体思路是调整GridView 中 Element的顺序,并触发Item 的重构,进而触发AnimatedContainer播放动画;

而 AnimatedContainer 播放的动画是上一次的transform渐变到这次的Transfrom,而我期望的是一个由指定Transform渐变为0的动画,所以这块也要自定义处理下:

1、 提供用来存储单个Item数据的InheritedWidget

这个 InheritedWidget 的功能是存放对应 Item 在 GridView 的 子RenderObject 链表中的位置(或者可以用slot代替?),以及缓存的Item的位置信息,用来在build的时候得知需要改变的位置偏移量是多少;

在这里就没必要允许数据改变时通知监听者,毕竟仅仅当作存放共享数据的东西使用;所以 updateShouldNotify我设置为false;

2、在Element中加入修改RenderObject顺序的方法

这个方法主要分这几个步骤:

  • 1、记录当前未调整顺序时候的Item位置;用于后面再将位置信息设置回去;

  • 2、调整Element中childElement中的顺序

  • 3、调整RenderObject中childRenderObject的顺序;

由于 move 方法会调用 didAdoptChild 方法,更新调整的item的信息,最后检查renderObject链表的顺序结构是否正确,所以要在这里调整一下parentData的index顺序:

  • 4、重新设置位置信息(毕竟对于gridView来说,各个Item都是固定大小,所以index的位置信息也不会变化)

3、修改AnimatedContainer

由于这次的方案是调整renderObject的顺序,所以原版AnitedContainer那种保存上一次transfrom,并渐变到当前transform的方案是不行的;

应该说,现在的AnimatedContainer的动画,应该播放的是由调整顺序前渐变到当前位置;而由于renderObject的顺序发生了改变,所以动画应该是一种由上次位置跟当前位置的该变量,渐变为0的一个动画:

这里仅仅修改 AnimatedContainerState 的 didUpdateTweens 方法即可(但这块跟自定义GridView一样,要把其他无关的东西都要复制过来,而非单单重写部分方法即可,所以其他build之类的地方可以无视,没做任何修改):

结语

可能有人会疑惑,已经有了之前那个德国小哥的方案,为啥我还要重新造个轮子?

关于这点,主要原因是我想利用Draggable+DragTarget的设计方案;

后续想通过自定义DragTarget的方案,实现多种复杂手势的处理;

最主要的原因还是为了尽量避免计算……

arget的设计方案;

后续想通过自定义DragTarget的方案,实现多种复杂手势的处理;

最主要的原因还是为了尽量避免计算……

最后

分享给大家一份面试题合集。

下面的题目都是在android交流群大家在面试时遇到的,如果大家有好的题目或者好的见解欢迎分享,楼主将长期维护此帖。
参考解析:郭霖、鸿洋、玉刚、极客时间、腾讯课堂…

内容特点:条理清晰,含图像化表示更加易懂。

内容概要:包括 Handler、Activity相关、Fragment、service、布局优化、AsyncTask相关
、Android 事件分发机制、 Binder、Android 高级必备 :AMS,WMS,PMS、Glide、 Android 组件化与插件化等面试题和技术栈!

有需要详细文档的小伙伴,可以微信扫下方二维码回复JJ免费领取哈~

Handler 相关知识,面试必问!

常问的点:
Handler Looper Message 关系是什么?
Messagequeue 的数据结构是什么?为什么要用这个数据结构?
如何在子线程中创建 Handler?
Handler post 方法原理?
Android消息机制的原理及源码解析
Android Handler 消息机制

Activity 相关

启动模式以及使用场景?
onNewIntent()和onConfigurationChanged()
onSaveInstanceState()和onRestoreInstanceState()
Activity 到底是如何启动的
启动模式以及使用场景
onSaveInstanceState以及onRestoreInstanceState使用
onConfigurationChanged使用以及问题解决
Activity 启动流程解析

Fragment

Fragment 生命周期和 Activity 对比
Fragment 之间如何进行通信
Fragment的startActivityForResult
Fragment重叠问题
Fragment 初探
Fragment 重叠, 如何通信
Fragment生命周期

Service 相关

进程保活
Service的运行线程(生命周期方法全部在主线程)
Service启动方式以及如何停止
ServiceConnection里面的回调方法运行在哪个线程?
startService 和 bingService区别
进程保活一般套路
关于进程保活你需要知道的一切

Android布局优化之ViewStub、include、merge

什么情况下使用 ViewStub、include、merge?
他们的原理是什么?
ViewStub、include、merge概念解析
Android布局优化之ViewStub、include、merge使用与源码分析

BroadcastReceiver 相关

注册方式,优先级
广播类型,区别
广播的使用场景,原理
Android广播动态静态注册
常见使用以及流程解析
广播源码解析

AsyncTask相关

AsyncTask是串行还是并行执行?
AsyncTask随着安卓版本的变迁
AsyncTask完全解析
串行还是并行

Android 事件分发机制

onTouch和onTouchEvent区别,调用顺序
dispatchTouchEvent, onTouchEvent, onInterceptTouchEvent 方法顺序以及使用场景
滑动冲突,如何解决
事件分发机制
事件分发解析
dispatchTouchEvent, onTouchEvent, onInterceptTouchEvent方法的使用场景解析

Android View 绘制流程

简述 View 绘制流程
onMeasure, onlayout, ondraw方法中需要注意的点
如何进行自定义 View
view 重绘机制

  • Android LayoutInflater原理分析,带你一步步深入了解View(一)

  • Android视图状态及重绘流程分析,带你一步步深入了解View(二)

  • Android视图状态及重绘流程分析,带你一步步深入了解View(三)

  • Android自定义View的实现方法,带你一步步深入了解View(四)

Android Window、Activity、DecorView以及ViewRoot

Window、Activity、DecorView以及ViewRoot之间的关系

Android 的核心 Binder 多进程 AIDL

常见的 IPC 机制以及使用场景
为什么安卓要用 binder 进行跨进程传输
多进程带来的问题

  • AIDL 使用浅析

  • binder 原理解析

  • binder 最底层解析

  • 多进程通信方式以及带来的问题

  • 多进程通信方式对比

Android 高级必备 :AMS,WMS,PMS

AMS,WMS,PMS 创建过程

  • AMS,WMS,PMS全解析

  • AMS启动流程

  • WindowManagerService启动过程解析

  • PMS 启动流程解析

Android ANR

为什么会发生 ANR?
如何定位 ANR?
如何避免 ANR?
什么是 ANR
如何避免以及分析方法
Android 性能优化之 ANR 详解

Android 内存相关

注意:内存泄漏和内存溢出是 2 个概念

什么情况下会内存泄漏?
如何防止内存泄漏?

  • 内存泄漏和溢出的区别

  • OOM 概念以及安卓内存管理机制

  • 内存泄漏的可能性

  • 防止内存泄漏的方法

Android 屏幕适配

屏幕适配相关名词解析
现在流行的屏幕适配方式

  • 屏幕适配名词以及概念解析

  • 今日头条技术适配方案

Android 缓存机制

LruCache使用极其原理

  • Android缓存机制

  • LruCache使用极其原理述

Android 性能优化

如何进行 内存 cpu 耗电 的定位以及优化
性能优化经常使用的方法
如何避免 UI 卡顿

  • 性能优化全解析,工具使用

  • 性能优化最佳实践

  • 知乎高赞文章

Android MVC、MVP、MVVM

好几种我该选择哪个?优劣点

任玉刚的文章:设计模式选择

Android Gradle 知识

这俩篇官方文章基础的够用了
必须贴一下官方文档:配置构建
Gradle 提示与诀窍

Gradle插件 了解就好
Gradle 自定义插件方式
全面理解Gradle - 执行时序

  • Gradle系列一

  • Gradle系列二

  • Gradle系列三

RxJava

使用过程,特点,原理解析
RxJava 名词以及如何使用
Rxjava 观察者模式原理解析
Rxjava订阅流程,线程切换,源码分析 系列

OKHTTP 和 Retrofit

OKHTTP完整解析
Retrofit使用流程,机制详解
从 HTTP 到 Retrofit
Retrofit是如何工作的

最流行图片加载库: Glide

郭神系列 Glide 分析
Android图片加载框架最全解析(一),Glide的基本用法
Android图片加载框架最全解析(二),从源码的角度理解Glide的执行流程
Android图片加载框架最全解析(三),深入探究Glide的缓存机制
Android图片加载框架最全解析(四),玩转Glide的回调与监听
Android图片加载框架最全解析(五),Glide强大的图片变换功能
Android图片加载框架最全解析(六),探究Glide的自定义模块功能
Android图片加载框架最全解析(七),实现带进度的Glide图片加载功能
Android图片加载框架最全解析(八),带你全面了解Glide 4的用法

Android 组件化与插件化

为什么要用组件化?
组件之间如何通信?
组件之间如何跳转?
Android 插件化和热修复知识梳理
为什么要用组件化

  • Android彻底组件化方案实践
  • Android彻底组件化demo发布
  • Android彻底组件化-代码和资源隔离
  • Android彻底组件化—UI跳转升级改造
  • Android彻底组件化—如何使用Arouter

插件化框架历史
深入理解Android插件化技术
Android 插件化和热修复知识梳理

由于篇幅限制,文档的详解资料太全面,细节内容太多,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!

好啦,这份资料就给大家介绍到这了,有需要详细文档的小伙伴,可以微信扫下方二维码回复JJ免费领取哈~

以上是关于Android:Flutter之300行代码实现拖拽排序?这次就来挑战一下 —— 挑战失败,我赌5毛没人能300行做到的主要内容,如果未能解决你的问题,请参考以下文章

300行代码实现循环滚动控件

300行代码实现循环滚动控件

300行代码实现循环滚动控件

300行ABAP代码实现一个最简单的区块链原型

300行ABAP代码实现一个最简单的区块链原型

教你用300行Python代码实现一个人脸识别系统