Android如何實現仿京東快報信息滾動效果

這篇文章將為大家詳細講解有關Android如何實現仿京東快報信息滾動效果，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

先來看看效果吧，Android仿京東快報信息滾動效果，具體內容如下

（截圖效果不是很好，但是差不多出來了）

代碼：

package com.test.scrolltransptoolbar;

import android.content.Context;
import android.graphics.Color;
import android.os.Handler;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.GestureDetector;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.AnimationUtils;
import android.widget.TextView;
import android.widget.ViewFlipper;

import java.util.List;

/**
 * Created by Administrator on 2017/8/31.
 */

public class JinDongKuaiBaoView extends ViewFlipper implements View.OnClickListener, View.OnTouchListener {
  private Context context;
  private List<String> mNotices;
  public final static int SCROLL_TYPE_VERTICAL = 0;
  public final static int SCROLL_TYPE_HORIZONTAL = 1;
  private GestureDetector mGestureDetector;
  public static final int FLING_MIN_DISTANCE = 80;
  public static final int FLING_MIN_VELOCITY = 120;
  private boolean isFling=false;


  public JinDongKuaiBaoView(Context context) {
    super(context);
  }

  Handler handler=new Handler();
  public JinDongKuaiBaoView(Context context, AttributeSet attrs) {
    super(context, attrs);
    init(context);
  }

  private void init(Context context) {
    // mGestureDetector = new GestureDetector(new simpleGestureListener());
    this.context = context;
    // 輪播間隔時間為3s
    setFlipInterval(3000);
    // 內邊距5dp
    setPadding(dp2px(5f), dp2px(5f), dp2px(5f), dp2px(5f));

     setScrollType(SCROLL_TYPE_VERTICAL);

    // setOnTouchListener(this);
  }


  private int dp2px(float dpValue) {
    return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,
        dpValue,
        context.getResources().getDisplayMetrics());
  }

  public void setScrollType(int type) {
    clearAnimation();
    switch (type) {
      case SCROLL_TYPE_VERTICAL://垂直滾動動畫設置
        // 設置enter和leave動畫
        setInAnimation(AnimationUtils.loadAnimation(context, R.anim.notify_in));
        setOutAnimation(AnimationUtils.loadAnimation(context, R.anim.notify_out));
        break;
      case SCROLL_TYPE_HORIZONTAL://水平滾動動畫設置
        setInAnimation(AnimationUtils.loadAnimation(context, R.anim.horizontal_notify_in));
        setOutAnimation(AnimationUtils.loadAnimation(context, R.anim.horizontal_notify_out));

        break;
      default:
        break;
    }
  }


  /**
   * 添加需要輪播展示的公告
   *
   * @param notices
   */
  public void addNotice(List<String> notices) {

    this.mNotices = notices;
    removeAllViews();
    for (int i = 0; i < mNotices.size(); i++) {
      // 根據公告內容構建一個TextView
      String notice = notices.get(i);
      TextView textView = new TextView(context);
      textView.setSingleLine();
      textView.setText(notice);
      textView.setTextSize(13f);
      textView.setEllipsize(TextUtils.TruncateAt.END);
      textView.setTextColor(Color.parseColor("#666666"));
      textView.setGravity(Gravity.CENTER_VERTICAL);
      // 將公告的位置設置為textView的tag方便點擊是回調給用戶
      textView.setTag(i);
       textView.setOnClickListener(this);
      // 添加到ViewFlipper
      JinDongKuaiBaoView.this.addView(textView, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.FILL_PARENT));
    }
  }

  @Override
  public void onClick(View v) {
    int position = (int) v.getTag();
    String notice = (String) mNotices.get(position);
    if (mOnNoticeClickListener != null) {
      mOnNoticeClickListener.onNotieClick(position, notice);
    }
  }


//  private void ToRightAnimation() {
//    clearAnimation();
//    setInAnimation(AnimationUtils.loadAnimation(context, R.anim.right_notify_in));
//    setOutAnimation(AnimationUtils.loadAnimation(context, R.anim.right_notify_out));
//  }
//
//  private void ToLeftAnimation() {
//    clearAnimation();
//    setInAnimation(AnimationUtils.loadAnimation(context, R.anim.horizontal_notify_in));
//    setOutAnimation(AnimationUtils.loadAnimation(context, R.anim.horizontal_notify_out));
//  }

  @Override
  public boolean onTouch(View v, MotionEvent event) {
    mGestureDetector.onTouchEvent(event);
    return true ;
  }

  /**
   * 通知點擊監聽接口
   */
  public interface OnNoticeClickListener {
    void onNotieClick(int position, String notice);
  }

  private OnNoticeClickListener mOnNoticeClickListener;

  /**
   * 設置通知點擊監聽器
   *
   * @param onNoticeClickListener 通知點擊監聽器
   */
  public void setOnNoticeClickListener(OnNoticeClickListener onNoticeClickListener) {
    mOnNoticeClickListener = onNoticeClickListener;
  }


//  private class simpleGestureListener extends GestureDetector.SimpleOnGestureListener {
//    @Override
//    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
//      isFling=true;
//      if (e1.getX() - e2.getX() > FLING_MIN_DISTANCE
//          && Math.abs(velocityX) > FLING_MIN_VELOCITY) {
//        // 當像左側滑動的時候
//        //設置View進入屏幕時候使用的動畫
//        //設置View退出屏幕時候使用的動畫
//         ToLeftAnimation();
//        showNext();
//      } else if (e2.getX() - e1.getX() > FLING_MIN_DISTANCE
//          && Math.abs(velocityX) > FLING_MIN_VELOCITY) {
//        // 當像右側滑動的時候
//        ToRightAnimation();
//        showPrevious();
//      }
//      handler.postDelayed(new Runnable() {
//        @Override
//        public void run() {
//          startFlipping();
//        }
//      },0);
//
//      return true;
//    }
//  }
}

注釋掉的內容可以不用管，那是我做其他調試用的

使用方式

package com.test.scrolltransptoolbar;

import android.app.Activity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by Administrator on 2017/8/31.
 */
public class ViewFlipperActivity extends Activity implements JinDongKuaiBaoView.OnNoticeClickListener {

  private JinDongKuaiBaoView jinDongKuaiBaoView;
  private GestureDetector gestureDetector;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_viewflipper);
    jinDongKuaiBaoView = (JinDongKuaiBaoView) findViewById(R.id.jindongkuaibaoview);
    List<String> notices = new ArrayList<>();
    notices.add("大促銷下單拆福袋，億萬新年紅包隨便拿");
    notices.add("家電五折團，搶十億無門檻現金紅包");
    notices.add("星球大戰剃須刀首發送200元代金券");
    jinDongKuaiBaoView.setScrollType(JinDongKuaiBaoView.SCROLL_TYPE_HORIZONTAL);
    jinDongKuaiBaoView.addNotice(notices);
    jinDongKuaiBaoView.startFlipping();
    jinDongKuaiBaoView.setOnNoticeClickListener(this);


  }


  @Override
  public void onNotieClick(int position, String notice) {

    Toast.makeText(ViewFlipperActivity.this,"position"+position,Toast.LENGTH_LONG).show();
  }


}

//設置從左開始滾動還是，水平向上開始滾動
jinDongKuaiBaoView.setScrollType(JinDongKuaiBaoView.SCROLL_TYPE_HORIZONTAL);
//開始滾動的方法
jinDongKuaiBaoView.startFlipping();
// 輪播間隔時間為3s
setFlipInterval(3000);

關于“Android如何實現仿京東快報信息滾動效果”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。