android 动画广告,Android新闻广告条滚动效果

项目中需要用到类似公告栏的控件，能用的基本不支持多行显示，于是只好自己动手，苦于没有自定义过一个像样的控件，借鉴Android公告条demo，实现了多行向上滚动的控件。在原控件基础之上添加如下功能：

•传入数据分页显示

•添加Left Drawable

•手指触摸事件处理

•添加3D动画翻滚效果

效果图

源码

package com.android.view;

import android.content.Context;

import android.content.res.TypedArray;

import android.graphics.Camera;

import android.graphics.Matrix;

import android.graphics.Paint;

import android.graphics.drawable.Drawable;

import android.os.Handler;

import android.os.Looper;

import android.text.TextPaint;

import android.text.TextUtils;

import android.util.AttributeSet;

import android.util.TypedValue;

import android.view.Gravity;

import android.view.MotionEvent;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.animation.AccelerateInterpolator;

import android.view.animation.AlphaAnimation;

import android.view.animation.Animation;

import android.view.animation.AnimationSet;

import android.view.animation.Transformation;

import android.view.animation.TranslateAnimation;

import android.widget.FrameLayout;

import android.widget.LinearLayout;

import android.widget.TextView;

import com.sd2w.market.client.R;

import java.util.ArrayList;

import java.util.List;

import static android.view.ViewGroup.LayoutParams.MATCH_PARENT;

import static android.view.ViewGroup.LayoutParams.WRAP_CONTENT;

/**

* 公告滚动区

*

* @author 祁连山

* @version 1.0

* @date 2016-08-17

*/

public class RollingView extends FrameLayout implements OnClickListener {

// 默认动画执行时间

private static final int ANIMATION_DURATION = 1000;

// 延迟滚动时间间隔

private long mDuration = 3000;

// 字体颜色

private int mTextColor = 0xff000000;

// 点击后字体颜色

private int mClickColor = 0xff0099ff;

// 字体大小

private float mTextSize = 14;

// 行间距

private int mTextPadding = 10;

// 画笔

private Paint mPaint;

// 默认每页信息数

private int mPageSize = 3;

// 最后一页余数

private int mUpLimited = mPageSize;

// 当前显示页码

private int mCurrentPage = 0;

// 总分页数

private int mPageCount;

// 左图片

private int mLeftDrawable;

// 分页数据对象

private List mRollingPages;

// 默认动画

private AnimationSet mEnterAnimSet;

private AnimationSet mExitAnimSet;

private RollingRunnable mRunnable;

private Handler mHandler;

private onItemClickListener mClickListener;

// 布局参数

private LayoutParams mFrameParams;

private LinearLayout.LayoutParams mLinearParams;

//mEnterDownAnim,mOutUp分别构成向下翻页的进出动画

private Rotate3dAnimation mEnterDownAnim;

private Rotate3dAnimation mExitUpAnim;

//mEnterUpAnim,mOutDown分别构成向下翻页的进出动画

private Rotate3dAnimation mEnterUpAnim;

private Rotate3dAnimation mExitDownAnim;

public RollingView(Context context) {

this(context, null);

}

public RollingView(Context context, AttributeSet attrs) {

super(context, attrs);

// 从xml中获取属性

TypedArray array = getContext().obtainStyledAttributes(attrs, R.styleable.RollingView);

mTextSize = array.getDimension(R.styleable.RollingView_textSize, mTextSize);

mTextColor = array.getColor(R.styleable.RollingView_textColor, mTextColor);

array.recycle();

// 创建默认显示隐藏动画

createEnterAnimation();

createExitAnimation();

// 初始化画笔

mPaint = new TextPaint();

// 初始化Handler对象

mHandler = new Handler(Looper.getMainLooper());

mEnterDownAnim = createAnim(-90, 0, true, true);

mExitUpAnim = createAnim(0, 90, false, true);

mEnterUpAnim = createAnim(90, 0, true, false);

mExitDownAnim = createAnim(0, -90, false, false);

}

private Rotate3dAnimation createAnim(float start, float end, boolean turnIn, boolean turnUp) {

final Rotate3dAnimation rotation = new Rotate3dAnimation(start, end, turnIn, turnUp);

rotation.setDuration(300);

rotation.setFillAfter(false);

rotation.setInterpolator(new AccelerateInterpolator());

return rotation;

}

/**

* 设置分页大小

*

* @param pageSize

*/

public void setPageSize(int pageSize) {

this.mPageSize = this.mUpLimited = pageSize;

}

/**

* 设置延迟时间

*

* @param millionSeconds

*/

public void setDelayedDuration(long millionSeconds) {

this.mDuration = millionSeconds;

}

/**

* 设置显示动画

*

* @param animation

*/

public void setEnterAnimation(AnimationSet animation) {

mEnterAnimSet = animation;

}

/**

* 设置隐藏动画

*

* @param animation

*/

public void setExitAnimation(AnimationSet animation) {

mExitAnimSet = animation;

}

/**

* 设置行距

*

* @param padding

*/

public void setTextPadding(int padding) {

this.mTextPadding = padding;

}

/**

* 设置点击后字体颜色

*

* @param color

*/

public void setClickColor(int color) {

this.mClickColor = color;

}

/**

* 设置左图片

*

* @param drawable

*/

public void setLeftDrawable(int drawable) {

this.mLeftDrawable = drawable;

}

/**

* 设置点击事件

*

* @param clickListener

*/

public void setOnItemClickListener(onItemClickListener clickListener) {

if (null == clickListener) return;

this.mClickListener = clickListener;

}

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

// 如果是未指定大小，那么设置宽为300px

int exceptWidth = 300;

int exceptHeight = 0;

// 计算高度，如果将高度设置为textSize会很丑，因为文字有默认的上下边距。

if (MeasureSpec.getMode(heightMeasureSpec) != MeasureSpec.EXACTLY) {

if (mTextSize > 0) {

mPaint.setTextSize(mTextSize);

Paint.FontMetrics fontMetrics = mPaint.getFontMetrics();

exceptHeight = (int) (fontMetrics.bottom - fontMetrics.top);

}

}

int width = resolveSize(exceptWidth, widthMeasureSpec);

int height = resolveSize(exceptHeight, heightMeasureSpec);

setMeasuredDimension(width, height);

}

