android ViewPager滑動歡迎界面

    咱們看到不少應用安裝後第一次打開時會出現一頁一頁滑動的歡迎界面，以下所示，下面就來看看實現過程
    
  
    
    一、佈局
    
    看到這樣的應用咱們很容易想到它的所用組件和佈局方式，就來看佈局方式
    
   

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/white" >
    </android.support.v4.view.ViewPager>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <LinearLayout
            android:id="@+id/viewGroup"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="50.0dp"
            android:gravity="center"
            android:orientation="horizontal" >
        </LinearLayout>
    </RelativeLayout>

</FrameLayout>

    二、組件
    
    這裏主要是ViewPager組件和一些事件，關於組件ViewPager已經在我博客的前面文章已經說過 http://my.oschina.net/helu/blog/141719，下面主要來看OnPageChangeListener事件
    
    看名字能夠知道「頁面改變事件」，則確定是相似ViewPager等組件的事件，它有三個必須實現的方法
    
   

class ViewPagerPageChangeListener implements OnPageChangeListener {

        /*
         * state：網上一般說法：1的時候表示正在滑動，2的時候表示滑動完畢了，0的時候表示什麼都沒作，就是停在那；
         * 個人認爲：1是按下時，0是鬆開，2則是新的標籤頁的是否滑動了
         * (例如：當前頁是第一頁，若是你向右滑不會打印出2，若是向左滑直到看到了第二頁，那麼就會打印出2了)；
         * 我的認爲通常狀況下是不會重寫這個方法的
         */
        @Override
        public void onPageScrollStateChanged(int state) {
        }

        /*
         * page：看名稱就看得出，當前頁； positionOffset：位置偏移量，範圍[0,1]；
         * positionoffsetPixels：位置像素，範圍[0,屏幕寬度)； 我的認爲通常狀況下是不會重寫這個方法的
         */
        @Override
        public void onPageScrolled(int page, float positionOffset,
                int positionOffsetPixels) {
        }

        @Override
        public void onPageSelected(int page) {
            //更新圖標
            for (int i = 0; i < list.size(); i++) {
                if (page == i) {
                    img[i].setBackgroundResource(R.drawable.page_indicator_focused);
                } else {
                    img[i].setBackgroundResource(R.drawable.page_indicator);
                }
            }
        }
    }

    
    三、主界面代碼
  

public class MainActivity extends Activity {

    private static final String TAG = "test";
    private ViewPager viewpager = null;
    private List<View> list = null;
    private ImageView[] img = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        viewpager = (ViewPager) findViewById(R.id.viewpager);
        list = new ArrayList<View>();
        list.add(getLayoutInflater().inflate(R.layout.tab1, null));
        list.add(getLayoutInflater().inflate(R.layout.tab2, null));
        list.add(getLayoutInflater().inflate(R.layout.tab3, null));

        img = new ImageView[list.size()];
        LinearLayout layout = (LinearLayout) findViewById(R.id.viewGroup);
        for (int i = 0; i < list.size(); i++) {
            img[i] = new ImageView(MainActivity.this);
            if (0 == i) {
                img[i].setBackgroundResource(R.drawable.page_indicator_focused);
            } else {
                img[i].setBackgroundResource(R.drawable.page_indicator);
            }
            img[i].setPadding(0, 0, 20, 0);
            layout.addView(img[i]);
        }
        viewpager.setAdapter(new ViewPagerAdapter(list));
        viewpager.setOnPageChangeListener(new ViewPagerPageChangeListener());
    }

    class ViewPagerAdapter extends PagerAdapter {

        private List<View> list = null;

        public ViewPagerAdapter(List<View> list) {
            this.list = list;
        }

        @Override
        public int getCount() {
            return list.size();
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            container.addView(list.get(position));
            return list.get(position);
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView(list.get(position));
        }

        @Override
        public boolean isViewFromObject(View arg0, Object arg1) {
            return arg0 == arg1;
        }

    }
    }

    個人博客其它文章列表
    http://my.oschina.net/helu