<?xml version="1.0" encoding="utf-8"?><resources><declare-styleable name="JDAdverView"><attr name="gap" format="integer" /><attr name="animDuration" format="integer"/></declare-styleable></resources>

//獲取自定義屬性TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.JDAdverView);mAdverHeight = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, jdAdverHeight, getResources().getDisplayMetrics());int gap = array.getInteger(R.styleable.JDAdverView_gap, mGap);int animDuration = array.getInteger(R.styleable.JDAdverView_animDuration, mAnimDuration);//關閉清空TypedArray,防止內存泄露array.recycle();

<?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="60dp"android:background="#ffffff"android:gravity="center_vertical"android:orientation="horizontal"><TextViewandroid:id="@+id/tag"android:textColor="#ff0000"android:layout_marginLeft="10dp"android:text="最新"android:background="@drawable/corner"android:textSize="18sp"android:padding="5dp"android:layout_width="wrap_content"android:layout_height="wrap_content"/><TextViewandroid:id="@+id/title"android:layout_marginLeft="10dp"android:singleLine="true"android:ellipsize="end"android:textSize="20sp"android:text="價格驚呆！電信千兆光纖上市"android:textColor="#000000"android:layout_width="wrap_content"android:layout_height="wrap_content"/></LinearLayout>

package com.example.jdadvernotice;import android.view.LayoutInflater;import android.view.View;import android.widget.TextView;import android.widget.Toast;import com.example.jdadvernotice.entity.AdverNotice;import com.example.jdadvernotice.view.JDAdverView;import java.util.List;/*** Created by Administrator on 2016/3/20.* 京東廣告欄數據適配器**/public class JDViewAdapter {private List<AdverNotice> mDatas;public JDViewAdapter(List<AdverNotice> mDatas) {this.mDatas = mDatas;if (mDatas == null || mDatas.isEmpty()) {throw new RuntimeException("nothing to show");}}/*** 獲取數據的條數* @return*/public int getCount() {return mDatas == null ? 0 : mDatas.size();}/*** 獲取摸個數據* @param position* @return*/public AdverNotice getItem(int position) {return mDatas.get(position);}/*** 獲取條目布局* @param parent* @return*/public View getView(JDAdverView parent) {return LayoutInflater.from(parent.getContext()).inflate(R.layout.item, null);}/*** 條目數據適配* @param view* @param data*/public void setItem(final View view, final AdverNotice data) {TextView tv = (TextView) view.findViewById(R.id.title);tv.setText(data.title);TextView tag = (TextView) view.findViewById(R.id.tag);tag.setText(data.url);//你可以增加點擊事件view.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {//比如打開urlToast.makeText(view.getContext(), data.url, Toast.LENGTH_SHORT).show();}});}}

package com.example.jdadvernotice.view;import android.animation.Animator;import android.animation.AnimatorListenerAdapter;import android.animation.AnimatorSet;import android.animation.ObjectAnimator;import android.content.Context;import android.content.res.Configuration;import android.content.res.TypedArray;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.util.AttributeSet;import android.util.TypedValue;import android.view.View;import android.widget.LinearLayout;import com.example.jdadvernotice.JDViewAdapter;import com.example.jdadvernotice.R;/*** Created by zengyu on 2016/3/20.*/public class JDAdverView extends LinearLayout {//控件高度private float mAdverHeight = 0f;//間隔時間private final int mGap = 4000;//動畫間隔時間private final int mAnimDuration = 1000;//顯示文字的尺寸private final float TEXTSIZE = 20f;private JDViewAdapter mAdapter;private final float jdAdverHeight = 50;//顯示的viewprivate View mFirstView;private View mSecondView;//播放的下標private int mPosition;//線程的標識private boolean isStarted;//畫筆private Paint mPaint;public JDAdverView(Context context) {this(context, null);}public JDAdverView(Context context, AttributeSet attrs) {this(context, attrs, 0);}public JDAdverView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);init(context, attrs, defStyleAttr);}/*** 初始化屬性* @param context* @param attrs* @param defStyleAttr*/private void init(Context context, AttributeSet attrs, int defStyleAttr) {//設置為垂直方向setOrientation(VERTICAL);//抗鋸齒效果mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);//獲取自定義屬性TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.JDAdverView);mAdverHeight = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, jdAdverHeight, getResources().getDisplayMetrics());int gap = array.getInteger(R.styleable.JDAdverView_gap, mGap);int animDuration = array.getInteger(R.styleable.JDAdverView_animDuration, mAnimDuration);if (mGap <= mAnimDuration) {gap = mGap;animDuration = mAnimDuration;}//關閉清空TypedArrayarray.recycle();}/*** 設置數據*/public void setAdapter(JDViewAdapter adapter) {this.mAdapter = adapter;setupAdapter();}/*** 開啟線程*/public void start() {if (!isStarted && mAdapter.getCount() > 1) {isStarted = true;postDelayed(mRunnable, mGap);//間隔mgap刷新一次UI}}/*** 暫停滾動*/public void stop() {//移除handle更新removeCallbacks(mRunnable);//暫停線程isStarted = false;}/*** 設置數據適配*/private void setupAdapter() {//移除所有viewremoveAllViews();//只有一條數據,不滾東if (mAdapter.getCount() == 1) {mFirstView = mAdapter.getView(this);mAdapter.setItem(mFirstView, mAdapter.getItem(0));addView(mFirstView);} else {//多個數據mFirstView = mAdapter.getView(this);mSecondView = mAdapter.getView(this);mAdapter.setItem(mFirstView, mAdapter.getItem(0));mAdapter.setItem(mSecondView, mAdapter.getItem(1));//把2個添加到此控件里addView(mFirstView);addView(mSecondView);mPosition = 1;isStarted = false;}}/*** 測量控件的寬高** @param widthMeasureSpec* @param heightMeasureSpec*/@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);if (LayoutParams.WRAP_CONTENT == getLayoutParams().height) {getLayoutParams().height = (int) mAdverHeight;} else {mAdverHeight = getHeight();}if (mFirstView != null) {mFirstView.getLayoutParams().height = (int) mAdverHeight;}if (mSecondView != null) {mSecondView.getLayoutParams().height = (int) mAdverHeight;}}/*** 畫布局** @param canvas*/@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);mPaint.setColor(Color.WHITE);mPaint.setTextSize(TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, TEXTSIZE, getResources().getDisplayMetrics()));mPaint.setStyle(Paint.Style.STROKE);canvas.drawText("瑞士維氏軍刀", TEXTSIZE, getHeight() * 2 / 3, mPaint);//寫文字2/3的高度}/*** 垂直滾蛋*/private void performSwitch() {//屬性動畫控制控件滾動，y軸方向移動ObjectAnimator animator1 = ObjectAnimator.ofFloat(mFirstView, "translationY", mFirstView.getTranslationY() - mAdverHeight);ObjectAnimator animator2 = ObjectAnimator.ofFloat(mSecondView, "translationY", mSecondView.getTranslationY() - mAdverHeight);//動畫集AnimatorSet set = new AnimatorSet();set.playTogether(animator1, animator2);//2個動畫一起set.addListener(new AnimatorListenerAdapter() {@Overridepublic void onAnimationEnd(Animator animation) {//動畫結束mFirstView.setTranslationY(0);mSecondView.setTranslationY(0);View removedView = getChildAt(0);//獲得第一個子布局mPosition++;//設置顯示的布局mAdapter.setItem(removedView, mAdapter.getItem(mPosition % mAdapter.getCount()));//移除前一個viewremoveView(removedView);//添加下一個viewaddView(removedView, 1);}});set.setDuration(mAnimDuration);//持續時間set.start();//開啟動畫}private AnimRunnable mRunnable = new AnimRunnable();private class AnimRunnable implements Runnable {@Overridepublic void run() {performSwitch();postDelayed(this, mGap);}}/*** 銷毀View的時候調用*/@Overrideprotected void onDetachedFromWindow() {super.onDetachedFromWindow();//停止滾動stop();}/*** 屏幕 旋轉** @param newConfig*/@Overrideprotected void onConfigurationChanged(Configuration newConfig) {super.onConfigurationChanged(newConfig);}}

private void initData() {datas.add(new AdverNotice("瑞士維氏軍刀 新品滿200-50","最新"));datas.add(new AdverNotice("家居家裝煥新季，講199減100！","最火爆"));datas.add(new AdverNotice("帶上相機去春游，尼康低至477","HOT"));datas.add(new AdverNotice("價格驚呆！電信千兆光纖上市","new"));}

initData();final JDViewAdapter adapter = new JDViewAdapter(datas);final JDAdverView tbView = (JDAdverView) findViewById(R.id.jdadver);tbView.setAdapter(adapter);//開啟線程滾東tbView.start();