android stutio 使用viewpager创建一个滑动图片浏览app

第一步：

在main_activity layout中加入viewpager：

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

第二步：

新建一个layout用来创建浏览布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:id="@+id/text"/>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/image"/>
</LinearLayout>

第三步：

创建一个extends pageradapter的activity：

public class img_act extends PagerAdapter{
    private int[] img_count=new int[]{R.drawable.tu2,R.drawable.tu3,R.drawable.tu4};
    private Context context;
    private LayoutInflater layoutInflater;
    private TextView textView;
    private ImageView imageView;

    public img_act(Context context) {
        this.context = context;
    }

    @Override
    public int getCount() {
        return img_count.length;
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        layoutInflater=(LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View item_view=layoutInflater.inflate(R.layout.img_layout,container,false);
        imageView=(ImageView)item_view.findViewById(R.id.image);
        textView=(TextView)item_view.findViewById(R.id.text);
        imageView.setImageResource(img_count[position]);
        textView.setText("image: "+position);
        container.addView(item_view);


        return item_view;
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return (view==(LinearLayout)object);
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
//        super.destroyItem(container, position, object);
        container.removeView((LinearLayout)object);
    }
}

第四步：

mainactivity中加入：

public class MainActivity extends AppCompatActivity {
    private ViewPager viewPager;
    img_act imgAct;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        viewPager=(ViewPager)findViewById(R.id.viewpager);
        imgAct=new img_act(this);
        viewPager.setAdapter(imgAct);
    }
}

源码地址：https://github.com/jowang2016/viewpagerexample723