Android 自定义 MarqueeView 实现跑马灯效果 - 使用说明,Android外包是如何进入阿里的

自定义属性说明

| 属性 | 说明 |

| — | — |

| mvAnimDuration | 动画执行时间 |

| mvInterval | View 翻页时间间隔 |

| mvGravity | View 的摆放位置left、center、right |

| mvDirection | 动画滚动方向:bottom_to_top、top_to_bottom、right_to_left、left_to_right |

第三步:给 MarqueeView 设置 Adapater

首先,若 MarqueeView 的 ViewType 只有一种类型,那么只需要继承 CommonAdapter 即可

public class SimpleTextAdapter extends CommonAdapter {

public SimpleTextAdapter(Context context, List datas) {

super(context, R.layout.item_simple_text, datas);

}

@Override

protected void convert(ViewHolder viewHolder, String item, int position) {

TextView tv = viewHolder.getView(R.id.tv);

tv.setText(item);

}

}

SimpleTextAdapter simpleTextAdapter = new SimpleTextAdapter(mContext, datas);

simpleTextAdapter.setOnItemClickListener(new MultiItemTypeAdapter.OnItemClickListener() {

@Override

public void onItemClick(int position, View view) {

Log.i(TAG, "onItemClick: position = " + position);

if (marqueeView.isStart()) {

marqueeView.stopFilp();

} else {

marqueeView.startFlip();

}

}

});

marqueeView.setAdapter(simpleTextAdapter);

看一下效果图:

image


更多用法


支持不同的 ViewType

image

从 gif 效果图中,我们可以看到,一共有三种 type:

  • 只含有 TextView

  • 含有一个 ImageView 和 TextView

  • 含有两个 TextView 和 一个ImageView

要想实现上述效果,需要两个步骤:

第一步:继承于 ItemViewDelegate,重写 getItemViewLayoutId,isForViewType,convert

方法,其中 getItemViewLayoutId 方法表示返回布局 layoutId,convert 方法在刷新当前 View 的时候会调用,可以用来刷新数据

/**

  • Created by xujun on 1/9/2018$ 18:25$.

*/

public class TextItemViewDelegate implements ItemViewDelegate {

@Override

public int getItemViewLayoutId() {

return R.layout.item_simple_text;

}

@Override

public boolean isForViewType(MultiTypeBean item, int position) {

return item.mItemViewType == MultiTypeBean.ItemViewType.text;

}

@Override

public void convert(ViewHolder holder, MultiTypeBean multiTypeBean, int position) {

TextView tv = holder.getView(R.id.tv);

tv.setText(multiTypeBean.title);

}

}

public class ImageTextItemViewDelegate implements ItemViewDelegate {

@Override

public int getItemViewLayoutId() {

return R.layout.item_image_text;

}

@Override

public boolean isForViewType(MultiTypeBean item, int position) {

return item.mItemViewType == MultiTypeBean.ItemViewType.imageText;

}

@Override

public void convert(ViewHolder holder, MultiTypeBean multiTypeBean, int position) {

TextView tv = holder.getView(R.id.tv);

tv.setText(multiTypeBean.title);

ImageView iv = holder.getView(R.id.iv);

iv.setImageResource(multiTypeBean.resImageId);

}

}

public class MultiTextItemViewDelegate implements ItemViewDelegate {

@Override

public int getItemViewLayoutId() {

return R.layout.item_multi_text;

}

@Override

public boolean isForViewType(MultiTypeBean item, int position) {

return item.mItemViewType == MultiTypeBean.ItemViewType.multiTextAndImage;

}

@Override

public void convert(ViewHolder holder, MultiTypeBean multiTypeBean, int position) {

TextView tv = holder.getView(R.id.tv);

tv.setText(multiTypeBean.title);

TextView tvContent = holder.getView(R.id.tv_content);

tvContent.setText(multiTypeBean.content);

ImageView iv = holder.getView(R.id.iv);

iv.setImageResource(multiTypeBean.resImageId);

}

}

第二步:将 ItemViewDelegate 添加到 MultiItemTypeAdapter 中,并给 marqueeView 设置 Adapter。

MultiItemTypeAdapter multiItemTypeAdapter = new MultiItemTypeAdapter(mContext, datas);

multiItemTypeAdapter.addItemViewDelegate(new TextItemViewDelegate());

multiItemTypeAdapter.addItemViewDelegate(new ImageTextItemViewDelegate());

multiItemTypeAdapter.addItemViewDelegate(new MultiTextItemViewDelegate());

