简单的解决引导页Viewpager卡顿问题

前言：最近试着写一个项目，需要加上引导页，用了一下Viewpager发现加载高清图片时滑动卡顿很明显，网上搜了一遍都是千篇一律的写法解决不了我的问题，没办法，只能自己想办法解决，所以就有了下面的方案。

布局文件：一个Viewpager完成

<?xml version="1.0" encoding="utf-8"?> <LinearLayout 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.support.v4.view.ViewPager android:id="@+id/guide_viewpager" android:layout_width="match_parent" android:layout_height="match_parent"> </android.support.v4.view.ViewPager> </LinearLayout>

下面是Java代码

先自定义一个GuideFragment

public class GuideFragment extends Fragment { private int imageId; public GuideFragment(int imageId) { this.imageId = imageId; } @Nullable @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { ImageView imageView = new ImageView(getActivity()); LinearLayout.LayoutParams LayoutParams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT); imageView.setImageResource(imageId); imageView.setLayoutParams(LayoutParams); View view= imageView; return view; } }

很简单定义一个Fragment创建一个ImageView设置全屏 为了能重复使用，生成一个构造方法，将图片ID传递过来。

接下来是适配器GuideAdaper，继承自FragmentPagerAdaper

public class GuideAdapter extends FragmentPagerAdapter { private List<Fragment> fragments; public GuideAdapter(FragmentManager fm, List<Fragment> fragments) { super(fm); this.fragments = fragments; } @Override public Fragment getItem(int position) { return fragments.get(position); } @Override public int getCount() { return fragments.size(); } }

最基本的写法

最后是主界面GuideActivity

public class GuideActivity extends FragmentActivity implements ViewPager.OnPageChangeListener{ private ViewPager viewPager; private GuideAdapter adapter; private List<Fragment> fragments; private int[] images = {R.mipmap.guide_image1,R.mipmap.guide_image2,R.mipmap.guide_image3}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_guide); init(); } private void init() { viewPager = (ViewPager) findViewById(R.id.guide_viewpager); fragments = new ArrayList<>(); for(int i=0;i<images.length;i++){ GuideFragment guide = new GuideFragment(images[i]); fragments.add(guide); } adapter = new GuideAdapter(getSupportFragmentManager(),fragments); viewPager.setAdapter(adapter); viewPager.addOnPageChangeListener(this); } }

ok，代码到此结束，十分简单。 我看了很多网上的方案，基本上都是使用PagerAdapter和三个布局文件，然后定义一个List再从Activity中使用一个for循环，将布局（有些是直接new一个View或者ImageView）add添加到适配器中，最后setadaper就完成了，但是加载高清图片时十分卡顿，下面放两张图，一张是网上普遍写法一张是本文章的写法，看一下Gpu呈现模式分析

首先是本方法的

然后是网上普遍写法

加载的图片同样是480*853 可以看到差别是十分大的

好了文章到此结束，如果有什么错误欢迎指出。

原创文章，转载请告知