详解如何让Android UI设计性能更高效

最新推荐文章于 2019-04-25 11:17:52 发布
最新推荐文章于 2019-04-25 11:17:52 发布
阅读量705 收藏
点赞数
分类专栏： Android 移动开发 文章标签： Android UI 高效设计
本文为一名参加过09年Google IO大会的开发者的一篇把关于移动应用方面的主题不错的PPT改编的文章，对移动应用开发者是很有帮助的。

　　Android在UI优化方面可以从以下五个方面入手：

　　◆Adapter优化

　　◆背景和图片优化

　　◆绘图优化

　　◆视图和布局优化

　　◆内存分配优化

　　Adapter优化

　　什么是Adapter？

　　Adapter在Android中占据一个重要的角色，它是数据和UI（View）之间一个重要的纽带。在常见的View(ListView,GridView)等地方都需要用到Adapter。如图1直观的表达了Data、Adapter、View三者的关系。

Adapter、数据、UI三者关系
图1 Adapter、数据、UI三者关系

　　一、Android中Adapter

Android-Adapter
图2：Android中Adapter类型层级图

　　由图2我们可以看到在Android中与Adapter有关的所有接口、类的完整层级图。在我们使用过程中可以根据自己的需求实现接口或者继承类进行一定的扩展。比较常用的有 BaseAdapter，ArrayAdapter，SimpleCursorAdapter等。

　　BaseAdapter是一个抽象类，继承它需要实现较多的方法，所以也就具有较高的灵活性；

　　ArrayAdapter支持泛型操作，通常需要实现getView方法，特殊情况下（结合数据row id），为了让ui事件相应处理方便点最好重写getItemId；

　　SimpleCursorAdapter可以适用于简单的纯文字型ListView，它需要Cursor的字段和UI的id对应起来。如需要实现更复杂的UI也可以重写其他方法。

