Android使用ViewFlipper實現圖片上下自動輪播的示例代碼
本文主要介紹瞭Android使用ViewFlipper實現圖片上下自動輪播的示例代碼,分享給大傢,具體如下:
先看效果:
1.xml代碼:
<ViewFlipper android:id="@+id/viewFlipper" android:layout_width="match_parent" android:layout_height="match_parent" android:flipInterval="3000" android:inAnimation="@anim/anim_marquee_in" android:outAnimation="@anim/anim_marquee_out" />
2.具體實現:
(1)關鍵代碼:
// 輪播的圖片集合 List<String> picList; //...................... //..........此處省去初始化picList...... //...................... viewFlipper.removeAllViews(); for (int i = 0; i < picList.size(); i++) { final String pic = picList.get(i); // 此處可以換成自己自定義的佈局,根據需求 ImageView iv = new ImageView(context); iv.setImageResource(R.mipmap.bg); // 循環滾動圖片的點擊事件 iv.setOnClickListener(listener); viewFlipper.addView(iv); viewFlipper.setAutoStart(true); } viewFlipper.setFlipInterval(3 * 1000); viewFlipper.startFlipping();
(2)輪播動畫:android:inAnimation + android:outAnimation
anim_marquee_in
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="1500" android:fromYDelta="100%p" android:toYDelta="0"/> </set>
anim_marquee_out
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="1500" android:fromYDelta="0" android:toYDelta="-100%p"/> </set>
到此這篇關於Android使用ViewFlipper實現圖片上下自動輪播的示例代碼的文章就介紹到這瞭,更多相關Android 圖片上下自動輪播內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- Android實現ViewFlipper圖片動畫滑動
- Android使用kotlin實現多行文本上下滾動播放
- android viewflipper實現左右滑動切換顯示圖片
- Android實現網易雲推薦歌單界面
- Android Studio實現簡單補間動畫