Android利用ViewPager实现滑动广告板

jopen 12年前

•android-support-v4.jar,这是谷歌官方 给我们提供的一个兼容低版本Android设备的软件包,里面包囊了只有在Android3.0以上可以使用的api。而ViewPager就是其中之 一,利用它我们可以做很多事情,从最简单的导航,到页面切换菜单等等。

•ViewPager的功能就是可以使视图滑动,就像Lanucher左右滑动那样。
•本Demo向大家演示ViewPager的使用,并在用户未滑动View时,每隔5s钟自动切换到下一个View(循环切换),而当用户有Touch到View时取消5s自动切换功能。并有指示器指示当前处于哪一个View。

下面是运行的截图:
Android利用ViewPager实现滑动广告板


这个是非常常见的应用
下面给出实现的代码:
1.源文件
    package com.eyeandroid.viewpager;                import java.util.ArrayList;        import java.util.List;        import java.util.concurrent.atomic.AtomicInteger;                import android.annotation.SuppressLint;        import android.app.Activity;        import android.os.Bundle;        import android.os.Handler;        import android.os.Message;        import android.os.Parcelable;        import android.support.v4.view.PagerAdapter;        import android.support.v4.view.ViewPager;        import android.support.v4.view.ViewPager.OnPageChangeListener;        import android.view.MotionEvent;        import android.view.View;        import android.view.View.OnTouchListener;        import android.view.ViewGroup;        import android.view.ViewGroup.LayoutParams;        import android.widget.ImageView;                @SuppressLint("HandlerLeak")        public class MainActivity extends Activity {            private ImageView[] imageViews = null;            private ImageView imageView = null;            private ViewPager advPager = null;            private AtomicInteger what = new AtomicInteger(0);            private boolean isContinue = true;                    @Override            public void onCreate(Bundle savedInstanceState) {                super.onCreate(savedInstanceState);                setContentView(R.layout.main);                initViewPager();            }                            private void initViewPager() {                advPager = (ViewPager) findViewById(R.id.adv_pager);                ViewGroup group = (ViewGroup) findViewById(R.id.viewGroup);                //      这里存放的是四张广告背景                List<View> advPics = new ArrayList<View>();                        ImageView img1 = new ImageView(this);                img1.setBackgroundResource(R.drawable.advertising_default_1);                advPics.add(img1);                        ImageView img2 = new ImageView(this);                img2.setBackgroundResource(R.drawable.advertising_default_2);                advPics.add(img2);                        ImageView img3 = new ImageView(this);                img3.setBackgroundResource(R.drawable.advertising_default_3);                advPics.add(img3);                        ImageView img4 = new ImageView(this);                img4.setBackgroundResource(R.drawable.advertising_default);                advPics.add(img4);                        //      对imageviews进行填充                imageViews = new ImageView[advPics.size()];        //小图标                for (int i = 0; i < advPics.size(); i++) {                    imageView = new ImageView(this);                    imageView.setLayoutParams(new LayoutParams(20, 20));                    imageView.setPadding(5, 5, 5, 5);                    imageViews[i] = imageView;                    if (i == 0) {                        imageViews[i]                                .setBackgroundResource(R.drawable.banner_dian_focus);                    } else {                        imageViews[i]                                .setBackgroundResource(R.drawable.banner_dian_blur);                    }                    group.addView(imageViews[i]);                }                        advPager.setAdapter(new AdvAdapter(advPics));                advPager.setOnPageChangeListener(new GuidePageChangeListener());                advPager.setOnTouchListener(new OnTouchListener() {                                        @Override                    public boolean onTouch(View v, MotionEvent event) {                        switch (event.getAction()) {                        case MotionEvent.ACTION_DOWN:                        case MotionEvent.ACTION_MOVE:                            isContinue = false;                            break;                        case MotionEvent.ACTION_UP:                            isContinue = true;                            break;                        default:                            isContinue = true;                            break;                        }                        return false;                    }                });                new Thread(new Runnable() {                            @Override                    public void run() {                        while (true) {                            if (isContinue) {                                viewHandler.sendEmptyMessage(what.get());                                whatOption();                            }                        }                    }                        }).start();            }                                private void whatOption() {                what.incrementAndGet();                if (what.get() > imageViews.length - 1) {                    what.getAndAdd(-4);                }                try {                    Thread.sleep(5000);                } catch (InterruptedException e) {                                    }            }                    private final Handler viewHandler = new Handler() {                        @Override                public void handleMessage(Message msg) {                    advPager.setCurrentItem(msg.what);                    super.handleMessage(msg);                }                    };                    private final class GuidePageChangeListener implements OnPageChangeListener {                        @Override                public void onPageScrollStateChanged(int arg0) {                        }                        @Override                public void onPageScrolled(int arg0, float arg1, int arg2) {                        }                        @Override                public void onPageSelected(int arg0) {                    what.getAndSet(arg0);                    for (int i = 0; i < imageViews.length; i++) {                        imageViews[arg0]                                .setBackgroundResource(R.drawable.banner_dian_focus);                        if (arg0 != i) {                            imageViews[i]                                    .setBackgroundResource(R.drawable.banner_dian_blur);                        }                    }                        }                    }                    private final class AdvAdapter extends PagerAdapter {                private List<View> views = null;                        public AdvAdapter(List<View> views) {                    this.views = views;                }                        @Override                public void destroyItem(View arg0, int arg1, Object arg2) {                    ((ViewPager) arg0).removeView(views.get(arg1));                }                        @Override                public void finishUpdate(View arg0) {                        }                        @Override                public int getCount() {                    return views.size();                }                        @Override                public Object instantiateItem(View arg0, int arg1) {                    ((ViewPager) arg0).addView(views.get(arg1), 0);                    return views.get(arg1);                }                        @Override                public boolean isViewFromObject(View arg0, Object arg1) {                    return arg0 == arg1;                }                        @Override                public void restoreState(Parcelable arg0, ClassLoader arg1) {                        }                        @Override                public Parcelable saveState() {                    return null;                }                        @Override                public void startUpdate(View arg0) {                        }                    }                }  
2.布局文件
这个文件在屏幕上的图片显示具有至关重要的作用
<?xml version="1.0" encoding="utf-8"?>    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"        android:layout_width="fill_parent"        android:layout_height="fill_parent"        android:orientation="vertical" >            <RelativeLayout            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:orientation="vertical" >            <!-- ViewPager是一个控件 -->            <android.support.v4.view.ViewPager                android:id="@+id/adv_pager"                android:layout_width="fill_parent"                android:layout_height="160dp" >                            </android.support.v4.view.ViewPager>            <LinearLayout                android:id="@+id/viewGroup"                android:layout_below="@id/adv_pager"                android:layout_width="fill_parent"                android:layout_height="wrap_content"                android:layout_marginTop="-25px"                android:gravity="right"                android:orientation="horizontal" >            </LinearLayout>        </RelativeLayout>        </LinearLayout> 
</div> 来自:http://blog.csdn.net/dlutbrucezhang/article/details/8736807