　　二、一个继承BaseAdapter的类的代码段

  
  

   
      
   
   1
   
   .  
   
   1
   
   : 
   
   /**
   
     
   2.  2:  * 歌曲列表适配器  
   3.  3:  *   
   4.  4:  * 
   
   @version
   
    2010-11-24 下午05:13:33  
   5.  5:  * 
   
   @author
   
    Hal  
   6.  6:  
   
   */
   
     
   
   
   7
   
   .  
   
   7
   
   : 
   
   public
   
    
   
   class
   
    AudioListAdapter 
   
   extends
   
    BaseAdapter {  
   
   
   8
   
   .  
   
   8
   
   :    
   
   
   9
   
   .  
   
   9
   
   :     
   
   private
   
    Context mContext;  
  
   
   10
   
   . 
   
   10
   
   :    
  
   
   11
   
   . 
   
   11
   
   :     
   
   //
   
    歌曲集合  
   
   

   
     
   
   12
   
   . 
   
   12
   
   :     
   
   private
   
    ArrayList
   
   <
   
   Audio
   
   >
   
    mAudios;  
  
   
   13
   
   . 
   
   13
   
   :    
  
   
   14
   
   . 
   
   14
   
   :     
   
   public
   
    AudioListAdapter(Context mContext, ArrayList
   
   <
   
   Audio
   
   >
   
    mAudios) {  
  
   
   15
   
   . 
   
   15
   
   :         
   
   this
   
   .mContext 
   
   =
   
    mContext;  
  
   
   16
   
   . 
   
   16
   
   :         
   
   this
   
   .mAudios 
   
   =
   
    mAudios;  
  
   
   17
   
   . 
   
   17
   
   :     }  
  
   
   18
   
   . 
   
   18
   
   :    
  
   
   19
   
   . 
   
   19
   
   :     @Override  
  
   
   20
   
   . 
   
   20
   
   :     
   
   public
   
    
   
   int
   
    getCount() {  
  
   
   21
   
   . 
   
   21
   
   :         
   
   return
   
    mAudios 
   
   !=
   
    
   
   null
   
    
   
   ?
   
    mAudios.size() : 
   
   0
   
   ;  
  
   
   22
   
   . 
   
   22
   
   :     }  
  
   
   23
   
   . 
   
   23
   
   :    
  
   
   24
   
   . 
   
   24
   
   :     @Override  
  
   
   25
   
   . 
   
   25
   
   :     
   
   public
   
    Object getItem(
   
   int
   
    position) {  
  
   
   26
   
   . 
   
   26
   
   :         
   
   if
   
    ((mAudios 
   
   !=
   
    
   
   null
   
    
   
   &&
   
    mAudios.size() 
   
   >
   
    
   
   0
   
   ) 
   
   &&
   
    (position 
   
   >=
   
    
   
   0
   
    
   
   &&
   
    position 
   
   <
   
    mAudios.size())) {  
  
   
   27
   
   . 
   
   27
   
   :             
   
   return
   
    mAudios.get(position);  
  
   
   28
   
   . 
   
   28
   
   :         }  
  
   
   29
   
   . 
   
   29
   
   :         
   
   return
   
    
   
   null
   
   ;  
  
   
   30
   
   . 
   
   30
   
   :     }  
  
   
   31
   
   . 
   
   31
   
   :    
  
   
   32
   
   . 
   
   32
   
   :     
   
   /**
   
     
  33. 33:      * 如果集合中的对象数据来自数据库，建议此方法返回该对象在数据库中的ID  
  34. 34:      
   
   */
   
     
  
   
   35
   
   . 
   
   35
   
   :     @Override  
  
   
   36
   
   . 
   
   36
   
   :     
   
   public
   
    
   
   long
   
    getItemId(
   
   int
   
    position) {  
  
   
   37
   
   . 
   
   37
   
   :         
   
   if
   
    ((mAudios 
   
   !=
   
    
   
   null
   
    
   
   &&
   
    mAudios.size() 
   
   >
   
    
   
   0
   
   ) 
   
   &&
   
    (position 
   
   >=
   
    
   
   0
   
    
   
   &&
   
    position 
   
   <
   
    mAudios.size())) {  
  
   
   38
   
   . 
   
   38
   
   :             
   
   return
   
    mAudios.get(position).getId();  
  
   
   39
   
   . 
   
   39
   
   :         }  
  
   
   40
   
   . 
   
   40
   
   :         
   
   return
   
    position;  
  
   
   41
   
   . 
   
   41
   
   :     }  
  
   
   42
   
   . 
   
   42
   
   :    
  
   
   43
   
   . 
   
   43
   
   :     @Override  
  
   
   44
   
   . 
   
   44
   
   :     
   
   public
   
    View getView(
   
   int
   
    position, View convertView, ViewGroup parent) {  
  
   
   45
   
   . 
   
   45
   
   :         
   
   //
   
   TODO 返回自定的View  
   
   

   
     
   
   46
   
   . 
   
   46
   
   :     }

　　Adapter与View的连接主要依靠getView这个方法返回我们需要的自定义view。ListView是Android app中一个最最最常用的控件了，所以如何让ListView流畅运行，获取良好的用户体验是非常重要的。对ListView优化就是对Adapter中的getView方法进行优化。09年的Google IO大会给出的优化建议如下：

　　Adapter优化示例代码：

  
  

   
      
   
   1
   
   . @Override  
   
   
   2
   
   . 
   
   public
   
    View getView(
   
   int
   
    position, View convertView, ViewGroup parent) {  
   
   
   3
   
   .     Log.d(
   
   "
   
   MyAdapter
   
   "
   
   , 
   
   "
   
   Position:
   
   "
   
    
   
   +
   
    position 
   
   +
   
    
   
   "
   
   ---
   
   "
   
     
   
   
   4
   
   .             
   
   +
   
    String.valueOf(System.currentTimeMillis()));  
   
   
   5
   
   .     ViewHolder holder;  
   
   
   6
   
   .      
   
   if
   
    (convertView 
   
   ==
   
    
   
   null
   
   ) {  
   
   
   7
   
   .         
   
   final
   
    LayoutInflater inflater 
   
   =
   
    (LayoutInflater) mContext  
   
   
   8
   
   .                 .getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
   
   
   9
   
   .         convertView 
   
   =
   
    inflater.inflate(R.layout.list_item_icon_text, ull);  
  
   
   10
   
   .         holder 
   
   =
   
    
   
   new
   
    ViewHolder();  
  
   
   11
   
   .         holder.icon 
   
   =
   
    (ImageView) convertView.findViewById(R.id.icon);  
  
   
   12
   
   .         holder.text 
   
   =
   
    (TextView) convertView.findViewById(R.id.text);  
  
   
   13
   
   .         convertView.setTag(holder);  
  
   
   14
   
   .     } 
   
   else
   
    {  
  
   
   15
   
   .         holder 
   
   =
   
    (ViewHolder) convertView.getTag();  
  
   
   16
   
   .     }  
  
   
   17
   
   .     holder.icon.setImageResource(R.drawable.icon);  
  
   
   18
   
   .     holder.text.setText(mData[position]);  
  
   
   19
   
   .     
   
   return
   
    convertView;  
  
   
   20
   
   . }  
  
   
   21
   
   .    
  
   
   22
   
   . 
   
   static
   
    
   
   class
   
    ViewHolder {  
  
   
   23
   
   .     ImageView icon;  
  
   
   24
   
   .    
  
   
   25
   
   .     TextView text;

　　以上是Google io大会上给出的优化建议，经过尝试ListView确实流畅了许多。

  
  

   
      
   
   1
   
   . @Override  
   
   
   2
   
   . 
   
   public
   
    View getView(
   
   int
   
    position, View convertView, ViewGroup parent) {  
   
   
   3
   
   .      Log.d(
   
   "
   
   MyAdapter
   
   "
   
   , 
   
   "
   
   Position:
   
   "
   
    
   
   +
   
    position 
   
   +
   
    
   
   "
   
   ---
   
   "
   
     
   
   
   4
   
   .              
   
   +
   
    String.valueOf(System.currentTimeMillis()));  
   
   
   5
   
   .          
   
   final
   
    LayoutInflater inflater 
   
   =
   
    (LayoutInflater) mContext  
   
   
   6
   
   .                  .getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
   
   
   7
   
   .         View v 
   
   =
   
    inflater.inflate(R.layout.list_item_icon_text, 
   
   null
   
   );  
   
   
   8
   
   .          ((ImageView) v.findViewById(R.id.icon)).setImageResource(R.drawable.icon);  
   
   
   9
   
   .          ((TextView) v.findViewById(R.id.text)).setText(mData[position]);  
  
   
   10
   
   .         
   
   return
   
    v;  
  
   
   11
   
   .  }

　　以上是不建议的做法！！

　　不过我们还是要怀疑一下，SO，我们还是来测试对比一下。

　　测试说明：

　　大家可以看到在getView的时候我们通过log打印出position和当前系统时间。我们通过初始化1000条数据到Adapter显示到ListView，然后滚动到底部，计算出position=0和position=999时的时间间隔。

　　测试机子：HTC Magic

　　测试实录：打开测序，让ListView一直滚动底部。

device

　　测试结果：

　　两种情况在操作过程中体验明显不同，在优化的情况下流畅很多很多！

　　1、优化建议测试结果

  
  

   
      
   
   1
   
   . 
   
   12
   
   -
   
   05
   
    
   
   10
   
   :
   
   44
   
   :
   
   46.039
   
   : DEBUG
   
   /
   
   MyAdapter(
   
   13929
   
   ): Position:
   
   0
   
   ---
   
   1291517086043
   
      
   
   
   2
   
   . 
   
   12
   
   -
   
   05
   
    
   
   10
   
   :
   
   44
   
   :
   
   46.069
   
   : DEBUG
   
   /
   
   MyAdapter(
   
   13929
   
   ): Position:
   
   1
   
   ---
   
   1291517086072
   
      
   
   
   3
   
   . 
   
   12
   
   -
   
   05
   
    
   
   10
   
   :
   
   44
   
   :
   
   46.079
   
   : DEBUG
   
   /
   
   MyAdapter(
   
   13929
   
   ): Position:
   
   2
   
   ---
   
   1291517086085
   
     
   
   
   4
   
   .  
   
   
   5
   
   . ……  
   
   
   6
   
   .  
   
   
   7
   
   . 
   
   12
   
   -
   
   05
   
    
   
   10
   
   :
   
   45
   
   :
   
   04.109
   
   : DEBUG
   
   /
   
   MyAdapter(
   
   13929
   
   ): Position:
   
   997
   
   ---
   
   1291517104112
   
      
   
   
   8
   
   . 
   
   12
   
   -
   
   05
   
    
   
   10
   
   :
   
   45
   
   :
   
   04.129
   
   : DEBUG
   
   /
   
   MyAdapter(
   
   13929
   
   ): Position:
   
   998
   
   ---
   
   1291517104135
   
      
   
   
   9
   
   . 
   
   12
   
   -
   
   05
   
    
   
   10
   
   :
   
   45
   
   :
   
   04.149
   
   : DEBUG
   
   /
   
   MyAdapter(
   
   13929
   
   ): Position:
   
   999
   
   ---
   
   1291517104154
   
     
  
   
   10
   
   .  
  
   
   11
   
   . 耗时：
   
   17967
   
     
  
   
   12
   
   .

　　2、没优化的测试结果

  
  

   
      
   
   1
   
   . 
   
   12
   
   -
   
   05
   
    
   
   10
   
   :
   
   51
   
   :
   
   42.569
   
   : DEBUG
   
   /
   
   MyAdapter(
   
   14131
   
   ): Position:
   
   0
   
   ---
   
   1291517502573
   
      
   
   
   2
   
   . 
   
   12
   
   -
   
   05
   
    
   
   10
   
   :
   
   51
   
   :
   
   42.589
   
   : DEBUG
   
   /
   
   MyAdapter(
   
   14131
   
   ): Position:
   
   1
   
   ---
   
   1291517502590
   
      
   
   
   3
   
   . 
   
   12
   
   -
   
   05
   
    
   
   10
   
   :
   
   51
   
   :
   
   42.609
   
   : DEBUG
   
   /
   
   MyAdapter(
   
   14131
   
   ): Position:
   
   2
   
   ---
   
   1291517502617
   
     
   
   
   4
   
   .  
   
   
   5
   
   . ……  
   
   
   6
   
   .  
   
   
   7
   
   . 
   
   12
   
   -
   
   05
   
    
   
   10
   
   :
   
   52
   
   :
   
   07.079
   
   : DEBUG
   
   /
   
   MyAdapter(
   
   14131
   
   ): Position:
   
   998
   
   ---
   
   1291517527082
   
      
   
   
   8
   
   . 
   
   12
   
   -
   
   05
   
    
   
   10
   
   :
   
   52
   
   :
   
   07.099
   
   : DEBUG
   
   /
   
   MyAdapter(
   
   14131
   
   ): Position:
   
   999
   
   ---
   
   1291517527108
   
      
   
   
   9
   
   .  
  
   
   10
   
   . 耗时：
   
   24535
   
     
  
   
   11
   
   .

　　在1000条记录的情况下就有如此差距，一旦数据nW+，ListView的Item布局更加复杂的时候，优化的作用就更加突出了！


出处：http://kb.cnblogs.com/page/84589/

niu05500230
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
BaseAdapter优化防止内存泄漏
helele0108的博客
07-23 903
package com.exam.utils; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.view.View; import android.view.ViewGroup; import a
Adapter优化
流萤的博客
03-31 368
转载出处： http://mobile.51cto.com/abased-445617.htm Adapter是View之间提供数据的桥梁，也是提供每个Item的视图桥梁 以ListView为例，工作原理为： 1、ListView针对List中每个item，adapter都会调用一个getView的方法获得布局视图 2、我们一般会Inflate一个新的View，填充数据并返回显
Adapter的优化使用
zhou_wenchong的博客
04-26 275
ListView作为Android开发中使用频率最高的一个控件，保证ListView的流畅运行，对用户体验的提高至关重要。Adapter是ListView和数据源之间的中间人，当每条数据进入可见区时，Adapter 的 getView() 会被调用，返回代表具体数据的视图，在成百上千条数据触摸滚动时频繁调用，因此如何优化Adapter是提高ListView性能的关键。 直接贴上ApiDemo中的
Android UI性能优化详解
weixin_34400525的博客
01-20 662
设计师，开发人员，需求研究和测试都会影响到一个app最后的UI展示，所有人都很乐于去建议app应该怎么去展示UI。UI也是app和用户打交道的部分，直接对用户形成品牌意识，需要仔细的设计。无论你的app UI是简单还是复杂，重要的是性能一定要好。 UI性能测试 性能优化都需要有一个目标，UI的性能优化也是一样。你可能会觉得“我的app加载很快”很重要，但我们还需要了解终端用户的期望，是否可以去...
Google官网上的一个Adapter优化的范例
07-16
看到谷歌官网上的一个范例。整理成Demo，供大家学习使用。如果有啥不恰当的地方，还请大家多多指教。
android异步任务设计思详解(AsyncTask)
09-04
Android中的异步任务设计主要体现在`AsyncTask`类上，它是Android SDK提供的一种方便快捷的多线程解决方案，用于在后台执行耗时操作，并在完成后更新UI。`AsyncTask`的广泛使用是因为它简化了线程与主线程之间的通信...
android应用程序界面UI详解.pdf
11-05
Android UI开发需要掌握资源的正确使用、图形的高效处理、视图的布局管理以及控件的交互设计。理解这些核心概念，将有助于构建出美观、易用且性能优秀的Android应用。在实际开发中，还需要关注不同设备的适配问题，...
解析Android开发优化之:对界面UI的优化详解(三)
09-05
总的来说，界面延迟加载是Android UI优化的一个重要策略，通过合理使用`ViewStub`，开发者可以创建更高效、响应更快的应用程序，同时提高用户满意度。在设计界面时，应尽量考虑哪些组件是可以延迟加载的，从而优化...
Android 开发中Volley详解及实例
08-30
Volley是Google推出的一款高效的网络通信库，专为Android应用设计，旨在简化网络请求和响应处理，提高性能，减少内存占用。以下是对Volley的详细解释及其在Android开发中的使用方法。 1. Volley的主要特点： - ...
android 用户界面UI详解
04-15
首先，Android提供了多种方式来创建用户界面，但XML配置是最推荐的方法，因为它遵循了MVC（Model-View-Controller）架构原则，将UI设计与程序逻辑分离，使得代码更加清晰和可维护。通过XML，开发者可以在资源文件中...
软件界面易用性总结
荣植华的专栏
07-07 3348
软件的智能和记忆功能1.用户登录界面最好有用户名和ID的记忆，焦点直接定位到密码输入框2.单据录入界面最好有保存和载入默认值的功能3.单据搜索界面可以保存用户自定义的各种搜索条件组合4.用户调整过的GRID的列宽，窗口的位置可以自动记忆5.系统可以根据用户的使用频度对相关功能进行自动的优先级排序6.系统能够记忆不同用户的使用偏好，使用系统的固有模式和常用的自定义设置 减少不必要的重复交互1.减少不
ANDROID内存优化——大汇总（转）
weixin_30725467的博客
08-07 1139
原文作者博客：转载请注明本文出自大苞米的博客（http://blog.csdn.net/a396901990），谢谢支持！ ANDROID内存优化(大汇总——上) 写在最前： 本文的思路主要借鉴了2014年AnDevCon开发者大会的一个演讲PPT，加上把网上搜集的各种内存零散知识点进行汇总、挑选、简化后整理而成。 所以我将本文定义为一个工具类的文章，如果你在ANDROID开发中遇到...
如何让Android UI设计性能更高效
雷利风行
08-09 89
Android在UI优化方面可以从以下五个方面入手： ◆Adapter优化 ◆背景和图片优化 ◆绘图优化 ◆视图和布局优化 ◆内存分配优化 Adapter优化 什么是Adapter？ Adapter在Android中占据一个重要的角色，它是数据和UI（View）之间一个重要的纽带。在常见的View(ListView,GridView)等地...
UI设计总结
weixin_44588946的博客
01-21 5500
UI设计总结 第一章 UI理论 1.1.平面设计基础 平面设计所表现的立体空间感，并非实在的三度空间，而仅仅是图形对人的视觉引导作用形成的幻觉空间。 术语：和谐、对比、对称、平衡、比例、重心、节奏、韵律 元素： 1．概念元素：点、线、面 2．视觉元素：图形的大小、形状、色彩等 3．关系元素：方向、位置、空间、重心等 4．实用元素：设计所表达的含义、内容、设计的目的及功能 1.2.UI理论 UI即U...
【Android UI】如何做一个纯粹的Android app UI 设计
weixin_34259232的博客
06-19 114
原文：http://android.eoe.cn/topic/summary 许多开发者会在多个平台上发布应用。如果您打算为 Android 开发应用，请记住在不同的平台需要遵守不同的要求和惯例。在某个平台上开起来不错的设计，也许在另一个平台上就不合适。“一次设计，到处运行”的想法可能在一开始能节省一些时间，但是和平台不一致的体验最终可能会疏远用户。考虑按照下面的指导进行设计，避免常见的错误和缺...
BaseAdapter优化
yzx41099296的专栏
10-23 3664
当系统开始绘制ListView的时候，首先调用getCount()方法。得到它的返回值，即ListView的长度。然后系统调用getView()方法，根据这个长度逐一绘制ListView的每一行。也就是说，如果让getCount()返回1，那么只显示一行。而getItem()和getItemId()则在需要处理和取得Adapter中的数据时调用。那么getView如何使用呢？如果有10000行数据
性能优化（一）UI绘制优化
戒不掉的码瘾
04-25 592
CPU和GPU工作流程 CPU 的任务繁多，做逻辑计算外，还要做内存管理、显示操作，因此 在实际运算的时候性能会大打折扣，在没有 GPU 的时代，不能显示复 杂的图形，其运算速度远跟不上今天复杂三维游戏的要求。即使 CPU 的工作频率超过 2GHz 或更高，对它绘制图形提高也不大。这时 GPU 的设计就出来了，CPU把计算的结果显示丢给GPU了。 黄色的 Control 为控制器，用于协调...
UI 性能因素考虑
weixin_30360497的博客
03-12 108
浏览器的最大并发连接数一般在4到6之间，首先了解影响加载的性能因素： （1）下载的文件太大 （2）发出的请求太多 （3）请求相应不及时 针对这些因素，一般会考虑减少请求次数： （1）对静态文件设置缓存事件 （2）页面设计尽量简洁 （3）合并文件（html，JS， css，图片..）​ 再细致一点： （1）页面实现按需加载（分时加载） 先加载基本静态html框架 再加载cs...
UI设计：如何让APP变快！
mumushou
12-18 1061
转自：http://www.eoe.cn/news/17568.html @亚茹有李 ：​做了设计转眼间也4年多了，从2011年由网页设计师转到手机APP设计师；最近的工作不是很忙，就静下心来去阅读学习下互联网的一些发展趋势来弥补自己在这方面的不足（因为工作的时间大部份都是做设计）；之前一直以为用户体验方面的工作是有专门的研究人员去做的，与设计人员没有关系，通过这几天的学习，发现做设计的也可
Android app ui
最新发布
07-28
- *2* *3* [Android开发详解：第3章《App UI 设计》](https://blog.csdn.net/m0_67060810/article/details/129682242)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值