Android仿淘宝最新向上滚动广告条

最新推荐文章于 2024-09-30 15:37:45 发布
最新推荐文章于 2024-09-30 15:37:45 发布
阅读量407 收藏 9
点赞数 5
分类专栏： 程序员 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FZBH_Q/article/details/137808570
版权

}

private View newView() {

View inflate = LayoutInflater.from(getContext()).inflate(R.layout.item_looper, null);

return inflate;

}

private void initAnimation() {

anim_out = newAnimation(0, -1);

anim_in = newAnimation(1, 0);

anim_in.setAnimationListener(new Animation.AnimationListener() {

@Override

public void onAnimationStart(Animation animation) {

}

@Override

public void onAnimationRepeat(Animation animation) {

}

@Override

public void onAnimationEnd(Animation animation) {

updateTipAndPlayAnimationWithCheck();

}

});

}

private Animation newAnimation(float fromYValue, float toYValue) {

Animation anim = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, 0,

Animation.RELATIVE_TO_SELF, fromYValue, Animation.RELATIVE_TO_SELF, toYValue);

anim.setDuration(ANIM_DURATION);

anim.setStartOffset(ANIM_DELAYED_MILLIONS);

anim.setInterpolator(new DecelerateInterpolator());

return anim;

}

private void updateTipAndPlayAnimationWithCheck() {

if (System.currentTimeMillis() - lastTimeMillis < 1000) {

return;

}

lastTimeMillis = System.currentTimeMillis();

updateTipAndPlayAnimation();

}

private void updateTipAndPlayAnimation() {

if (curTipIndex % 2 == 0) {

updateTip(tv_tip_out);

tv_tip_in.startAnimation(anim_out);

tv_tip_out.startAnimation(anim_in);

this.bringChildToFront(tv_tip_in);

} else {

updateTip(tv_tip_in);

tv_tip_out.startAnimation(anim_out);

tv_tip_in.startAnimation(anim_in);

this.bringChildToFront(tv_tip_out);

}

}

private void updateTip(View tipView) {

TextView textView = (TextView) tipView.findViewById(R.id.text_View);

LooperBean tip = getNextTip();

if (!TextUtils.isEmpty(tip.getName())) {

textView.setText(tip.getName() + TIP_PREFIX);

}

}

/**

  • 获取下一条消息

  • @return

*/

private LooperBean getNextTip() {

if (isListEmpty(tipList)) return null;

int nextPostion = curTipIndex++ % tipList.size();

if (tipList.size() == 1) {

setNowPosition(0);

} else if (nextPostion == 0) {

setNowPosition(tipList.size() - 1);

} else {

setNowPosition(nextPostion - 1);

}

AppBus.getInstance().post(new Looper(getNowPosition()));

return tipList.get(nextPostion);

}

public boolean isListEmpty(List list) {

return list == null || list.isEmpty();

}

public void setTipList(List tipList, int index) {

this.tipList = tipList;

curTipIndex = index;

updateTip(tv_tip_out);

updateTipAndPlayAnimation();

}

private void setNowPosition(int position) {

this.nowPosition = position;

}

private int getNowPosition() {

return nowPosition;

}

//获得当前滚动的位置

public int getNowTip() {

if (isListEmpty(tipList)) return -1;

return getNowPosition();

}

}

  • 滚动的文字布局
<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“match_parent”

android:layout_height=“match_parent”>

<TextView

android:id=“@+id/text_View”

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:layout_gravity=“center_vertical”

android:ellipsize=“end”

android:gravity=“center_vertical”

android:lines=“2”

android:text=“@string/app_name”

android:textColor=“#2F4F4F”

android:textSize=“16sp” />

  • 创建自动滚动的图片控件

引入图片加载框架：

compile ‘com.github.bumptech.glide:glide:3.7.0’

package tsou.cn.loopview.view;

import android.content.Context;

import android.util.AttributeSet;

import android.view.LayoutInflater;

import android.view.View;

import android.view.animation.Animation;

import android.view.animation.DecelerateInterpolator;

import android.view.animation.TranslateAnimation;

import android.widget.FrameLayout;

