Android 使用ViewPager實現(xiàn)圖片左右循環(huán)滑動自動播放
ViewPager這個小demo實現(xiàn)的是可以左右循環(huán)滑動圖片,下面帶索引,滑到最后一頁在往右滑動就要第一頁,第一頁往左滑動就到最后一頁,先上效果圖,用美女圖片是我一貫的作風,呵呵

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這個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;
/**
* 裝點點的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};
//將點點加入到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è)置點點的背景
viewPager.setOnPageChangeListener(this);
//設(shè)置ViewPager的默認項, 設(shè)置為長度的100倍,這樣子開始就能往左滑動
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]);
}
/**
* 載入圖片進去,用當前的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);
}
}
}
}
上面的代碼中,當只有3張圖片或者2張圖片的時候,滑動存在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實現(xiàn)圖片左右循環(huán)滑動自動播放的全部敘述,希望對大家有所幫助,如果大家有任何疑問,歡迎給我留言,小編會及時回復大家的,再此也非常感謝大家對腳本之家網(wǎng)站的支持!
- Android開發(fā)之ViewFlipper自動播放圖片功能實現(xiàn)方法示例
- Android實現(xiàn)自動播放圖片功能
- Android應用中圖片瀏覽時實現(xiàn)自動切換功能的方法詳解
- Android編程實現(xiàn)圖片的瀏覽、縮放、拖動和自動居中效果
- Android自定義控件實現(xiàn)簡單的輪播圖控件
- Android自定義控件實現(xiàn)優(yōu)雅的廣告輪播圖
- Android如何使用RecyclerView打造首頁輪播圖
- Android實現(xiàn)輪播圖無限循環(huán)效果
- Android實現(xiàn)ViewPage輪播圖效果
- android實現(xiàn)banner輪播圖無限輪播效果
- Android開發(fā)實現(xiàn)的自動換圖片、輪播圖效果示例
相關(guān)文章
Android React-Native通信數(shù)據(jù)模型分析
這篇文章主要介紹了Android React-Native通信數(shù)據(jù)模型分析的相關(guān)資料,需要的朋友可以參考下2016-10-10
使用adb命令向Android模擬器中導入通訊錄聯(lián)系人的方法
這篇文章主要介紹了使用adb命令向Android模擬器中導入通訊錄聯(lián)系人的方法,實例分析了導入通訊錄存儲文件的技巧,需要的朋友可以參考下2015-01-01
Flutter數(shù)字切換動畫實現(xiàn)示例詳解
這篇文章主要為大家介紹了Flutter數(shù)字切換動畫實現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
Android中ViewPager1和ViewPager2的使用教程
這篇文章主要介紹了Android中ViewPager1和ViewPager2的使用,效果圖是結(jié)合BottomNavigationView+ViewPager一起使用的,具體實例代碼跟隨小編一起看看吧2021-10-10
BroadcastReceiver靜態(tài)注冊案例詳解
這篇文章主要為大家詳細介紹了BroadcastReceiver靜態(tài)注冊案例,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-08-08

