0
点赞
收藏
分享

微信扫一扫

Android 自定义 MarqueeView 实现跑马灯 —— 原理篇,vue数据双向绑定

爱薇Ivy趣闻 2022-03-11 阅读 20

throw new IllegalArgumentException(“An ItemViewDelegate is already registered for the” +

" viewType = " + viewType + ". Already registered ItemViewDelegate is " +

delegates.get(viewType));

}

delegates.put(viewType, delegate);

return this;

}

public ItemViewDelegateManager addDelegate(ItemViewDelegate delegate) {

int viewType = delegates.size();

if (delegate != null) {

delegates.put(viewType, delegate);

viewType++;

}

return this;

}

因此,我们如果想获取对应 position 的 viewType,可以通过 delegate 在 delegates 中对应的 key

于是衍生出以下方法:

即根据当前 postion,去查找相应的 delegate,然后再获取通过 delegate 在 delegates 数组中对应的 key,即我们的 viewType

public int getItemViewType(T item, int position) {

int delegatesCount = delegates.size();

for (int i = delegatesCount - 1; i >= 0; i–) {

ItemViewDelegate delegate = delegates.valueAt(i);

if (delegate.isForViewType(item, position)) {

return delegates.keyAt(i);

}

}

throw new IllegalArgumentException(“No ItemViewDelegate added that matches position=” +

position + " in data source");

}

MultiItemTypeAdapter 讲解

主要有几个重要的方法:

public View createItemView(ItemViewDelegate itemViewDelegate, ViewGroup parent) {

int layoutId = itemViewDelegate.getItemViewLayoutId();

ViewHolder viewHolder = null;

View convertView = LayoutInflater.from(mContext).inflate(layoutId, parent, false);

viewHolder = new ViewHolder(mContext, convertView, parent, -1);

viewHolder.mLayoutId = layoutId;

onViewHolderCreated(viewHolder, viewHolder.getConvertView());

return convertView;

}

public View createItemView(int position, View convertView, ViewGroup parent) {

ItemViewDelegate itemViewDelegate = mItemViewDelegateManager.getItemViewDelegate(mDatas

.get(position), position);

int layoutId = itemViewDelegate.getItemViewLayoutId();

ViewHolder viewHolder = null;

if (convertView == null) {

convertView = LayoutInflater.from(mContext).inflate(layoutId, parent, false);

viewHolder = new ViewHolder(mContext, convertView, parent, position);

viewHolder.mLayoutId = layoutId;

onViewHolderCreated(viewHolder, viewHolder.getConvertView());

} else {

viewHolder = (ViewHolder) convertView.getTag();

viewHolder.mPosition = position;

}

convert(viewHolder, getItem(position), position);

return convertView;

}

private void convert(ViewHolder viewHolder, T item, int position) {

mItemViewDelegateManager.convert(viewHolder, item, position);

}

public SparseArrayCompat getAllTyeView(ViewGroup parent) {

SparseArrayCompat<ItemViewDelegate> itemViewDelegates = getItemViewDelegate();

int size = itemViewDelegates.size();

SparseArrayCompat viewSparseArrayCompat = new SparseArrayCompat<>();

for (int i = 0; i < size; i++) {

ItemViewDelegate delegate = itemViewDelegates.valueAt(i);

View itemView = createItemView(delegate, parent);

int itemViewType = getItemViewType(itemViewDelegates, i);

Log.i(TAG, "getAllTyeView: itemViewType = " + itemViewType);

viewSparseArrayCompat.put(itemViewType, itemView);

}

return viewSparseArrayCompat;

}

  • 第一个方法: createItemView(ItemViewDelegate itemViewDelegate, ViewGroup parent),会根据传递的 itemViewDelegate 创建相应的 convertView,并调用 onViewHolderCreated() 方法

  • 第二个方法:createItemView 会根据传递进来的 position 创建相应的 convertView

  • 若 convertView 为 null,从布局中 load 进来

  • 若 convertView 不为空,取出来 viewHolder,并刷新 viewHolder 里面的 position

最后调用 convert 方法去刷新界面数据。

而这个 convertView 什么时候为 null,什么时候不为 null,这个必须要外部调用来管理,MultiItemTypeAdapter 管理不了,也不应该管理。

  • 第三个方法: getAllTyeView ,这个方法会遍历所有的 itemViewDelegate 并创建相应的 View 及 ViewHolder

接下来我们来看一下在 MarqueeView 里面是怎样实现 convertView 的缓存的,标重点了。


MarqueeView


首先我们来看一下 getItemView

private SparseArray mViews;

private View getItemView(int index) {

int itemViewType = mMultiItemTypeAdapter.getItemViewType(index);

// 获取缓存的 convertView

View convertView = mViews.get(itemViewType);

View itemView = mMultiItemTypeAdapter.createItemView(index, convertView, MarqueeView.this);

return itemView;

}

从代码中可以看出我们是从 mViews 里面根据当前位置 index 的 itemViewType 取出 convertView 的。那我们的 mViews 是什么时候赋值的呢?