multiItemTypeAdapter.setOnItemClickListener(new MultiItemTypeAdapter.OnItemClickListener() {

@Override

public void onItemClick(int position, View view) {

Log.i(TAG, "onItemClick: position = " + position);

if (marqueeView.isStart()) {

marqueeView.stopFilp();

} else {

marqueeView.startFlip();

}

}

});

marqueeView.setAdapter(multiItemTypeAdapter);

其他用法

  • 设置布局的对齐方向:

void setGravity(int gravity)

  • 设置动画的方向:

void setDirection(int direction)

  • 设置动画的执行时间:(内置动画支持,自定义动画不支持)

void setAnimDuration(int animDuration)

  • 设置两个 View 的轮播间隔

void setInterval(int interval)

  • 设置进入进出动画(即自定义动画)

setInAndOutAnimation(Animation inAnimation, Animation outAnimation)

  • 设置 Flip 监听

void setIFlipListener(IFlipListener IFlipListener)

mMvMultiText5.setIFlipListener(new MarqueeView.IFlipListener() {

@Override

public void onFilpStart(int position, View view) {

Log.i(TAG, "onFilpStart: position = " + position);

}

@Override

public void onFilpSelect(int position, View view) {

Log.i(TAG, "onFilpSelect: position = " + position);

}

});

  • 设置点击事件监听

simpleTextAdapter.setOnItemClickListener(new MultiItemTypeAdapter.OnItemClickListener() {

@Override

public void onItemClick(int position, View view) {

Log.i(TAG, "onItemClick: position = " + position);

if (marqueeView.isStart()) {

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

《设计思想解读开源框架》

第一章、 热修复设计

  • 第一节、 AOT/JIT & dexopt 与 dex2oat

  • 第二节、 热修复设计之 CLASS_ISPREVERIFIED 问题

  • 第三节、热修复设计之热修复原理

  • 第四节、Tinker 的集成与使用(自动补丁包生成)

    第二章、 插件化框架设计

  • 第一节、 Class 文件与 Dex 文件的结构解读

  • 第二节、 Android 资源加载机制详解

  • 第三节、 四大组件调用原理

  • 第四节、 so 文件加载机制

  • 第五节、 Android 系统服务实现原理

    第三章、 组件化框架设计

  • 第一节、阿里巴巴开源路由框——ARouter 原理分析

  • 第二节、APT 编译时期自动生成代码&动态类加载

  • 第三节、 Java SPI 机制

  • 第四节、 AOP&IOC

  • 第五节、 手写组件化架构

    第四章、图片加载框架

  • 第一节、图片加载框架选型

  • 第二节、Glide 原理分析

  • 第三节、手写图片加载框架实战

    第五章、网络访问框架设计

  • 第一节、网络通信必备基础

  • 第二节、OkHttp 源码解读

  • 第三节、Retrofit 源码解析

    第六章、 RXJava 响应式编程框架设计

  • 第一节、链式调用

  • 第二节、 扩展的观察者模式

  • 第三节、事件变换设计

  • 第四节、Scheduler 线程控制

    第七章、 IOC 架构设计

  • 第一节、 依赖注入与控制反转

  • 第二节、ButterKnife 原理上篇、中篇、下篇

  • 第三节、Dagger 架构设计核心解密

    第八章、 Android 架构组件 Jetpack

  • 第一节、 LiveData 原理

  • 第二节、 Navigation 如何解决 tabLayout 问题

  • 第三节、 ViewModel 如何感知 View 生命周期及内核原理

  • 第四节、 Room 架构方式方法

  • 第五节、 dataBinding 为什么能够支持 MVVM

  • 第六节、 WorkManager 内核揭秘

  • 第七节、 Lifecycles 生命周期


    本文包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等,资源持续更新中…

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

er 架构设计核心解密**

[外链图片转存中…(img-zU4gMNk0-1712359103054)]

第八章、 Android 架构组件 Jetpack

  • 第一节、 LiveData 原理

  • 第二节、 Navigation 如何解决 tabLayout 问题

  • 第三节、 ViewModel 如何感知 View 生命周期及内核原理

  • 第四节、 Room 架构方式方法

  • 第五节、 dataBinding 为什么能够支持 MVVM

  • 第六节、 WorkManager 内核揭秘

  • 第七节、 Lifecycles 生命周期

    [外链图片转存中…(img-ucSjK3Vd-1712359103054)]
    本文包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等,资源持续更新中…
    [外链图片转存中…(img-rdBUBv9j-1712359103054)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

  • 30
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值