快捷導(dǎo)航

Android仿淘寶首頁(yè)頭條View垂直滾動(dòng)效果

更新時(shí)間：2017年05月24日 09:30:05 作者：搬運(yùn)工小孟

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

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

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

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; 
 
/** 
 * 仿淘寶首頁(yè)的 淘寶頭條滾動(dòng)的自定義View 
 * 
 * Created by dreamlive on 2016/7/20. 
 */ 
public class UPMarqueeView extends ViewFlipper { 
 
 private Context mContext; 
 private boolean isSetAnimDuration = false; 
 private int interval = 2000; 
 /** 
 * 動(dòng)畫時(shí)間 
 */ 
 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)滾動(dòng)的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。

效果圖：