安卓——ViewPager

快来打我* 2022-05-30 07:41 274阅读 0赞

![70][]

![70 1][]

![70 2][]

![70 3][]

![70 4][]

![70 5][]

![70 6][]

![70 7][]

下面是代码：

activity\_main.xm

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context="com.example.lenovo.viewpager.MainActivity">
    
    <android.support.v4.view.ViewPager
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:id="@+id/pager">
    
        <android.support.v4.view.PagerTabStrip
    
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="top"
            android:id="@+id/tab"
            >
        </android.support.v4.view.PagerTabStrip>
    
    </android.support.v4.view.ViewPager>
    
    </LinearLayout>

view1.xmll

<?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"
        android:orientation="vertical"
        >
    
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="第一个界面"
            />
    
    </LinearLayout>

view2.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"
        android:orientation="vertical"
        >
    
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="第二个界面"
            />
    
    </LinearLayout>

view3.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"
        android:orientation="vertical"
        >
    
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="第三个界面"
            />
    
    </LinearLayout>

view4.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"
        android:orientation="vertical"
        >
    
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="第四个界面"
            />
    
    </LinearLayout>

MainActivity.java

package com.example.lenovo.viewpager;
    
    import android.app.Activity;
    import android.graphics.Color;
    import android.os.Bundle;
    import android.support.v4.app.Fragment;
    import android.support.v4.app.FragmentActivity;
    import android.support.v4.view.PagerAdapter;
    import android.support.v4.view.PagerTabStrip;
    import android.support.v4.view.ViewPager;
    import android.view.View;
    import android.widget.Toast;
    
    import java.util.ArrayList;
    import java.util.List;
    
    public class MainActivity extends FragmentActivity implements ViewPager.OnPageChangeListener{
    
        private ViewPager viewPager;
        private List<View>viewList;
        private PagerTabStrip tab;
        private  List<String> titleList;
        private List<Fragment>fragmentList;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            viewList=new ArrayList<View>();
            titleList=new ArrayList<String>();
            fragmentList=new ArrayList<Fragment>();
            tab=(PagerTabStrip)findViewById(R.id.tab);
    
            //将布局文件转化为View。
            //通过View对象作为ViewPager的数据源
            View view1=View.inflate(this,R.layout.view1,null);
            View view2=View.inflate(this,R.layout.view2,null);
            View view3=View.inflate(this,R.layout.view3,null);
            View view4=View.inflate(this,R.layout.view4,null);
    
            /*
            2.通过Fragment作为ViewPager的数据源
             */
            fragmentList.add(new Fragment1());
            fragmentList.add(new Fragment2());
            fragmentList.add(new Fragment3());
            fragmentList.add(new Fragment4());
    
            //添加每页的textView
            viewList.add(view1);
            viewList.add(view2);
            viewList.add(view3);
            viewList.add(view4);
    
    
            //添加每页的标题
            titleList.add("第一页");
            titleList.add("第二页");
            titleList.add("第三页");
            titleList.add("第四页");
    
    
            //为PagerTabStrip设置一些属性
            tab.setBackgroundColor(Color.YELLOW);
            tab.setDrawFullUnderline(false);
            tab.setTextColor(Color.RED);
            tab.setTabIndicatorColor(Color.GREEN);
    
            //初始化ViewPager
            viewPager=(ViewPager)findViewById(R.id.pager);
            //创建PagerAdapter适配器
            MyPagerAdapter myPagerAdapter=new MyPagerAdapter(viewList,titleList);
    
            //创建MyFragmentPagerAdapter适配器
            MyFragmentPagerAdapter myFragmentPagerAdapter=new MyFragmentPagerAdapter(getSupportFragmentManager(),fragmentList,titleList);
    
    
            //ViewPager加载适配器
            //viewPager.setAdapter(myPagerAdapter);
            viewPager.setAdapter(myFragmentPagerAdapter);
    
            //设置页面滑动监听器
            viewPager.setOnPageChangeListener(this);
        }
    
        @Override
        public void onPageScrolled(int i, float v, int i1) {
    
        }
    
        @Override
        public void onPageSelected(int i) {
    
        }
    
        @Override
        public void onPageScrollStateChanged(int i) {
    
            Toast.makeText(this,"当前是第"+(i+1)+"个界面",Toast.LENGTH_SHORT).show();
        }
    }

MyFragmentPagerAdapter.java

