使用ViewPager实现左右循环滑动

这里写图片描述

MainActivity

public class MainActivity extends AppCompatActivity {
 private ViewPager mViewPager;
    private List<View> mViews;
    private LayoutInflater mInflater;
    private LinearLayout mLinearLayoutContainer;
    private List<ImageView> mPoints;
    private PagerTabStrip mPagerTab;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mViewPager= (ViewPager) findViewById(R.id.viewpager);
        mLinearLayoutContainer= (LinearLayout) findViewById(R.id.linearlayout_container);
        mPagerTab= (PagerTabStrip) findViewById(R.id.pagertab);
        mPagerTab.setBackgroundColor(Color.YELLOW);
        mPagerTab.setTabIndicatorColor(Color.RED);
        mPagerTab.setTextColor(Color.GRAY);
        mPagerTab.setDrawFullUnderline(false);
        mPagerTab.setGravity(Gravity.BOTTOM);

        mViews=new ArrayList<View>();
        mInflater=getLayoutInflater();
        View view1=mInflater.inflate(R.layout.viewpager_item1,null);
        View view2=mInflater.inflate(R.layout.viewpager_item2,null);
        View view3=mInflater.inflate(R.layout.viewpager_item3,null);
        View view4=mInflater.inflate(R.layout.viewpager_item4,null);
        mViews.add(view1);
        mViews.add(view2);
        mViews.add(view3);
        mViews.add(view4);
        mPoints=new ArrayList<>();
        for (int i=0;i<4;i++){
            ImageView iv1=new ImageView(this);
            //用 LinearLayout.LayoutParams params来设置Points之间的距离
         LinearLayout.LayoutParams params= new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
          params.setMargins(20,20,20,20);//设置points之间的距离
            iv1.setLayoutParams(params);
            iv1.setImageResource(R.mipmap.dot_blur);
            mPoints.add(iv1);
            mLinearLayoutContainer.addView(iv1);
        }
        mPoints.get(0).setImageResource(R.mipmap.dot_focus);//让第一个图片下的point显示为亮点
        MyPageradapter adapter=new MyPageradapter(mViews);
       mViewPager.setAdapter(adapter);
        mViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                for (ImageView iv1 : mPoints) {
                    iv1.setImageResource(R.mipmap.dot_blur);
                }
                mPoints.get(position % mViews.size()).setImageResource(R.mipmap.dot_focus);
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
        //设置图片一开始就能向右滑动
        mViewPager.setCurrentItem(Integer.MAX_VALUE / 2 - Integer.MAX_VALUE / 2 % mViews.size());
    }


}

MyPageradapter

public class MyPageradapter extends PagerAdapter{
    private List<View> views;
    private String [] titles={"标题1","标题2","标题3","标题4"};

    public MyPageradapter(List<View> views) {
        this.views = views;
    }

    @Override
        public Object instantiateItem(ViewGroup container, int position) {
        View view=views.get(position%views.size());
        if (view.getParent()!=null){
            container.removeView(view);
        }
        container.addView(view);

        return view;
        }


    @Override
    public CharSequence getPageTitle(int position) {
        return titles[position%titles.length];
    }

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

        @Override
        public int getCount() {
            return Integer.MAX_VALUE;
        }

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

    }

activity_main.xml

<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"
    android:background="#8eddff">

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

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

        </android.support.v4.view.PagerTabStrip>
    </android.support.v4.view.ViewPager>

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

</RelativeLayout>

viewpager_item1.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
<ImageView
    android:id="@+id/imageview_1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:src="@mipmap/meinv"/>
</LinearLayout>

viewpager_item2.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
<ImageView
    android:id="@+id/imageview_2"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:src="@mipmap/zhong"/>
</LinearLayout>

viewpager_item3.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
<ImageView
    android:id="@+id/imageview_3"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:src="@mipmap/qq"/>
</LinearLayout>

viewpager_item4.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ImageView
        android:id="@+id/imageview_4"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@mipmap/niang"/>
</LinearLayout>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值