Android仿淘寶頭條向上滾動廣告條ViewFlipper
更新時間：2017年05月24日 09:45:26 作者：吳威龍
這篇文章主要為大家詳細介紹了Android仿淘寶頭條向上滾動廣告條ViewFlipper，具有一定的參考價值，感興趣的小伙伴們可以參考一下
所謂前人栽樹，后人乘涼，在此感謝博主的貢獻。
參考博文：
我在博主的基礎上做了如下工作：
- 修復了滾動條第二條點擊事件無法觸發(fā)這個bug；
- 充分簡化了自定義ViewFlipper類的代碼；
- 添加了直接使用ViewFlipper控件實現(xiàn)同樣效果；
先上效果圖：
這里使用了一個比較少用的控件：ViewFlipper
學習一個未知的東西，第一步就是要搞懂what：學的這個東西是什么以及能夠實現(xiàn)什么效果！第二步就是要搞懂How：這個東西如何使用。
What:
該控件的官方介紹：
Simple ViewAnimator that will animate between two or more views that have been added to it. Only one child is shown at a time. If requested, can automatically flip between each child at a regular interval.
鄙人的翻譯：
簡單ViewAnimator實現(xiàn)器將已添加到其兩個或多個視圖之間實現(xiàn)動畫效果。 一次只顯示一個孩子（子視圖）。
如果需要，可以在每個孩子（子視圖）之間定期自動翻轉。
How:
實現(xiàn)方式：
1.繼承ViewFlipper類通過代碼設置動畫間隔時間以及動畫效果
1.1自定義ViewFlipper
/**
* Created by Veyron on 2017/2/20.
* Function：自定義ViewFlipper控件
*/
public class UpView extends ViewFlipper {
private Context mContext;
private boolean isSetAnimDuration = false;
private int interval = 2000;
/**
* 動畫時間
*/
private int animDuration = 500;
public UpView(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);//設置時間間隔2000毫秒
//進來的動畫
Animation animIn = AnimationUtils.loadAnimation(mContext, R.anim.anim_in);
if (isSetAnimDuration)
animIn.setDuration(animDuration);
setInAnimation(animIn);
//退出的動畫
Animation animOut = AnimationUtils.loadAnimation(mContext, R.anim.anim_out);
if (isSetAnimDuration)
animOut.setDuration(animDuration);
setOutAnimation(animOut);
}
/**
* 設置循環(huán)滾動的View數(shù)組
*
* @param views
*/
public void setViews(final List<View> views) {
if (views == null || views.size() == 0) return;
removeAllViews();
for ( int i = 0; i < views.size(); i++) {
final int position=i;
//設置翻滾的子view
addView(views.get(i));
}
startFlipping(); //開啟翻滾
}
}
1.2布局文件中引入
<com.veyron.www.viewflipperdemo.View.UpView android:id="@+id/upview1" android:layout_marginLeft="20dp" android:layout_width="match_parent" android:layout_toRightOf="@+id/tbtv" android:layout_centerVertical="true" android:layout_marginTop="10dp" android:layout_height="match_parent"> </com.veyron.www.viewflipperdemo.View.UpView>
2.除了方式一，還可以在布局文件中通過設定ViewFlipper的屬性來達到同樣的效果。
<ViewFlipper android:id="@+id/upview2" android:autoStart="true" android:background="#fff" android:inAnimation="@anim/anim_in" android:outAnimation="@anim/anim_out" android:flipInterval="3000"> </ViewFlipper>
具體實現(xiàn)上面兩種方式
MainActivity.java
/**
* Created by Veyron on 2017/2/20.
* Function：主界面，加載布局
*/
public class MainActivity extends AppCompatActivity {
private UpView upview1; //自定義的ViewFlipper
private ViewFlipper mViewFlipper; //直接使用該控件
List<String> data = new ArrayList<>(); //文字數(shù)據(jù)集合
List<View> views = new ArrayList<>(); //滾動的view集合
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initdata();
initView();
}
private void initView() {
//自定義的
upview1 = (UpView) findViewById(R.id.upview1);
setView();
upview1.setViews(views);//給自定義的ViewFlipper設置滾動的view
//非自定義的，直接使用控件的
mViewFlipper = (ViewFlipper) findViewById(R.id.upview2);
//添加翻滾的子view
mViewFlipper.addView(View.inflate(this, R.layout.view1, null));
mViewFlipper.addView(View.inflate(this, R.layout.view2, null));
}
/**
* 初始化需要循環(huán)的View
* 為了靈活的使用滾動的View，所以把滾動的內容讓用戶自定義
* 假如滾動的是三條或者一條，或者是其他，只需要把對應的布局，和這個方法稍微改改就可以了，
*/
private void setView() {
for (int i = 0; i < data.size(); i = i + 2) {
final int position = i;
//設置滾動的單個布局
LinearLayout moreView = (LinearLayout) LayoutInflater.from(this).inflate(R.layout.item_view, null);
//初始化布局里面的控件,只要設置這兩個控件的監(jiān)聽就達到目的
TextView tv1 = (TextView) moreView.findViewById(R.id.tv1);
TextView tv2 = (TextView) moreView.findViewById(R.id.tv2);
/**
* 設置監(jiān)聽
*/
moreView.findViewById(R.id.rl).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(MainActivity.this, data.get(position).toString(), Toast.LENGTH_SHORT).show();
Log.d("TAG",data.get(position).toString());
/**
* 添加業(yè)務代碼
*/
}
});
/**
* 設置監(jiān)聽
*/
moreView.findViewById(R.id.rl2).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(MainActivity.this, data.get(position+1).toString(), Toast.LENGTH_SHORT).show();
Log.d("TAG",data.get(position+1).toString());
/**
* 添加業(yè)務代碼
*/
}
});
//進行對控件賦值
tv1.setText(data.get(i).toString());
if (data.size() > i + 1) {
//因為淘寶那兒是兩條數(shù)據(jù)，但是當數(shù)據(jù)是奇數(shù)時就不需要賦值第二個，所以加了一個判斷，還應該把第二個布局給隱藏掉
tv2.setText(data.get(i + 1).toString());
} else {
moreView.findViewById(R.id.rl2).setVisibility(View.GONE);
}
//添加到循環(huán)滾動數(shù)組里面去
views.add(moreView); //也就是滾動的view集合
}
}
/**
* 初始化數(shù)據(jù)
*/
private void initdata() {
data = new ArrayList<>();
data.add("美劇《行尸走肉》上線Steam 每一集售價2.99...");
data.add("2017四月新番動畫全預覽！你期待那部");
data.add("生娃后，老公有過這些舉動，你卻沒加錯人！");
data.add("汽車開空調耗油？只因為按錯了一個鍵");
data.add("心疼S7 edge 三星官方‘虐機'視頻上線");
}
}
API介紹
常用屬性：
- autoStart：ture，則自動開始滾動
- inAnimation：滾動進入的動畫
- outAnimation：滾動出去的動畫
- flipInterval：時間間隔
常用方法：
- startFlipping()：開始翻滾
- setOutAnimation():滾動出去的動畫
- setInAnimation():滾動進入的動畫
- setFlipInterval():設置時間間隔-毫秒
- ViewFlipper對象的addView():加載需要滾動的視圖對象
ViewFlipper具體屬性詳見：ViewFlipper控件的官方api
源碼：
如果該你喜歡該項目，歡迎fork,歡迎點個Star!!
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了Android貝塞爾曲線初步學習的第一課，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
Android實現(xiàn)Banner界面廣告圖片循環(huán)輪播（包括實現(xiàn)手動滑動循環(huán)）
這篇文章主要介紹了Android實現(xiàn)Banner界面廣告圖片循環(huán)輪播（包括實現(xiàn)手動滑動循環(huán)）的相關資料,需要的朋友可以參考下2016-02-02
淺談Android onTouchEvent 與 onInterceptTouchEvent的區(qū)別詳解
本篇文章小編為大家介紹，Android onTouchEvent 與 onInterceptTouchEvent的區(qū)別詳解。需要的朋友參考下2013-04-04
Android應用開發(fā)SharedPreferences存儲數(shù)據(jù)的使用方法
SharedPreferences是Android中最容易理解的數(shù)據(jù)存儲技術，實際上SharedPreferences處理的就是一個key-value（鍵值對）SharedPreferences常用來存儲一些輕量級的數(shù)據(jù)2012-11-11
這篇文章主要介紹了Android?ASM插樁探索實戰(zhàn)詳情，文章圍繞主題展開詳細的內容戒殺，具有一定的參考價值，需要的小伙伴可以參考一下2022-09-09
Android沒有自帶顏色編輯器，為了讓用戶直觀的選擇顏色，做了這么一個控件2012-11-11
機得root之后通過代碼可以獲得最高權限如果沒有root的話請不要往下看，毫無意義，root之后的朋友可以參考下本文或許有意想不到的收獲2013-03-03
mac系統(tǒng)下載、安裝、使用AndroidStudio
本文給大家介紹的是在Mac系統(tǒng)中下載安裝以及使用AndroidStudio的詳細教程，非常的實用，有需要的小伙伴可以參考下2017-10-10
Android實現(xiàn)下載zip壓縮文件并解壓的方法（附源碼）
這篇文章主要給大家介紹了利用Android實現(xiàn)下載zip壓縮文件并解壓的方法，文中給出了示例代碼并提供了源碼下載，需要的朋友可以參考借鑒，下面來一起看看吧。2017-02-02
Android onLoadFinished與onLoaderReset回調詳解及實例
這篇文章主要介紹了Android onLoadFinished與onLoaderReset回調詳解及實例的相關資料,需要的朋友可以參考下2017-03-03