import android.widget.ImageView;

import com.bumptech.glide.Glide;

import java.util.List;

import tsou.cn.loopview.R;

import tsou.cn.loopview.bean.LooperBean;

public class LooperImageView extends FrameLayout {

private List tipList;

private int curTipIndex = 0;

private long lastTimeMillis;

private static final int ANIM_DELAYED_MILLIONS = 3 * 1000;

/**

  • 动画持续时长

*/

private static final int ANIM_DURATION = 1 * 1000;

private View tv_tip_out, tv_tip_in;

private Animation anim_out, anim_in;

private int nowPosition;

public LooperImageView(Context context) {

super(context);

initTipFrame();

initAnimation();

}

public LooperImageView(Context context, AttributeSet attrs) {

super(context, attrs);

initTipFrame();

initAnimation();

}

public LooperImageView(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

initTipFrame();

initAnimation();

}

private void initTipFrame() {

tv_tip_out = newView();

tv_tip_in = newView();

addView(tv_tip_in);

addView(tv_tip_out);

}

private View newView() {

View inflate = LayoutInflater.from(getContext()).inflate(R.layout.item_looper_image, null);

return inflate;

}

private void initAnimation() {

anim_out = newAnimation(0, -1);

anim_in = newAnimation(1, 0);

anim_in.setAnimationListener(new Animation.AnimationListener() {

@Override

public void onAnimationStart(Animation animation) {

}

@Override

public void onAnimationRepeat(Animation animation) {

}

@Override

public void onAnimationEnd(Animation animation) {

updateTipAndPlayAnimationWithCheck();

}

});

}

private Animation newAnimation(float fromYValue, float toYValue) {

Animation anim = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, 0,

Animation.RELATIVE_TO_SELF, fromYValue, Animation.RELATIVE_TO_SELF, toYValue);

anim.setDuration(ANIM_DURATION);

anim.setStartOffset(ANIM_DELAYED_MILLIONS);

anim.setInterpolator(new DecelerateInterpolator());

return anim;

}

private void updateTipAndPlayAnimationWithCheck() {

if (System.currentTimeMillis() - lastTimeMillis < 1000) {

return;

}

lastTimeMillis = System.currentTimeMillis();

updateTipAndPlayAnimation();

}

private void updateTipAndPlayAnimation() {

if (curTipIndex % 2 == 0) {

updateTip(tv_tip_out);

tv_tip_in.startAnimation(anim_out);

tv_tip_out.startAnimation(anim_in);

this.bringChildToFront(tv_tip_in);

} else {

updateTip(tv_tip_in);

tv_tip_out.startAnimation(anim_out);

tv_tip_in.startAnimation(anim_in);

this.bringChildToFront(tv_tip_out);

}

}

private void updateTip(View tipView) {

final ImageView imageView = (ImageView) tipView.findViewById(R.id.image_view);

Glide.with(tipView.getContext())

.load(tipList.get(curTipIndex % tipList.size()).getUrl())

.placeholder(R.mipmap.app_loading_pic)

.error(R.mipmap.app_loading_pic)

.into(imageView);

getNextTip();

}

/**

  • 获取下一条消息

  • @return

*/

private LooperBean getNextTip() {

if (isListEmpty(tipList)) return null;

int nextPostion = curTipIndex++ % tipList.size();

if (tipList.size() == 1) {

setNowPosition(0);

} else if (nextPostion == 0) {

setNowPosition(tipList.size() - 1);

} else {

setNowPosition(nextPostion - 1);

}

return tipList.get(nextPostion);

}

public boolean isListEmpty(List list) {

return list == null || list.isEmpty();

}

public void setTipList(List tipList, int index) {

this.tipList = tipList;

curTipIndex = index;

updateTip(tv_tip_out);

updateTipAndPlayAnimation();

}

private void setNowPosition(int position) {

this.nowPosition = position;

}

private int getNowPosition() {

return nowPosition;

}

public int getNowTip() {

if (isListEmpty(tipList)) return -1;

return getNowPosition();

}

}

  • 滚动的图片布局
<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:orientation=“horizontal”>

