package com.iwanghang.viewpager;

import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    private ViewPager viewpager;
    private TextView tv_title;
    private LinearLayout ll_point_group;

    // 因為大家都瞭解ListView，先說一下ListView的使用，然後我們對比著，看一下ViewPager的使用
    // ListView的使用
    // 1、在佈局檔案中定義ListView
    // 2、在程式碼中例項化ListView
    // 3、準備資料
    // 4、設定介面卡(BaseAdapter)-item佈局-繫結資料

    // ArrayList不安全但是效率高
    // 這裡是用於準備資料，這個就是圖片資料的集合
    private ArrayList<ImageView> imageViews;
    // 圖片資源ID集合
    private final int[] imageIds = {R.drawable.a,R.drawable.b,R.drawable.c,R.drawable.d,R.drawable.e};
    // 圖片標題集合
    private final String[] imageDescriptions = {"元旦好","新年好","大家好","哈哈哈","嘻嘻嘻"};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        viewpager = (ViewPager) findViewById(R.id.viewpager);
        tv_title = (TextView) findViewById(R.id.tv_title);
        ll_point_group = (LinearLayout) findViewById(R.id.ll_point_group);

        // ViewPager的使用
        // 1、在佈局檔案中定義ViewPager
        // 2、在程式碼中例項化ViewPager
        // 3、準備資料
        // 4、設定介面卡(PagerAdapter)-item佈局-繫結資料
        imageViews = new ArrayList<>();
        for (int i = 0; i < imageIds.length;i++) {
            ImageView imageView = new ImageView(this);
            // 設定src會按比例填充，但是設定background會拉伸填充
            // 我們要的效果是拉伸填充，所以這裡使用setBackgroundResource
            imageView.setBackgroundResource(imageIds[i]);
            // 新增到集合中
            imageViews.add(imageView);
        }
        viewpager.setAdapter(new MyPagerAdapter());

    }

    class MyPagerAdapter extends PagerAdapter{

        /**
         * @return 圖片的總數
         */
        @Override
        public int getCount() {
            return imageViews.size();
        }

        /**
         * 相當於getView方法
         * @param container ViewPager自身
         * @param position 當前例項化頁面的位置
         * @return
         */
        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            ImageView imageView = imageViews.get(position);
            container.addView(imageView); // 把圖片新增到ViewPager容器中
            return imageView;
        }

        /**
         * 比較view和object是否是同一個實力
         * @param view 頁面
         * @param object instantiateItem返回的結果
         * @return
         */
        @Override
        public boolean isViewFromObject(View view, Object object) {
            if (view == object) {
                return true;
            }else {
                return false;
            }
        }

        /**
         * 釋放資源
         * @param container viewpager
         * @param position 要釋放的位置
         * @param object 要釋放的頁面
         */
        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView((View) object);
        }

    }
}
 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context="com.iwanghang.viewpager.MainActivity">

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="200dp"/>
    <LinearLayout
        android:background="#44000000"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_alignBottom="@+id/viewpager"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true">

        <TextView
            android:id="@+id/tv_title"
            android:padding="2dp"
            android:text="iwanghang"
            android:textStyle="bold"
            android:textColor="#ffffff"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal" />

    </LinearLayout>

    <LinearLayout
        android:id="@+id/ll_point_group"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_gravity="center_horizontal">


    </LinearLayout>
</RelativeLayout>
 

歡迎移動開發愛好者交流
瀋陽或周邊城市公司有意開發Android，請與我聯絡
聯絡方式

微信：iwanghang
QQ：413711276
郵箱：[email protected]