package com.example.lenovo.viewpager;
    
    import android.support.v4.app.Fragment;
    import android.support.v4.app.FragmentManager;
    import android.support.v4.app.FragmentPagerAdapter;
    
    import java.util.List;
    
    /**
     * Created by lenovo on 2018/3/9.
     */
    
    public class MyFragmentPagerAdapter extends FragmentPagerAdapter {
    
        private List<Fragment> fragmentList;
    
        private List<String>titleList;
    
        //构造函数
        public MyFragmentPagerAdapter(FragmentManager fm, List<Fragment>fragmentList, List<String>titleList){
            super(fm);
            this.fragmentList=fragmentList;
            this.titleList=titleList;
        }
        @Override
        public Fragment getItem(int position) {
            return fragmentList.get(position);
        }
    
        @Override
        public int getCount() {
            return fragmentList.size();
        }
    
        @Override
        public CharSequence getPageTitle(int position) {
            return titleList.get(position);
        }
    }

MyPagerAdapter.java

package com.example.lenovo.viewpager;
    
    /**
     * Created by lenovo on 2018/3/7.
     */
    import android.support.v4.view.PagerAdapter;
    import android.view.View;
    import android.view.ViewGroup;
    
    import java.util.List;
    
    public class MyPagerAdapter extends PagerAdapter {
    
        private List<View>viewList;
        private List<String> titleList;
    
        public MyPagerAdapter(List<View>viewList,List<String> titleList){
            this.viewList=viewList;this.titleList=titleList;
        }
    
        /*
        返回的是页卡的数量
         */
        @Override
        public int getCount() {
            return viewList.size();
        }
    
        /*
        View是否来自于对象
         */
        @Override
        public boolean isViewFromObject(View arg0, Object arg1) {
            return arg0==arg1;
        }
    
        /*
        实例化一个页卡
         */
        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            container.addView(viewList.get(position));
            return viewList.get(position);
        }
    
        /*
        销毁一个页卡
         */
        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView(viewList.get(position));
        }
    
        /*
        设置Viewpager页卡的标题
         */
        @Override
        public CharSequence getPageTitle(int position) {
            return titleList.get(position);
        }
    }

Fragment1.java

package com.example.lenovo.viewpager;
    
    import android.support.v4.app.Fragment;
    import android.os.Bundle;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    
    /**
     * Created by lenovo on 2018/3/7.
     */
    
    public class Fragment1 extends Fragment {
    
    
        @Override
        public View onCreateView(LayoutInflater inflater,  ViewGroup container, Bundle savedInstanceState) {
            return inflater.inflate(R.layout.view1,container,false);
        }
    }

Fragment2.java

package com.example.lenovo.viewpager;
    
    import android.os.Bundle;
    import android.support.v4.app.Fragment;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    
    /**
     * Created by lenovo on 2018/3/7.
     */
    
    public class Fragment2 extends Fragment {
    
    
        @Override
        public View onCreateView(LayoutInflater inflater,  ViewGroup container, Bundle savedInstanceState) {
            return inflater.inflate(R.layout.view2,container,false);
        }
    }

Fragment3.java

package com.example.lenovo.viewpager;
    
    import android.os.Bundle;
    import android.support.v4.app.Fragment;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    
    /**
     * Created by lenovo on 2018/3/7.
     */
    
    public class Fragment3 extends Fragment {
    
    
        @Override
        public View onCreateView(LayoutInflater inflater,  ViewGroup container, Bundle savedInstanceState) {
            return inflater.inflate(R.layout.view3,container,false);
        }
    }

Fragment4.java

package com.example.lenovo.viewpager;
    
    import android.os.Bundle;
    import android.support.v4.app.Fragment;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    
    /**
     * Created by lenovo on 2018/3/7.
     */
    
    public class Fragment4 extends Fragment {
    
    
        @Override
        public View onCreateView(LayoutInflater inflater,  ViewGroup container, Bundle savedInstanceState) {
            return inflater.inflate(R.layout.view4,container,false);
        }
    }

[70]: /images/20220530/cf9d2d38b5bc474c9175c0dafd84893d.png
[70 1]: /images/20220530/d206c84a8f6d4a8dbd95e555ae4514db.png
[70 2]: /images/20220530/2d85b473110a46bc9f781eb56e252552.png
[70 3]: /images/20220530/2dc0ee80e5b043cda92416bd4c015a22.png
[70 4]: /images/20220530/a1ef01fabe6c4283889786c361fec130.png
[70 5]: /images/20220530/4332eaaf20e343889fd522d50ece5b4d.png
[70 6]: /images/20220530/90708bfd6d9542fba3c1964117b714e4.png
[70 7]: /images/20220530/07ad405fd8cf4af18f2ad839aad2b9d3.png