今天在git上面看到了一个 仿淘宝头条的滚动效果,就看了下源码
大家要养成看源码的好习惯,才能更好的理解
然后自己照着写了下 然后顺便看了下 ViewFlipper 这个类
先上效果图吧: 最后分析的有 系统的这个类中的方法 的执行 (大神略过,菜鸟请贴完代码后往下看.....)
自定义类继承 ViewFlipper
package com.dreamlive.upmarqueeview; import android.content.Context; import android.util.AttributeSet; import android.view.View; import android.view.animation.Animation; import android.view.animation.AnimationUtils; import android.widget.ViewFlipper; import java.util.List; /** * 仿淘宝首页的 淘宝头条滚动的自定义View * * Created by xi on 2016/11/28. */ public class UPMarqueeView extends ViewFlipper { private Context mContext; private boolean isSetAnimDuration = false; /** * 要多久 烙下一个视图 不搞的话 默认是3000 * 意思就是 切换的间隔 */ private int interval = 2000; /** * 动画时间 * 因为设置的是 进入 和 出去 的动画为 透明 和 位移 */ private int animDuration = 500; public UPMarqueeView(Context context, AttributeSet attrs) { super(context, attrs); init(context, attrs, 0); } private void init(Context context, AttributeSet attrs, int defStyleAttr) { this.mContext = context; // 设置区间间隔 setFlipInterval(interval); Animation animIn = AnimationUtils.loadAnimation(mContext, R.anim.anim_marquee_in); if (isSetAnimDuration) animIn.setDuration(animDuration); setInAnimation(animIn); Animation animOut = AnimationUtils.loadAnimation(mContext, R.anim.anim_marquee_out); if (isSetAnimDuration) animOut.setDuration(animDuration); setOutAnimation(animOut); } /** * 设置循环滚动的View数组 * * @param views */ public void setViews(final List<View> views) { if (views == null || views.size() == 0) return; removeAllViews(); for ( int i = 0; i < views.size(); i++) { final int position=i; //设置监听回调 views.get(i).setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { if (onItemClickListener != null) { onItemClickListener.onItemClick(position, views.get(position)); } } }); addView(views.get(i)); } startFlipping(); } /** * 设置动画时长 默认为500ms * @param ms */ public void setAnimDuration(int ms){ this.animDuration = ms; } /** * 设置间隔时长区间 这里默认给的2s 系统源码里面默认给的3s * @param interval */ public void setInterval(int interval) { this.interval = interval; } /** * 点击 */ private OnItemClickListener onItemClickListener; /** * 设置监听接口 * @param onItemClickListener */ public void setOnItemClickListener(OnItemClickListener onItemClickListener) { this.onItemClickListener = onItemClickListener; } /** * item_view的接口 */ public interface OnItemClickListener { void onItemClick(int position, View view); } }
使用:
1.xml 布局
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <RelativeLayout android:layout_width="match_parent" android:layout_height="80dp"> <TextView android:id="@+id/tbtv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="10dp" android:layout_centerVertical="true" android:textSize="22sp"