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了。

上一篇:C语言第5天


下一篇:php之PDO连接mysql数据库,增删改查等等操作实例