public void setRollingText(List array) {

if (null == array || array.isEmpty()) return;

this.removeAllViews();

if (mRollingPages == null) {

mRollingPages = new ArrayList<>();

}

mRollingPages.clear();

// 计算商数

int quotient = array.size() / mPageSize;

// 计算余数

int remainder = array.size() % mPageSize;

// 计算需要创建多少页

mPageCount = remainder == 0 ? quotient : quotient + 1;

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

// 创建一个布局

LinearLayout container = createContainer();

if (i == mPageCount - 1) {

mUpLimited = remainder == 0 ? mPageSize : remainder;

}

for (int n = 0; n < mUpLimited; n++) {

TextView textView = createTextView(array.get(mPageSize * i + n));

container.addView(textView);

}

// 添加到分页中

mRollingPages.add(container);

this.addView(container);

}

// 初始化显示第一页

mCurrentPage = 0;

mRollingPages.get(mCurrentPage).setVisibility(VISIBLE);

this.setVisibility(mRollingPages.get(mCurrentPage));

}

/**

* 创建页对象

*

* @return

*/

private LinearLayout createContainer() {

if (mFrameParams == null) {

mFrameParams = new LayoutParams(MATCH_PARENT, WRAP_CONTENT);

mFrameParams.gravity = Gravity.CENTER_VERTICAL;

}

LinearLayout container = new LinearLayout(getContext());

container.setLayoutParams(mFrameParams);

container.setOrientation(LinearLayout.VERTICAL);

return container;

}

private void setVisibility(LinearLayout container) {

int count = container.getChildCount();

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

container.getChildAt(i).setVisibility(VISIBLE);

}

}

/**

* 创建页内容对象

*

* @param text

* @return

*/

private TextView createTextView(String text) {

if (mLinearParams == null) {

mLinearParams = new LinearLayout.LayoutParams(WRAP_CONTENT, WRAP_CONTENT);

mLinearParams.gravity = Gravity.CENTER_VERTICAL;

}

TextView textView = new TextView(getContext());

textView.setLayoutParams(mLinearParams);

textView.setSingleLine();

textView.setPadding(mTextPadding, mTextPadding, mTextPadding, mTextPadding);

textView.setEllipsize(TextUtils.TruncateAt.END);

textView.setTextColor(mTextColor);

textView.setVisibility(INVISIBLE);

textView.setText(text);

if (mLeftDrawable > 0) {

Drawable drawable = getContext().getResources().getDrawable(mLeftDrawable);

// Bitmap bitmap = BitmapFactory.decodeResource(getContext().getResources(), mLeftDrawable);

// Drawable drawable = new BitmapDrawable(getContext().getResources(), bitmap);

drawable.setBounds(0, 0, 10, 10);

textView.setCompoundDrawablePadding(10);

textView.setCompoundDrawables(drawable, null, null, null);

}

textView.setOnClickListener(this);

// 设置字体大小

if (mTextSize > 0) {

textView.setTextSize(TypedValue.COMPLEX_UNIT_PX, mTextSize);

}

return textView;

}

private void createEnterAnimation() {

mEnterAnimSet = new AnimationSet(false);

TranslateAnimation translateAnimation = new TranslateAnimation(0, 0, 0, 0, TranslateAnimation.RELATIVE_TO_PARENT, 1f, TranslateAnimation.RELATIVE_TO_SELF, 0f);

AlphaAnimation alphaAnimation = new AlphaAnimation(0f, 1f);

mEnterAnimSet.addAnimation(translateAnimation);

mEnterAnimSet.addAnimation(alphaAnimation);

mEnterAnimSet.setDuration(ANIMATION_DURATION);

}

