Android 使用ViewPager實(shí)現(xiàn)圖片左右循環(huán)滑動(dòng)自動(dòng)播放
ViewPager這個(gè)小demo實(shí)現(xiàn)的是可以左右循環(huán)滑動(dòng)圖片,下面帶索引,滑到最后一頁在往右滑動(dòng)就要第一頁,第一頁往左滑動(dòng)就到最后一頁,先上效果圖,用美女圖片是我一貫的作風(fēng),呵呵
1. 首先看一些layout下的xml
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="fill_parent" android:layout_height="wrap_content" /> <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="vertical" > <LinearLayout android:id="@+id/viewGroup" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_marginBottom="30dp" android:gravity="center_horizontal" android:orientation="horizontal" > </LinearLayout> </RelativeLayout> </FrameLayout>
使用ViewPager首先需要引入android-support-v4.jar這個(gè)jar包。自己不要忘記加
package com.example.viewpagerdemo; import android.app.Activity; import android.os.Bundle; import android.support.v4.view.PagerAdapter; import android.support.v4.view.ViewPager; import android.support.v4.view.ViewPager.OnPageChangeListener; import android.view.View; import android.view.ViewGroup; import android.view.ViewGroup.LayoutParams; import android.widget.ImageView; import android.widget.LinearLayout; public class TwoActivity extends Activity implements OnPageChangeListener{ /** * ViewPager */ private ViewPager viewPager; /** * 裝點(diǎn)點(diǎn)的ImageView數(shù)組 */ private ImageView[] tips; /** * 裝ImageView數(shù)組 */ private ImageView[] mImageViews; /** * 圖片資源id */ private int[] imgIdArray ; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ViewGroup group = (ViewGroup)findViewById(R.id.viewGroup); viewPager = (ViewPager) findViewById(R.id.viewPager); //載入圖片資源ID imgIdArray = new int[]{R.drawable.item01, R.drawable.item02, R.drawable.item03, R.drawable.item04, R.drawable.item05,R.drawable.item06, R.drawable.item07, R.drawable.item08}; //將點(diǎn)點(diǎn)加入到ViewGroup中 tips = new ImageView[imgIdArray.length]; for(int i=0; i<tips.length; i++){ ImageView imageView = new ImageView(this); imageView.setLayoutParams(new LayoutParams(10,10)); tips[i] = imageView; if(i == 0){ tips[i].setBackgroundResource(R.drawable.page_indicator_focused); }else{ tips[i].setBackgroundResource(R.drawable.page_indicator_unfocused); } LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(new ViewGroup.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); layoutParams.leftMargin = 5; layoutParams.rightMargin = 5; group.addView(imageView, layoutParams); } //將圖片裝載到數(shù)組中 mImageViews = new ImageView[imgIdArray.length]; for(int i=0; i<mImageViews.length; i++){ ImageView imageView = new ImageView(this); mImageViews[i] = imageView; imageView.setBackgroundResource(imgIdArray[i]); } //設(shè)置Adapter viewPager.setAdapter(new MyAdapter()); //設(shè)置監(jiān)聽,主要是設(shè)置點(diǎn)點(diǎn)的背景 viewPager.setOnPageChangeListener(this); //設(shè)置ViewPager的默認(rèn)項(xiàng), 設(shè)置為長度的100倍,這樣子開始就能往左滑動(dòng) viewPager.setCurrentItem((mImageViews.length) * 100); } /** * * @author xiaanming * */ public class MyAdapter extends PagerAdapter{ @Override public int getCount() { return Integer.MAX_VALUE; } @Override public boolean isViewFromObject(View arg0, Object arg1) { return arg0 == arg1; } @Override public void destroyItem(View container, int position, Object object) { ((ViewPager)container).removeView(mImageViews[position % mImageViews.length]); } /** * 載入圖片進(jìn)去,用當(dāng)前的position 除以 圖片數(shù)組長度取余數(shù)是關(guān)鍵 */ @Override public Object instantiateItem(View container, int position) { ((ViewPager)container).addView(mImageViews[position % mImageViews.length], 0); return mImageViews[position % mImageViews.length]; } } @Override public void onPageScrollStateChanged(int arg0) { } @Override public void onPageScrolled(int arg0, float arg1, int arg2) { } @Override public void onPageSelected(int arg0) { setImageBackground(arg0 % mImageViews.length); } /** * 設(shè)置選中的tip的背景 * @param selectItems */ private void setImageBackground(int selectItems){ for(int i=0; i<tips.length; i++){ if(i == selectItems){ tips[i].setBackgroundResource(R.drawable.page_indicator_focused); }else{ tips[i].setBackgroundResource(R.drawable.page_indicator_unfocused); } } } }
上面的代碼中,當(dāng)只有3張圖片或者2張圖片的時(shí)候,滑動(dòng)存在BUG問題的修改如下
destroyItem(View container, int position, Object object)方法中不removeView
@Override public void destroyItem(View container, int position, Object object) { // ((ViewPager)container).removeView(mImageViews[position % mImageViews.length]); } instantiateItem(View container, int position)增加異常撲捉 [java] view plain copy @Override public Object instantiateItem(View container, int position) { try { ((ViewPager)container).addView(mImageViews[position % mImageViews.length], 0); }catch(Exception e){ //handler something } return mImageViews[position % mImageViews.length]; }
以上所述是小編給大家介紹的Android 使用ViewPager實(shí)現(xiàn)圖片左右循環(huán)滑動(dòng)自動(dòng)播放的全部敘述,希望對(duì)大家有所幫助,如果大家有任何疑問,歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的,再此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- Android開發(fā)之ViewFlipper自動(dòng)播放圖片功能實(shí)現(xiàn)方法示例
- Android實(shí)現(xiàn)自動(dòng)播放圖片功能
- Android應(yīng)用中圖片瀏覽時(shí)實(shí)現(xiàn)自動(dòng)切換功能的方法詳解
- Android編程實(shí)現(xiàn)圖片的瀏覽、縮放、拖動(dòng)和自動(dòng)居中效果
- Android自定義控件實(shí)現(xiàn)簡單的輪播圖控件
- Android自定義控件實(shí)現(xiàn)優(yōu)雅的廣告輪播圖
- Android如何使用RecyclerView打造首頁輪播圖
- Android實(shí)現(xiàn)輪播圖無限循環(huán)效果
- Android實(shí)現(xiàn)ViewPage輪播圖效果
- android實(shí)現(xiàn)banner輪播圖無限輪播效果
- Android開發(fā)實(shí)現(xiàn)的自動(dòng)換圖片、輪播圖效果示例
相關(guān)文章
Android實(shí)現(xiàn)日期時(shí)間選擇對(duì)話框
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)日期以及時(shí)間選擇對(duì)話框,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09Android React-Native通信數(shù)據(jù)模型分析
這篇文章主要介紹了Android React-Native通信數(shù)據(jù)模型分析的相關(guān)資料,需要的朋友可以參考下2016-10-10使用adb命令向Android模擬器中導(dǎo)入通訊錄聯(lián)系人的方法
這篇文章主要介紹了使用adb命令向Android模擬器中導(dǎo)入通訊錄聯(lián)系人的方法,實(shí)例分析了導(dǎo)入通訊錄存儲(chǔ)文件的技巧,需要的朋友可以參考下2015-01-01Android 表情面板和軟鍵盤切換時(shí)跳閃問題的解決方法
這篇文章主要介紹了Android 表情面板和軟鍵盤切換時(shí)跳閃問題的解決方法,需要的朋友可以參考下2017-08-08Flutter數(shù)字切換動(dòng)畫實(shí)現(xiàn)示例詳解
這篇文章主要為大家介紹了Flutter數(shù)字切換動(dòng)畫實(shí)現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08Android中ViewPager1和ViewPager2的使用教程
這篇文章主要介紹了Android中ViewPager1和ViewPager2的使用,效果圖是結(jié)合BottomNavigationView+ViewPager一起使用的,具體實(shí)例代碼跟隨小編一起看看吧2021-10-10BroadcastReceiver靜態(tài)注冊(cè)案例詳解
這篇文章主要為大家詳細(xì)介紹了BroadcastReceiver靜態(tài)注冊(cè)案例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-08-08教你一步步實(shí)現(xiàn)Android微信自動(dòng)搶紅包
自從微信添加搶紅包的功能,微信的電商之旅算是正式開始正式火爆起來。但是作為Android開發(fā)者來說,我們首先考慮的是如何實(shí)現(xiàn)Android微信自動(dòng)搶紅包呢,下面我們來一起看看吧。2016-08-08