Android利用ViewPager實現滑動廣告板

jopen 12年前發布 | 142K 次閱讀 Android Android開發 移動開發

?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) {  

        }  

    }  

}  </pre></strong></span>2.布局文件<div><span style="font-size:18px;"><strong>這個文件在屏幕上的圖片顯示具有至關重要的作用<pre class="brush:xml; toolbar: true; auto-links: false;"><?xml version="1.0" encoding="utf-8"?>  

<LinearLayout xmlns: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> </pre></strong></span></div> </div> 來自:http://blog.csdn.net/dlutbrucezhang/article/details/8736807

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!