private void createExitAnimation() {

mExitAnimSet = new AnimationSet(false);

TranslateAnimation translateAnimation = new TranslateAnimation(0, 0, 0, 0, TranslateAnimation.RELATIVE_TO_SELF, 0f, TranslateAnimation.RELATIVE_TO_PARENT, -1f);

AlphaAnimation alphaAnimation = new AlphaAnimation(1f, 0f);

mExitAnimSet.addAnimation(translateAnimation);

mExitAnimSet.addAnimation(alphaAnimation);

mExitAnimSet.setDuration(ANIMATION_DURATION);

}

@Override

public boolean onTouchEvent(MotionEvent event) {

int action = event.getAction();

switch (action) {

case MotionEvent.ACTION_DOWN:

pause();

break;

case MotionEvent.ACTION_MOVE:

case MotionEvent.ACTION_UP:

case MotionEvent.ACTION_CANCEL:

resume();

break;

}

return true;

}

public void resume() {

// 只有一页时不进行切换

if (mPageCount < 1) return;

if (mRunnable == null) {

mRunnable = new RollingRunnable();

} else {

mHandler.removeCallbacks(mRunnable);

}

mHandler.postDelayed(mRunnable, mDuration);

}

public void pause() {

if (mRunnable != null) {

mHandler.removeCallbacks(mRunnable);

}

}

@Override

public void onClick(View v) {

if (null == mClickListener) return;

TextView textView = (TextView) v;

mClickListener.onItemClick(textView);

textView.setTextColor(mClickColor);

}

/**

* 隐藏当前页,显示下一页任务

*/

public class RollingRunnable implements Runnable {

@Override

public void run() {

// 隐藏当前页

LinearLayout currentView = mRollingPages.get(mCurrentPage);

currentView.setVisibility(INVISIBLE);

if (mExitAnimSet != null) {

currentView.startAnimation(mExitAnimSet);// mExitUpAnim);

}

mCurrentPage++;

if (mCurrentPage >= mPageCount) {

mCurrentPage = 0;

}

// 显示下一页

LinearLayout nextView = mRollingPages.get(mCurrentPage);

nextView.setVisibility(VISIBLE);

setVisibility(nextView);

if (mEnterAnimSet != null) {

nextView.startAnimation(mEnterAnimSet);// mEnterDownAnim);

}

mHandler.postDelayed(this, mDuration);

}

}

public class Rotate3dAnimation extends Animation {

private final float mFromDegrees;

private final float mToDegrees;

private final boolean mTurnIn;

private final boolean mTurnUp;

private float mCenterX;

private float mCenterY;

private Camera mCamera;

public Rotate3dAnimation(float fromDegrees, float toDegrees, boolean turnIn, boolean turnUp) {

mFromDegrees = fromDegrees;

mToDegrees = toDegrees;

mTurnIn = turnIn;

mTurnUp = turnUp;

}

@Override

public void initialize(int width, int height, int parentWidth, int parentHeight) {

super.initialize(width, height, parentWidth, parentHeight);

mCamera = new Camera();

mCenterY = getHeight() / 2;

mCenterX = getWidth() / 2;

}

@Override

protected void applyTransformation(float interpolatedTime, Transformation t) {

final float fromDegrees = mFromDegrees;

float degrees = fromDegrees + ((mToDegrees - fromDegrees) * interpolatedTime);

final float centerX = mCenterX;

final float centerY = mCenterY;

final Camera camera = mCamera;

final int derection = mTurnUp ? 1 : -1;

final Matrix matrix = t.getMatrix();

camera.save();

if (mTurnIn) {

camera.translate(0.0f, derection * mCenterY * (interpolatedTime - 1.0f), 0.0f);

} else {

camera.translate(0.0f, derection * mCenterY * (interpolatedTime), 0.0f);

}

camera.rotateX(degrees);

camera.getMatrix(matrix);

camera.restore();

matrix.preTranslate(-centerX, -centerY);

matrix.postTranslate(centerX, centerY);

}

}

public interface onItemClickListener {

void onItemClick(TextView v);

}

}

使用

// 初始化号外列表

List haowaiArray = new ArrayList<>();

haowaiArray.add("[母婴天地] 买尿不湿送婴儿手口湿巾");

haowaiArray.add("[利民商店] 满100免费配送");

haowaiArray.add("[果之家] 泰国金枕榴莲8元/kg");

haowaiArray.add("[户外运动] 户外运动专业装备搜集");

haowaiArray.add("[天天特价] 只要9.9还包邮");

haowaiArray.add("[尖端潮品] 折叠电动车");

haowaiArray.add("[黑科技] 智能VR带你装13");

haowaiArray.add("[旅行必备] 太阳能充电宝-永不断电");

// 绑定数据

mRollingView.setPageSize(4);

mRollingView.setClickColor(0xff888888);

mRollingView.setLeftDrawable(R.drawable.drawable_red_dot);

mRollingView.setRollingText(haowaiArray);

mRollingView.setOnItemClickListener(this);

...

@Override

public void onItemClick(TextView v) {

// handle item click event

}

@Override

public void onResume() {

super.onResume();

mRollingView.resume();

}

@Override

public void onPause() {

super.onPause();

mRollingView.pause();

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。