<ImageView

android:id=“@+id/image_view”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_vertical”

android:scaleType=“fitXY”

android:src=“@mipmap/app_loading_pic” />

  • 主页面布局
<?xml version="1.0" encoding="utf-8"?>

<FrameLayout xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:tools=“http://schemas.android.com/tools”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

tools:context=“tsou.cn.loopview.MainActivity”>

<RelativeLayout

android:id=“@+id/rl_marquee_view”

android:layout_width=“match_parent”

android:layout_height=“80dp”

android:background=“#ffffff”

android:padding=“5dp”>

<ImageView

android:id=“@+id/image”

android:layout_width=“80dp”

android:layout_height=“80dp”

android:src=“@mipmap/home_message” />

<tsou.cn.loopview.view.LooperImageView

android:id=“@+id/marquee_image_view”

android:layout_width=“80dp”

android:layout_height=“match_parent”

android:layout_alignParentRight=“true”

android:layout_marginLeft=“5dp”

android:background=“#fff” />

<tsou.cn.loopview.view.LooperTextView

android:id=“@+id/marquee_text_view”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:layout_marginLeft=“5dp”

android:layout_toLeftOf=“@id/marquee_image_view”

android:layout_toRightOf=“@id/image”

android:background=“#fff” />

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

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

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

img

img

img

img

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

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

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

有任何问题，欢迎广大网友一起来交流，分享高阶Android学习视频资料和面试资料包~

偷偷说一句：群里高手如云，欢迎大家加群和大佬们一起交流讨论啊！

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

移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**

[外链图片转存中…(img-szXP10RY-1713229432564)]

[外链图片转存中…(img-olLbKqSq-1713229432566)]

[外链图片转存中…(img-vuc8C40S-1713229432567)]

[外链图片转存中…(img-zCjR0v96-1713229432568)]

[外链图片转存中…(img-epkCMIQK-1713229432569)]

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

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

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

有任何问题，欢迎广大网友一起来交流，分享高阶Android学习视频资料和面试资料包~

偷偷说一句：群里高手如云，欢迎大家加群和大佬们一起交流讨论啊！

[外链图片转存中…(img-HuC1nlIs-1713229432570)]

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

