viewPager--viewpager时，发生内存溢出OOM问题

时间：2023-03-09 08:14:59
viewPager--viewpager时，发生内存溢出OOM问题

两个问题：
1、如果图片达到500kb每张，你这个划屏会有顿卡；
2、快速滑动有出现0.几秒的白屏。图片越大，顿卡越明显。

回复parcool：500kb的背景算大的了，如果是想做图片墙，viewpager不适合，可以使用开源的图片墙工具，内存+硬盘缓存

还有哦，你这个图片根本没有手动回收，依然会OOM!

今天在制作应用某个功能的引导页时，使用了ViewPager进行页面切换，每个页面就放了一个ImageView，使用背景图来进行展示，由于多图（11张）的原因，导致了OOM问题，这里总结一下。

代码如下：

  1. public class GuideActivity extends Activity implements OnPageChangeListener{
  2. private ViewPager viewPager;
  3. private GuideAdapter adapter;
  4. private LinearLayout dotContain;
  5. private Button btnSure;
  6. private List<View> mViews=new ArrayList<View>();
  7. private int[] mResIds=new int[]{
  8. R.drawable.step01,
  9. R.drawable.step02,
  10. R.drawable.step03,
  11. R.drawable.step04,
  12. R.drawable.step05,
  13. R.drawable.step06,
  14. R.drawable.step07,
  15. R.drawable.step08,
  16. R.drawable.step09,
  17. R.drawable.step10,
  18. R.drawable.step11
  19. };
  20. @Override
  21. protected void onCreate(Bundle savedInstanceState) {
  22. super.onCreate(savedInstanceState);
  23. requestWindowFeature(Window.FEATURE_NO_TITLE);
  24. setContentView(R.layout.activity_guide);
  25. initViews();
  26. initDatas();
  27. }
  28. protected void initViews() {
  29. viewPager=(ViewPager) findViewById(R.id.vp_guide);
  30. dotContain=(LinearLayout) findViewById(R.id.layout_dot_contain);
  31. btnSure=(Button) findViewById(R.id.btn_sure);
  32. adapter=new GuideAdapter(mViews);
  33. }
  34. protected void initDatas() {
  35. for (int i = 0; i < mResIds.length; i++) {
  36. ImageView img=new ImageView(this);
  37. //延迟设置图片，在PagerAdapter内设置，解决OOM问题
  38. /*ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(
  39. ViewGroup.LayoutParams.MATCH_PARENT,
  40. ViewGroup.LayoutParams.MATCH_PARENT);
  41. img.setBackgroundResource(mResIds[i]);
  42. img.setLayoutParams(params);*/
  43. mViews.add(img);
  44. }
  45. viewPager.setAdapter(adapter);
  46. viewPager.setOnPageChangeListener(this);
  47. viewPager.setCurrentItem(0);
  48. viewPager.setOffscreenPageLimit(1);
  49. dotContain.getChildAt(0).setSelected(true);
  50. }
  51. /**
  52. *
  53. * 2014-12-19 上午10:56:19
  54. * @param position
  55. * @TODO 改变底部图标状态
  56. */
  57. private void chageDotState(final int position){
  58. int count=dotContain.getChildCount();
  59. for (int i = 0; i < count; i++) {
  60. View view=dotContain.getChildAt(i);
  61. if(position%count==i){
  62. view.setSelected(true);
  63. }else{
  64. view.setSelected(false);
  65. }
  66. }
  67. }
  68. /**
  69. *
  70. * @Create_date 2014-12-19 上午11:09:48
  71. * @TODO 适配器
  72. */
  73. class GuideAdapter extends PagerAdapter{
  74. private List<View> views;
  75. public GuideAdapter(List<View> views) {
  76. this.views = views;
  77. }
  78. @Override
  79. public int getCount() {
  80. return views.size();
  81. }
  82. @Override
  83. public boolean isViewFromObject(View arg0, Object arg1) {
  84. return arg0==arg1;
  85. }
  86. @Override
  87. public void destroyItem(ViewGroup container, int position, Object object) {
  88. container.removeView(views.get(position));
  89. }
  90. @Override
  91. public int getItemPosition(Object object) {
  92. return super.getItemPosition(object);
  93. }
  94. @Override
  95. public Object instantiateItem(ViewGroup container, int position) {
  96. //在此设置背景图片，提高加载速度，解决OOM问题
  97. View view=views.get(position);
  98. int count=getCount();
  99. ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(
  100. ViewGroup.LayoutParams.MATCH_PARENT,
  101. ViewGroup.LayoutParams.MATCH_PARENT);
  102. view.setBackgroundResource(mResIds[position%count]);
  103. view.setLayoutParams(params);
  104. container.addView(view,0);
  105. return views.get(position);
  106. }
  107. }
  108. @Override
  109. public void onPageScrollStateChanged(int arg0) {
  110. }
  111. @Override
  112. public void onPageScrolled(int arg0, float arg1, int arg2) {
  113. }
  114. @Override
  115. public void onPageSelected(int arg0) {
  116. if(arg0<adapter.getCount()-1){
  117. dotContain.setVisibility(View.VISIBLE);
  118. btnSure.setVisibility(View.GONE);
  119. chageDotState(arg0);
  120. }else{
  121. dotContain.setVisibility(View.GONE);
  122. btnSure.setVisibility(View.VISIBLE);
  123. }
  124. }
  125. }

代码中已经进行了说明。一开始，使用了一个for循环，将所有的ImageView设置了背景并添加到List<View>中，这样导致，一点进这个界面时，有点卡顿，并且有时还会出现OOM问题。

解决办法就是：在for循环内只将ImageView对象添加到List<View>中，并不对其设置背景资源，将该步骤延迟到PagerAdapter$instantiateItem()中再进行设置。

说明：页面过多会报OOM的原因是，当ImageView在调用setBackgroundResource时，底层会调用BitmapFactory.decodeResource进行解码，而这个过程是耗时的，也很容易就OOM了，因此在for循环内进行多图设置的话就导致卡顿甚至OOM了。

相关文章