是在 addAllTypeView 方法中

private void addAllTypeView() {

int viewTypeCount = mMultiItemTypeAdapter.getViewTypeCount();

if (viewTypeCount < 1) {

return;

}

mViews.clear();

SparseArrayCompat allTyeView = mMultiItemTypeAdapter.getAllTyeView(MarqueeView.this);

int curItemViewType = mMultiItemTypeAdapter.getItemViewType(mPosition);

for (int i = 0; i < allTyeView.size(); i++) {

int key = allTyeView.keyAt(i);

View view = allTyeView.valueAt(i);

mViews.put(key, view);

LayoutParams layoutParams = new FrameLayout.LayoutParams(LayoutParams.MATCH_PARENT,

LayoutParams.WRAP_CONTENT);

layoutParams.gravity = mGravity;

addView(view, layoutParams);

// 设置当前 itemView 可见,其他不可见

if (key == curItemViewType) {

view.setVisibility(View.VISIBLE);

} else {

view.setVisibility(View.INVISIBLE);

}

}

}

在 addAllTypeView 的时候,会调用 mMultiItemTypeAdapter.getAllTyeView 初始化所有类型的 itemView,并添加到 mViews 缓存,key 为 viewType,value 为 itemView。

MarqueeView 是怎样与 MultiItemTypeAdapter 建立关联的

我们来看一下 setAdapter 这个方法:

有一个参数,MultiItemTypeAdapter ,这个 MultiItemTypeAdapter 主要是用来实现 View 的复用以及根据不同的 viewType 添加不同的 View 的。这里先大概有个印象。下面会讲解到。

public void setAdapter(MultiItemTypeAdapter multiItemTypeAdapter) {

if (multiItemTypeAdapter == null) {

return;

}

mMultiItemTypeAdapter = multiItemTypeAdapter;

start(mInAnimResId, mOutAnimResId);

}

private void start(final @AnimRes int inAnimResId, final @AnimRes int outAnimResID) {

// 第一步:做一些重置的工作,mPosition 终止,清除所有 View,清除动画;

mPosition = 0;

clearAnimation();

removeAllViews();

// 第二步:根据 MultiItemTypeAdapter ,把所有类型的 typeView 加载进来,并根据 mPosition 设置可见性

addAllTypeView();

// 第三步:初始化当前 position 的 View,并调用 mMultiItemTypeAdapter 的相关方法

int itemViewType = mMultiItemTypeAdapter.getItemViewType(mPosition);

View convertView = mViews.get(itemViewType);

View itemView = mMultiItemTypeAdapter.createItemView(mPosition, convertView, MarqueeView.this);

mCurView = itemView;

mLastView = mCurView;

// 利用 handle 发送消息,执行动画

post(new Runnable() {

@Override

public void run() {

sendAppear();

}

});

}

在 setAdapter 方法中,会先用 start 方法。而在 start 方法中主要做即将事情

  • 第一步:做一些重置的工作,mPosition 终止,清除所有 View,清除动画;

  • 第二步:根据 MultiItemTypeAdapter ,把所有类型的 typeView 加载进来,并根据 mPosition 设置可见性

  • 第三步:初始化当前 position 的 View,并调用 mMultiItemTypeAdapter 的 createItemView 去初始化对应 postion 的 View

int itemViewType = mMultiItemTypeAdapter.getItemViewType(mPosition);

View convertView = mViews.get(itemViewType);

View itemView = mMultiItemTypeAdapter.createItemView(mPosition, convertView, MarqueeView.this);

mCurView = itemView;

mLastView = mCurView;

文末

我总结了一些Android核心知识点,以及一些最新的大厂面试题、知识脑图和视频资料解析。

需要的小伙伴私信【学习】我免费分享给你,以后的路也希望我们能一起走下去。(谢谢大家一直以来的支持,需要的自己领取)

直接点击链接也可以领取哦!

Android学习PDF+架构视频+面试文档+源码笔记

部分资料一览:

  • 330页PDF Android学习核心笔记(内含8大板块)

  • Android学习的系统对应视频

  • Android进阶的系统对应学习资料

  • Android BAT大厂面试题(有解析)

+面试文档+源码笔记](https://github.com/a120464/Android-P7/blob/master/Android%E5%BC%80%E5%8F%91%E4%B8%8D%E4%BC%9A%E8%BF%99%E4%BA%9B%EF%BC%9F%E5%A6%82%E4%BD%95%E9%9D%A2%E8%AF%95%E6%8B%BF%E9%AB%98%E8%96%AA%EF%BC%81.md)

部分资料一览:

  • 330页PDF Android学习核心笔记(内含8大板块)

[外链图片转存中…(img-3hGxouBN-1646550915050)]

[外链图片转存中…(img-2CzpzGd6-1646550915051)]

  • Android学习的系统对应视频

  • Android进阶的系统对应学习资料

[外链图片转存中…(img-Vj2IWNT2-1646550915052)]

  • Android BAT大厂面试题(有解析)

举报

相关推荐

0 条评论