FZBH_Q
关注
专栏目录
Android仿淘宝最新向上滚动广告条，flutter登录验证码图片
m0_64319298的博客
11-25 183
this.tipList = tipList; curTipIndex = index; updateTip(tv_tip_out); updateTipAndPlayAnimation(); } private void setNowPosition(int position) { this.nowPosition = position; } private int getNowPosition() { return nowPosition; } //获得当前滚动的位置 public int getNow
Android仿淘宝最新向上滚动广告条，给后辈的一点建议
m0_66264169的博客
02-05 151
android:layout_gravity=“center_vertical” android:ellipsize=“end” android:gravity=“center_vertical” android:lines=“2” android:text="@string/app_name" android:textColor="#2F4F4F" android:textSize=“16sp” /> 创建自动滚动的图片控件 引入图片加载框架： compile ‘com.github.bump
仿拼多多，淘宝水,平滑动宫格，自定义滚动条
10-23
主要实现水平滑动recyclerView处理滚动条，以及可滑动区域，实现仿拼多多，淘宝水平滑动
仿淘宝公告垂直滚动
06-20
仿淘宝公告垂直滚动
Android仿淘宝滚动的头条
颤抖的肉肉的博客
06-15 1625
http://www.jianshu.com/p/73c04d93cc56 1. 先看效果图 marquee_view.gif 感谢鸿洋大神，我是从他的博客上看到的，在自己实现的。 2. 使用android 原生的控件ViewFlipper 实现 activity布局的实现 xml version="1.0" encoding="utf-8"?>
仿淘宝首页的淘宝头条View垂直滚动
圆静居士的专栏
10-09 1694
之前本来是打算做TextView垂直向上滚动的，后来发现一位大神做得很好，https://github.com/sfsheng0322/MarqueeView 孙福生大神，然后自己要用到多个View向上滚动，也就是类似淘宝首页头条的那种滚动，所以就按照那个思路想了系啊，可以把View拿来滚动，这样可以自己随意的修改View里面的内容，还比较简单一些。所以这个整个思路就是把View就行循环滚动。
仿淘宝菜单栏线条滚动
SXH_Android的博客
07-22 1975
布局 布局代码 <LinearLayout android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_...
Android仿淘宝最新向上滚动广告条，android音频面试题
2401_84006689的博客
04-21 664
在脑图中，每个知识点专题都配有相对应的实战项目，可以有效的帮助大家掌握知识点。总之也是在这里帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。总之也是在这里帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。”，想要写出优秀的代码，最重要的一点还是自身的技术水平，不然用再好的工具也不能发挥出它的全部实力。”，想要写出优秀的代码，最重要的一点还是自身的技术水平，不然用再好的工具也不能发挥出它的全部实力。//获得当前滚动的位置。
Android仿淘宝最新向上滚动广告条，从入门到精通的Android进阶学习笔记整理
m0_61408947的博客
03-27 1075
UI这块知识是现今使用者最多的。当年火爆一时的Android入门培训，学会这小块知识就能随便找到不错的工作了。不过很显然现在远远不够了，拒绝无休止的CV,亲自去项目实战，读源码，研究原理吧！
Android仿淘宝APP最新向上滚动广告条带图标
04-26
在Android应用开发中，"Android仿淘宝APP最新向上滚动广告条带图标"是一个常见的需求，主要是为了实现类似淘宝APP中的顶部广告轮播效果。这种功能可以让用户在浏览商品时注意到促销活动或者特色产品，提高应用的互动...
Android仿淘宝头条基于TextView实现上下滚动通知效果
01-20
在Android开发中，有时我们需要为应用添加一些独特的用户体验，例如模拟淘宝头条的上下滚动通知效果。这个效果可以吸引用户的注意力并有效地传达重要信息。本文将详细介绍如何使用TextView结合自定义动画来实现这一...
Android仿淘宝最新向上滚动广告条，Android性能优化面试题集锦
2401_84150046的博客
04-06 623
return;/**获取下一条消息@return*/} else {//获得当前滚动的位置
Android仿淘宝头条向上滚动广告条的效果ViewFlipper
yhy123456q的博客
09-28 385
项目中遇到了这个效果，在网上查到了具体的实现方式，写的很细，在此仅仅是为了做下记录。。。。 现实方式参考博客：点击打开链接 http://www.jb51.net/article/114538.htm 附上效果图：
【Android 14源码分析】WMS-窗口显示-流程概览与应用端流程分析
最新发布
隔壁小王的博客
09-30 921
WMS 负责管理设备上所有的 Window ，所以应用想显示一个 Window 则要通过 WMS 来完成。而 WMS 毕竟还是上层，窗口的内容要显示到屏幕上，还需要 SurfaceFlinger 来处理。应用端: 控制其内部的窗口的添加及 UI 绘制逻辑WMS 模块: 作为系统窗口管理模块，处理应用端的窗口显示逻辑应用端与 WMS 通信通过匿名 Binder -> Session 完成。
【AndroidStudio】关于AndroidStudio的常见控件TextView和Button
PleaSure乐事的博客
09-26 443
AndroidStudio中TextView和Button控件的使用
Android build子系统（01）Ninja构建系统解读
wangdsh的博客
09-29 1024
说明：本文将解读Ninja构建系统，这是当前Android Framework中广泛使用的构建工具。我们将从Ninja的起源和背景信息开始，逐步解读Ninja的优势和核心原理，并探讨其一般使用场景。然后介绍其在Android Framework中的应用及相关工具：kati、soong、gn等，最后介绍下如何自行构建一个Ninja编译系统，以便于对Ninja有一个完整的了解。
Android自定义ViewFlipper实现淘宝头条向上滚动广告效果
"Android仿淘宝头条向上滚动广告条ViewFlipper" 在Android开发中，有时我们需要实现类似淘宝头条的向上滚动广告条效果，这种效果可以通过ViewFlipper控件来实现。ViewFlipper是Android SDK提供的一种可以自动或手动...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值