`
wen742538485
  • 浏览: 239760 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

android平板上的GridView视图缓存优化

阅读更多
最近在做android平板上的开发,其中涉及到高分辨率之下使用GridView的性能问题。在Android手机软件开发中,如果在ListView或者GridView上使用大数量Item,很多人都会想到ViewHolder......没错,ViewHolder非常适合用在ListView或者每行小于4个Item的GridView。但是如果是高分辨率的设备(android平板甚至android电视),每行包含4个以上Item的话,即使用了ViewHolder也依然卡。
      如下图,每行9个Item,而且每个Item的图片都是从网络动态下载的,这时就比较考验GridView视图的优化了。





本文提出的优化方法是:在getView()构建一个View列表(List<View>),把最近构建的View存起来,回退时直接从View列表中读取,而不是动态构建。使用这种方法有2个好处:

1.快速读取过去的Item;

2.直接保存View而不是Bitmap,避免了ImageView.setImageBitmaps()带来的延时。

当然坏处就是浪费内存,所以要设定一个上限,超过了就删掉最老的Item。
先来看看这种方法与ViewHolder的性能对比:




100个Item往下滚到的三组数据对比,如上图:
“CacheAdapter 缓存50个Item”跟ViewHolderAdapter的速度很接近,由于CacheAdapter有缓存,所以会有1~2次快速读取Item(10~20个)的情况,而ViewHolder的每次读取Item速度比较平均。
“CacheAdapter 缓存75个Item”只在第一次往下滚动时消耗较长时间,第二次用了缓存的Item,所以速度快了很多。




100个Item往上滚到的三组数据对比,如上图:

“CacheAdapter 缓存50个Item”比ViewHolderAdapter的速度略快,“CacheAdapter 缓存75个Item”依然是最快的。
总结:“CacheAdapter 缓存50个Item”速度与HolderView略快,读取最近的Item速度最快,缓存的Item越多速度越快。“CacheAdapter 缓存75个Item”占用内存最少,这是由于一部分图片下载失败,保存的Item的图片为空,实际上是缓存越多Item占用的内存越多。

PS:这里用到异步读取网络图片,成功下载的就占用较多内存,下载失败就占用较少内存,所以内存占用情况并不是一个时刻的绝对值,占用内存只用于参考.....

本文程序源码可以到http://www.rayfile.com/zh-cn/files/5ebf5666-958a-11e0-99ec-0015c55db73d/这里下载。

CacheAdapter.java是实现缓存Item的自定义Adapter,源码如下:

print?/**
* 使用列表缓存过去的Item
* @author hellogv

*/ 
public class CacheAdapter extends BaseAdapter { 
 
    public class Item { 
        public String itemImageURL; 
        public String itemTitle; 
        public Item(String itemImageURL, String itemTitle) { 
            this.itemImageURL = itemImageURL; 
            this.itemTitle = itemTitle; 
        } 
    } 
 
    private Context mContext; 
    private ArrayList<Item> mItems = new ArrayList<Item>(); 
    LayoutInflater inflater; 
    public CacheAdapter(Context c) { 
        mContext = c; 
        inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
    } 
 
    public void addItem(String itemImageURL, String itemTitle) { 
        mItems.add(new Item(itemImageURL, itemTitle)); 
    } 
 
    public int getCount() { 
        return mItems.size(); 
    } 
 
    public Item getItem(int position) { 
        return mItems.get(position); 
    } 
 
    public long getItemId(int position) { 
        return position; 
    } 
     
    List<Integer> lstPosition=new ArrayList<Integer>(); 
    List<View> lstView=new ArrayList<View>(); 
     
    List<Integer> lstTimes= new ArrayList<Integer>(); 
    long startTime=0; 
    public View getView(int position, View convertView, ViewGroup parent) { 
        startTime=System.nanoTime(); 
         
        if (lstPosition.contains(position) == false) { 
            if(lstPosition.size()>75)//这里设置缓存的Item数量 
            { 
                lstPosition.remove(0);//删除第一项 
                lstView.remove(0);//删除第一项 
            } 
            convertView = inflater.inflate(R.layout.item, null); 
            TextView text = (TextView) convertView.findViewById(R.id.itemText); 
            ImageView icon = (ImageView) convertView.findViewById(R.id.itemImage); 
            text.setText(mItems.get(position).itemTitle); 
            new AsyncLoadImage().execute(new Object[] { icon,mItems.get(position).itemImageURL }); 
             
            lstPosition.add(position);//添加最新项 
            lstView.add(convertView);//添加最新项 
        } else 
        { 
            convertView = lstView.get(lstPosition.indexOf(position)); 
        } 
         
        int endTime=(int) (System.nanoTime()-startTime); 
        lstTimes.add(endTime); 
        if(lstTimes.size()==10) 
        { 
            int total=0; 
            for(int i=0;i<lstTimes.size();i++) 
                total=total+lstTimes.get(i); 
     
            Log.e("10个所花的时间:" +total/1000 +" μs", 
                    "所用内存:"+Runtime.getRuntime().totalMemory()/1024 +" KB"); 
            lstTimes.clear(); 
        } 
         
        return convertView; 
    } 
 
    /**
     * 异步读取网络图片
     * @author hellogv
     */ 
    class AsyncLoadImage extends AsyncTask<Object, Object, Void> { 
        @Override 
        protected Void doInBackground(Object... params) { 
 
            try { 
                ImageView imageView=(ImageView) params[0]; 
                String url=(String) params[1]; 
                Bitmap bitmap = getBitmapByUrl(url); 
                publishProgress(new Object[] {imageView, bitmap}); 
            } catch (MalformedURLException e) { 
                Log.e("error",e.getMessage()); 
                e.printStackTrace(); 
            } catch (IOException e) { 
                Log.e("error",e.getMessage()); 
                e.printStackTrace(); 
            } 
            return null; 
        } 
 
        protected void onProgressUpdate(Object... progress) { 
            ImageView imageView = (ImageView) progress[0]; 
            imageView.setImageBitmap((Bitmap) progress[1]);          
        } 
    } 
 
    static public Bitmap getBitmapByUrl(String urlString) 
            throws MalformedURLException, IOException { 
        URL url = new URL(urlString); 
        URLConnection connection = url.openConnection(); 
        connection.setConnectTimeout(25000); 
        connection.setReadTimeout(90000); 
        Bitmap bitmap = BitmapFactory.decodeStream(connection.getInputStream()); 
        return bitmap; 
    } 


其中if(lstPosition.size()>75)是设置缓存的Item数量的关键地方,这里缓存75个Item。

ViewHolderAdapter.java是实现ViewHolder加载Item的自定义Adapter,源码如下:


view plainprint?/**
* 使用ViewHolder加载Item
* @author hellogv

*/ 
public class ViewHolderAdapter extends BaseAdapter { 
 
    public class Item { 
        public String itemImageURL; 
        public String itemTitle; 
 
        public Item(String itemImageURL, String itemTitle) { 
            this.itemImageURL = itemImageURL; 
            this.itemTitle = itemTitle; 
        } 
    } 
 
    private Context mContext; 
    private ArrayList<Item> mItems = new ArrayList<Item>(); 
    LayoutInflater inflater; 
    public ViewHolderAdapter(Context c) { 
        mContext = c; 
        inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
    } 
 
    public void addItem(String itemImageURL, String itemTitle) { 
        mItems.add(new Item(itemImageURL, itemTitle)); 
    } 
     
    public int getCount() { 
        return mItems.size(); 
    } 
 
    public Item getItem(int position) { 
        return mItems.get(position); 
    } 
 
    public long getItemId(int position) { 
        return position; 
    } 
     
    static class ViewHolder { 
        TextView text; 
        ImageView icon; 
    } 
     
    List<Integer> lstTimes= new ArrayList<Integer>(); 
    long startTime=0; 
    public View getView(int position, View convertView, ViewGroup parent) { 
        startTime=System.nanoTime(); 
         
        ViewHolder holder; 
 
        if (convertView == null) { 
            convertView = inflater.inflate(R.layout.item, null); 
            holder = new ViewHolder(); 
            holder.text = (TextView) convertView.findViewById(R.id.itemText); 
            holder.icon = (ImageView) convertView.findViewById(R.id.itemImage); 
            convertView.setTag(holder); 
        } else { 
            holder = (ViewHolder) convertView.getTag(); 
        } 
        holder.text.setText(mItems.get(position).itemTitle); 
        new AsyncLoadImage().execute(new Object[]{holder.icon,mItems.get(position).itemImageURL }); 
         
        int endTime=(int) (System.nanoTime()-startTime); 
        lstTimes.add(endTime); 
        if(lstTimes.size()==10) 
        { 
            int total=0; 
            for(int i=0;i<lstTimes.size();i++) 
                total=total+lstTimes.get(i); 
     
            Log.e("10个所花的时间:" +total/1000 +" μs", 
                    "所用内存:"+Runtime.getRuntime().totalMemory()/1024 +" KB"); 
            lstTimes.clear(); 
        } 
         
        return convertView; 
    } 
 
    /**
     * 异步读取网络图片
     * @author hellogv
     */ 
    class AsyncLoadImage extends AsyncTask<Object, Object, Void> { 
        @Override 
        protected Void doInBackground(Object... params) { 
 
            try { 
                ImageView imageView=(ImageView) params[0]; 
                String url=(String) params[1]; 
                Bitmap bitmap = CacheAdapter.getBitmapByUrl(url); 
                publishProgress(new Object[] {imageView, bitmap}); 
            } catch (MalformedURLException e) { 
                e.printStackTrace(); 
            } catch (IOException e) { 
                e.printStackTrace(); 
            } 
            return null; 
        } 
 
        protected void onProgressUpdate(Object... progress) { 
            ImageView imageView = (ImageView) progress[0]; 
            imageView.setImageBitmap((Bitmap) progress[1]); 
        } 
    } 
 


testPerformance.java是主程序,通过注释符就可以分别测试CacheAdapter与ViewHolderAdapter的性能,源码如下:


view plainprint?public class testPerformance extends Activity { 
    /** Called when the activity is first created. */ 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        setContentView(R.layout.main); 
        this.setTitle("android平板上的GridView视图缓存优化-----hellogv"); 
        GridView gridview = (GridView) findViewById(R.id.gridview); 
        CacheAdapter adapter=new CacheAdapter(this); 
        // ViewHolderAdapter adapter=new ViewHolderAdapter(this); 
        
        gridview.setAdapter(adapter); 
        String urlImage="";//请自己选择网络上的静态图片 
         
        for(int i=0;i<100;i++) 
        { 
            adapter.addItem(urlImage, "第"+i+"项"); 
        } 
         
    } 





http://blog.csdn.net/hellogv/article/details/6541286





  • 大小: 839.7 KB
  • 大小: 170.7 KB
  • 大小: 170.7 KB
分享到:
评论

相关推荐

    Android fragment+viewpager+gridview

    7. **优化性能**:确保正确地缓存`Fragment`和`GridView`的视图,避免不必要的重建。同时,对`GridView`的数据加载进行异步处理,避免阻塞主线程。 通过这种方式,我们可以创建一个高效的、响应式的Android应用,...

    Android应用源码ActivityGroup + GridView + ViewFlipper 实现选项卡.zip

    在Android应用开发中,ActivityGroup、GridView和ViewFlipper是三个关键组件,它们共同作用可以构建出具有选项卡切换功能的用户界面。本教程将详细解释这三个组件的工作原理及其在实际项目中的应用。 首先,...

    Fragment+ViewPager+GridView最佳实践

    综上所述,"Fragment+ViewPager+GridView最佳实践"这个话题涵盖了许多Android开发中的关键技术点,包括组件的使用、性能优化、数据绑定和通信、布局设计等。通过学习和实践这些最佳实践,开发者可以构建出更加高效、...

    Android代码-仿zaker效果demo不使用用gridview.zip

    7. 响应式布局:为了适应不同尺寸的屏幕,应用通常会使用响应式布局设计,确保在手机和平板上都能提供良好的显示效果。这可能通过权重分配、百分比布局或ConstraintLayout来实现。 8. 性能优化:对于大数据量的列表...

    android rss阅读器源码

    Android RSS阅读器的界面设计通常包括列表视图(ListView)或网格视图(GridView)展示RSS条目,每个条目可能包含一个标题、摘要和图片。`RecyclerView`是Android推荐的高效列表组件,源码可能使用它来展示数据。...

    图片浏览器

    【图片浏览器】是一种应用程序,专为用户在移动设备如Android智能手机和平板上浏览图片而设计。这个特定的图片浏览器项目实现了两种不同的展示模式:ListView和GridView。这两种模式都是Android UI设计中常用的数据...

    (系统级,不是app)android 4.4 Launcher3 源代码

    - **Multi-Window Support**: 虽然 KitKat 并未正式支持多窗口,但源代码中可能包含对平板设备的优化,为后来的多窗口功能奠定了基础。 7. **权限管理**: - **IntentFilter** 和 **BroadcastReceiver**: ...

    android电子书Demo

    6. **图书展示**:在Android项目中,图书的展示可能涉及到列表视图(ListView)或网格视图(GridView)来排列书籍封面,点击后进入详细信息页面。同时,阅读页面可能支持自定义字体大小、背景颜色、行间距等个性化...

    基于Andriod环境的图片浏览器设计

    这需要我们深入理解Android的视图系统,例如ImageView用于显示图片,以及GridView或RecyclerView用于以网格形式展示多张图片。同时,要处理图片的加载优化问题,避免内存溢出,可以使用像Glide或Picasso这样的第三方...

    andriod demo

    BaseAdapter是Android中一个重要的适配器类,它是ListView、GridView等视图组件的数据源,负责将数据绑定到视图上。BaseAdapter允许开发者自定义数据处理逻辑,以便将各种类型的数据(如数组、数据库结果集等)适配...

    android仿开心网源代码.rar

    1. **Android UI设计**:了解如何使用XML布局文件创建复杂的用户界面,包括ListView、GridView、ScrollView等组件的使用,以及自定义视图的实现。 2. **事件处理**:学习如何监听和处理用户的触摸事件,如点击、滑动...

    android 学习笔记

    Android 是一款开源的操作系统,主要用于移动设备,如智能手机和平板电脑。对于初学者来说,理解其基本概念和组件是至关重要的。这篇笔记将涵盖一些核心的 Android 开发知识点,帮助你从零开始构建你的 Android 应用...

    HorizontalGridView

    HorizontalGridView是一种在Android开发中常见的视图组件,它与传统的GridView相似,但其布局方向是水平的,允许用户通过横向滑动来浏览多列数据。这个组件特别适用于展示需要横向滚动的内容,比如照片画廊、商品...

    foursquare-venues:使用 Foursquare API 的简单 Android 应用

    解析后,这些数据可以用于填充 UI 组件,如列表视图(ListView)或网格视图(GridView)。 3. **UI 设计**:Android 提供了丰富的布局组件,如线性布局(LinearLayout)、相对布局(RelativeLayout)和约束布局...

    ASP.NET淘宝店主交易管理系统的设计与实现(源代码+论文).zip

    8. 性能优化:通过缓存技术、数据库索引优化、异步处理等手段提升系统性能,确保在高并发环境下稳定运行。 9. 论文部分:这部分可能详细阐述了系统的设计思想、技术选型、架构设计、实现过程以及遇到的问题与解决...

    移动开发

    对于Dart和Flutter,可以通过避免不必要的状态更新、使用const关键字优化Widget实例、以及利用ListView和GridView的缓存机制来提高应用性能。另外,内存管理和避免内存泄漏也是关键,Dart的垃圾回收机制有助于管理...

Global site tag (gtag.js) - Google Analytics