快捷導(dǎo)航

Android仿淘寶首頁頭條View垂直滾動效果

更新時間：2017年05月24日 09:30:05 作者：搬運工小孟

這篇文章主要為大家詳細介紹了Android仿淘寶首頁頭條View垂直滾動效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

之前本來是打算做TextView垂直向上滾動的，后來發(fā)現(xiàn)一位大神做得很好，https://github.com/sfsheng0322/MarqueeView 孫福生大神，然后自己要用到多個View向上滾動，也就是類似淘寶首頁頭條的那種滾動，所以就按照那個思路想了系啊，可以把View拿來滾動，這樣可以自己隨意的修改View里面的內(nèi)容，還比較簡單一些。所以這個整個思路就是把View就行循環(huán)滾動。

看一下循環(huán)滾動View的內(nèi)容咋寫的吧，非常簡單。

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 dreamlive on 2016/7/20. 
 */ 
public class UPMarqueeView extends ViewFlipper { 
 
 private Context mContext; 
 private boolean isSetAnimDuration = false; 
 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); 
 } 
 
 
 /** 
 * 設(shè)置循環(huán)滾動的View數(shù)組 
 * 
 * @param views 
 */ 
 public void setViews(List<View> views) { 
 if (views == null || views.size() == 0) return; 
 removeAllViews(); 
 for (int i = 0; i < views.size(); i++) { 
 addView(views.get(i)); 
 } 
 startFlipping(); 
 } 
 
 
}

MainActivity的內(nèi)容：

github地址：https://github.com/dreamlivemeng/UpMarqueeTextView-master 歡迎star，fork，提pr，issues。

效果圖：