EXTJS4 grid columnprogressbar进度条

只有业余时间做新后台,进度比较慢花了几天时间主要的功能终于都做完了。

在做图片下载功能的时候,找了好多grid的进度条。有的09年的老版现在不支持4.0了,也有的是在column中renderer里defer延迟渲染上的进度条,感觉效果和调用起来不太好用,性能和效果估计也不太理想。

终于在ext官方论坛里找到一个国外大侠分享的ext4 进度条,现在发出来分享。

ProgressColumn-master

需要说明的是,它并不是从progressbar扩展而来的,而是extend: ‘Ext.grid.column.Column’

所以,请不要将Ext progressbar的属性和方法来使用它。

使用方法:

如何动态改变进度,只需在控制器的函数里面改变record的值即可,非常方便

 

效果图

QQ截图20130128231959

希望广大Ext爱好者喜欢。

HtmlAgilityPack HtmlWeb.Load() 不支持 gzip 的解决方法

这几天想做用现在比较流行的HtmlAgilityPack重写下采集的功能,看了一些HtmlAgilityPack 的介绍,感觉非常好用,还内置了htmlWeb用来http请求。但是发现有的开启了gzip压缩的网页请求时会报错。

原来的代码如下:

报错信息为gzip”不是受支持的编码名。

在谷歌上搜索了半天,终于找到解决方案,而且不必更换HttpRequest或WebClient进行请求。同时还可以用此方法设置cookie,render伪装等等。。。
解决后代码如下:

Android ListView ItemClick和Button冲突的解决

这两天修改领导通的ListView widget,在ListView中加入Button这类的有 “点击” 事件的widget,发现原来listview的itemclick居然失效了,后来在网上查资料终于得以解决。
ListView 和 其它能触发点击事件的widget无法一起正常工作的原因是加入其它widget后,ListView的itemclick事件将无法触发,被其它widget的click事件屏蔽。
解决办法:
在包含button的Layout中加入属性 android:descendantFocusability= “blocksDescendants”
在buttion的属性加入android:focusable=”false”
问题解决,两个click事件不再冲突了!

EXTJS4 登录窗口

最近为了方便维护管理网站,放弃了旧版的asp后台,重写了基于Extjs4.0的mvc模式新后台。

后台登陆的页面也使用的ext4 因为反正也要缓存ext-all.js嘛,后台使用ext对我这种美工能力差的来说还是比较方便的。

登录窗支持验证码,回车事件提交。代码如下:

login.js源码

Android Intent调用系统内置应用

1,掉web浏览器

2,地图

3,调拨打电话界面

4,直接拨打电话

5,卸载

6,安装

7,播放

8,掉用发邮件

9,发邮件

10,发短信

11,直接发邮件

12,发彩信

用获取到的Intent直接调用startActivity(returnIt)就ok了。

Asp.Net 在ashx文件中 Session 为 null

今天在做登录验证码的时候发现code.ashx中无法设置session,错误信息为context.Session是空值。报错代码如下:

EXTJS4控制器Controller详解

原文地址:http://docs.sencha.com/ext-js/4-1/#!/api/Ext.app.Controller

控制器Controller通常是和application绑定在一起的。它们主要作用是监听事件(通常对view),并采取一些action。下面是我们如何创建一个Controller来管理用户:

init函数是一个特殊的方法,在你的application启动时调用。它是在application的Viewport被创建以前执行的。
init函数是通常作用就是Controller与View进行交互设置,通常用于与另一个Controller的功能 – 控制相结合。控制功能可以很容易地监听View的事件,并采取一些action和handler。如果我们要当panel渲染的时候使用Controller来通知我们,代码如下:

这里在init函数的this.control中设置了listeners,就和在View中设置是一样的效果。使用了ext4新的组建选择器,如果你还不熟悉ext4新的选择器,请看博文http://www.yuuzle.com/extjs4-and-jquery-selector-comparison.html

使用refs

新的refs系统是Controller最有用的功能。通过使用新Ext.ComponentQuery,很容易很方便的找到View中的引用。让我们来看看在现在这样一个例子:

上面的例子refs中定义了选择器“grid”引用名为“list”,在这里就可以使用getList()方法来调用选择器的结果值了

通常的getter方法

通过指定Model、Store和Controller的关系,再动态加载它们的文件位置(app/model/User.js, app/store/AllUsers.js 和 app/store/AdminUsers.js),并创建他们的getter函数。上面的例子会创建一个新的用户Model实例,并把它添加到ALLUSERS Store。在这个函数中你可以做任何事情,这里只是做了一些简单的功能演示。

EXTJS4和JQuery选择器比较

现在主流的JS框架要数ExtJs和JQuery应用的比较广泛。JQuery属于轻量级的,一般做网站应用比较常见,可见块头小的优势。ExtJs比较庞大,它除了对基本的JS语法和HTML DOM操作方式的封装之外,还提供了一套强大的UI库。在企业级B/S解决方案应用上独占优势。就单说它在原生JS的封装,DOM操作方式封装方面也足以藐视JQuery。下面我就通过对比API,体现两种框架的异曲同工之处。我们已JQuery API为主线,来看看ExtJs是否有替代的方案。

注意一点:ExtJs4.0相对上一版本改动较大,本系列文章暂时只对ExtJs4.0及以上版本提供支持。

一、选择器

1.上下文选择器对比

JS对HTML节点的操作比较频繁。所以要经常定位和查询DOM元素。我们分别看看两种框架的实现

获取Id=”div1″的DOM元素:

[JQuery]

[ExtJs]

其实Ext.get(“div1”)与$(“#div1”)还是有区别的,前者只会获取匹配的第一个元素,后者是匹配的元素集合。ExtJs的等价用法如下:

[ExtJs]

下面是一个完整的比较代码:

[ExtJs]

2.选择器语法简介

JQuery选择器支持CSS3选择符,ExtJs同样也提供支持,除此之外还支持基本的XPath语法。下面分别讲解:

1)CSS3选择符

下面列举的命令是单个形式,都可以无限组合使用。

元素选择符:
    任意元素

  • E 一个标签为 E 的元素
  • E F 所有 E 元素的分支元素中含有标签为 F 的元素
  • E > F 或 E/F 所有 E 元素的直系子元素中含有标签为 F 的元素
  • E + F 所有标签为 F 并紧随着标签为 E 的元素之后的元素
  • E ~ F 所有标签为 F 并与标签为 E 的元素是侧边的元素
属性选择符:

@ 与引号的使用是可选的。例如:div[@foo=’bar’] 也是一个有效的属性选择符。

  • E[foo] 拥有一个名为 “foo” 的属性
  • E[foo=bar] 拥有一个名为 “foo” 且值为 “bar” 的属性
  • E[foo^=bar] 拥有一个名为 “foo” 且值以 “bar” 开头的属性
  • E[foo$=bar] 拥有一个名为 “foo” 且值以 “bar” 结尾的属性 =bar] 拥有一个名为 “foo” 且值包含字串 “bar” 的属性
  • E[foo%=2] 拥有一个名为 “foo” 且值能够被2整除的属性
  • E[foo!=bar] 拥有一个名为 “foo” 且值不为 “bar” 的属性
伪类:
  • E:first-child E 元素为其父元素的第一个子元素
  • E:last-child E 元素为其父元素的最后一个子元素
  • E:nth-child(n) E 元素为其父元素的第 n 个子元素(由1开始的个数)
  • E:nth-child(odd) E 元素为其父元素的奇数个数的子元素
  • E:nth-child(even) E 元素为其父元素的偶数个数的子元素
  • E:only-child E 元素为其父元素的唯一子元素
  • E:checked E 元素为拥有一个名为“checked”且值为“true”的元素(例如:单选框或复选框)
  • E:first 结果集中第一个 E 元素
  • E:last 结果集中最后一个 E 元素
  • E:nth(n) 结果集中第 n 个 E 元素(由1开始的个数)
  • E:odd :nth-child(odd) 的简写
  • E:even :nth-child(even) 的简写
  • E:contains(foo) E 元素的 innerHTML 属性中包含“foo”字串
  • E:nodeValue(foo) E 元素包含一个 textNode 节点且 nodeValue 等于“foo”
  • E:not(S) 一个与简单选择符 S 不匹配的 E 元素
  • E:has(S) 一个包含与简单选择符 S 相匹配的分支元素的 E 元素
  • E:next(S) 下一个侧边元素为与简单选择符 S 相匹配的 E 元素
  • E:prev(S) 上一个侧边元素为与简单选择符 S 相匹配的 E 元素
CSS 值选择符:
  • E{display=none} css 的“display”属性等于“none”
  • E{display^=none} css 的“display”属性以“none”开始
  • E{display$=none} css 的“display”属性以“none”结尾 =none} css 的“display”属性包含字串“none”
  • E{display%=2} css 的“display”属性能够被2整除
  • E{display!=none} css 的“display”属性不等于“none”

2)XPath语法

下面通过几个例子来说明:

/html/body/div/div :从根目录开始找,找到正文的第二层全部DIV。

div/div :在全文匹配DIV元素,并获取包含子DIV的全部子DIV集合。

3.Ext.get和Ext.fly的区别:

通俗点讲,他们的作用都是一样的,都是获取元素。但是前者每次调用都会生成一个Ext.Element对象,开辟新的内存空间,而后者共享了一个公用的内存空间,每次调用都会覆盖前一次的信息。由于Ext.Element 比较庞大,后者的好处是可以节省资源。如果你获取的Ext.Element 不需要长期保持重复调用,用后者较为合理。下面通过一个例子来体现他们的区别:

我们发现,再次调用Ext.fly后,更新的是DIV2,而再次调用Ext.get不会影响更新的元素。

二、属性

注意:CSS类操作的几个方法相对于早期版本有变化之前是:e.addClass(“c2”)

[JQuery]

[ExtJs]

 

四、筛选

[JQuery]

[ExtJs]

 

五、文档处理

[JQuery]

[ExtJs]

 

六、CSS

[JQuery]

[ExtJs]

 

七、事件

[JQuery]

[ExtJs]

SharedPreferences详解

 

[功能]

大家在android开发中 一点有这样的需求 就是需要保存一下与该程序有关的属性设置的问题

比如:window xp 中 <假设系统盘为 C:/> 的位置为: C:\Program Files

 

那么在android中是怎样呢? 那就是:SharedPreferences

 

 

既然它是用来保存数据的 那么一点下面问题:

1. 如何创建

2. 如何加入数据

3. 如何取出数据

 

 

因为 很多程序都有这个需要 所以自己把该功能集成并列出一些接口函数 以后用的话 会方便很多 这个类名为:SharedPreferencesHelper

 

[代码]

1. 以指定名字来创建

 

Java代码 复制代码 收藏代码

 

  1. SharedPreferences sp;
  2. SharedPreferences.Editor editor;
  3.  
  4. Context context;
  5.  
  6. public SharedPreferencesHelper(Context c,String name){
  7. context = c;
  8. sp = context.getSharedPreferences(name, 0);
  9. editor = sp.edit();
  10. }

 

 

2. 以键值<String Key,String Value> 的方式加入数据

Java代码 复制代码 收藏代码

 

  1. public void putValue(String key, String value){
  2. editor = sp.edit();
  3. editor.putString(key, value);
  4. editor.commit();
  5. }

 

 

 

3. 以 String Key 为索引来取出数据

Java代码 复制代码 收藏代码

 

  1. public String getValue(String key){
  2. return sp.getString(key, null);
  3. }

 

 

 

 

4. 如何使用 SharedPreferencesHelper

Java代码 复制代码 收藏代码

 

  1. package com.android.SharedPreferences;

Java代码 复制代码 收藏代码

 

  1. import android.app.Activity;
  2. import android.os.Bundle;
  3. import android.widget.TextView;

Java代码 复制代码 收藏代码

 

  1. /*
  2. * to access from: data/data/com.android.SharedPreferences/share_prefs
  3. */
  4. public class SharedPreferencesUsage extends Activity {
  5. public final static String COLUMN_NAME =“name”;
  6. public final static String COLUMN_MOBILE =“mobile”;
  7.  
  8. SharedPreferencesHelper sp;
  9. /** Called when the activity is first created. */
  10. @Override
  11. public void onCreate(Bundle savedInstanceState) {
  12. super.onCreate(savedInstanceState);
  13. //setContentView(R.layout.main);
  14.  
  15. sp = new SharedPreferencesHelper(this, “contacts”);
  16.  
  17. //1. to store some value
  18. sp.putValue(COLUMN_NAME, “Gryphone”);
  19. sp.putValue(COLUMN_MOBILE, “123456789”);
  20.  
  21.  
  22. //2. to fetch the value
  23. String name = sp.getValue(COLUMN_NAME);
  24. String mobile = sp.getValue(COLUMN_MOBILE);
  25.  
  26. TextView tv = new TextView(this);
  27. tv.setText(“NAME:”+ name + “\n” + “MOBILE:” + mobile);
  28.  
  29. setContentView(tv);
  30. }
  31. }

 

 

 

5. 其他问题

* 文件存放路径: 因为我的这个例子的pack_name 为:package com.android.SharedPreferences;

所以存放路径为:data/data/com.android.SharedPreferences/share_prefs/contacts.xml

* contacts.xml 的内容为:

 

 

* 取出的数据为:

Android ListView详解

 

Android开发中ListView是比较常用的组件,它以列表的形式展示具体内容,并且能够根据数据的长度自适应显示。抽空把对ListView的使用做了整理,并写了个小例子,图示。

列表的显示需要三个元素

1.ListVeiw 用来展示列表的View。

2.适配器 用来把数据映射到ListView上的中介。

3.数据    具体的将被映射的字符串,图片,或者基本组件。

根据列表的适配器类型,列表分为三种,ArrayAdapter,SimpleAdapter和SimpleCursorAdapter

其中以ArrayAdapter最为简单,只能展示一行字。SimpleAdapter有最好的扩充性,可以自定义出各种效果。SimpleCursorAdapter可以认为是SimpleAdapter对数据库的简单结合,可以方面的把数据库的内容以列表的形式展示出来。

我们从最简单的ListView开始:

  1. view sourceprint?01 /**    
  2.   * @author allin    
  3.   **/   
  4. 05 public class MyListView extends Activity {       
  5.      private ListView listView;    
  6.      //private List<String> data = new ArrayList<String>();    
  7.     @Override   
  8.      public void onCreate(Bundle savedInstanceState){    
  9.          super.onCreate(savedInstanceState);    
  10.         listView = new ListView(this);    
  11.          listView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_expandable_list_item_1,  
  12. getData()));    
  13.  
  14.          setContentView(listView);    
  15.     }    
  16.      private List<String> getData(){               
  17.          List<String> data = new ArrayList<String>();    
  18.         data.add(“测试数据1”);    
  19.          data.add(“测试数据2”);    
  20.         data.add(“测试数据3”);    
  21.          data.add(“测试数据4”);    
  22.          return data;    
  23.      }    
  24.  }   

上面代码使用了ArrayAdapter(Context context, int textViewResourceId, List<T> objects)来装配数据,要装配这些数据就需要一个连接ListView视图对象和数组数据的适配器来两者的适配工作,ArrayAdapter的构造需要三个参数,依次为this,布局文件(注意这里的布局文件描述的是列表的每一行的布局,android.R.layout.simple_list_item_1是系统定义好的布局文件只显示一行文字,数据源(一个List集合)。同时用setAdapter()完成适配的最后工作。运行后的现实结构如下图:

 

SimpleCursorAdapter

sdk的解释是这样的:An easy adapter to map columns from a cursor to TextViews or ImageViews defined in an XML file. You can specify which columns you want, which views you want to display the columns, and the XML file that defines the appearance of these views。简单的说就是方便把从游标得到的数据进行列表显示,并可以把指定的列映射到对应的TextView中。

下面的程序是从电话簿中把联系人显示到类表中。先在通讯录中添加一个联系人作为数据库的数据。然后获得一个指向数据库的Cursor并且定义一个布局文件(当然也可以使用系统自带的)。

  1. view sourceprint?01 /**    
  2.   * @author allin    
  3.   **/   
  4.   public class MyListView2 extends Activity {      
  5.     private ListView listView;    
  6.      //private List<String> data = new ArrayList<String>();    
  7.      @Override   
  8.      public void onCreate(Bundle savedInstanceState){    
  9.         super.onCreate(savedInstanceState);             
  10.         listView = new ListView(this);    
  11.         Cursor cursor = getContentResolver().query(People.CONTENT_URI, null, null, null, null);    
  12.          startManagingCursor(cursor);    
  13.          ListAdapter listAdapter = new SimpleCursorAdapter(this, android.R.layout.simple_expandable_list_item_1,     
  14.                  cursor,    
  15.                  new String[]{People.NAME},     
  16.                new int[]{android.R.id.text1});               
  17.          listView.setAdapter(listAdapter);    
  18.          setContentView(listView);    
  19.      }     
  20.  }  

 Cursor cursor = getContentResolver().query(People.CONTENT_URI, null, null, null, null);先获得一个指向系统通讯录数据库的Cursor对象获得数据来源。

 startManagingCursor(cursor);我们将获得的Cursor对象交由Activity管理,这样Cursor的生命周期和Activity便能够自动同步,省去自己手动管理Cursor。

 SimpleCursorAdapter 构造函数前面3个参数和ArrayAdapter是一样的,最后两个参数:一个包含数据库的列的String型数组,一个包含布局文件中对应组件id的int型数组。其作用是自动的将String型数组所表示的每一列数据映射到布局文件对应id的组件上。上面的代码,将NAME列的数据一次映射到布局文件的id为text1的组件上。

注意:需要在AndroidManifest.xml中如权限:<uses-permission android:name=”android.permission.READ_CONTACTS”></uses-permission>

运行后效果如下图:

SimpleAdapter

simpleAdapter的扩展性最好,可以定义各种各样的布局出来,可以放上ImageView(图片),还可以放上Button(按钮),CheckBox(复选框)等等。下面的代码都直接继承了ListActivity,ListActivity和普通的Activity没有太大的差别,不同就是对显示ListView做了许多优化,方面显示而已。

下面的程序是实现一个带有图片的类表。

首先需要定义好一个用来显示每一个列内容的xmlvlist.xml

view sourceprint?01

  1. <?xml version=“1.0” encoding=“utf-8”?>    
  2.  
  3.  <LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”   
  4.  
  5.     android:orientation=“horizontal” android:layout_width=“fill_parent”   
  6.  
  7.     android:layout_height=“fill_parent”>    
  8.  
  9.      
  10.  
  11.       
  12.     <ImageView android:id=“@+id/img”    
  13.  
  14.        android:layout_width=“wrap_content”   
  15.  
  16.          android:layout_height=“wrap_content”    
  17.  
  18.          android:layout_margin=“5px”/>    
  19.  
  20.       
  21.     <LinearLayout android:orientation=“vertical”   
  22.          android:layout_width=“wrap_content”    
  23.  
  24.          android:layout_height=“wrap_content”>    
  25.      
  26.         <TextView android:id=“@+id/title”    
  27.            android:layout_width=“wrap_content”   
  28.  
  29.             android:layout_height=“wrap_content”    
  30.  
  31.              android:textColor=“#FFFFFFFF”   
  32.  
  33.              android:textSize=“22px” />    
  34.          <TextView android:id=“@+id/info”    
  35.              android:layout_width=“wrap_content”   
  36.             android:layout_height=“wrap_content”    
  37.  
  38.              android:textColor=“#FFFFFFFF”   
  39.  
  40.              android:textSize=“13px” />       
  41.  
  42.      </LinearLayout>    
  43.  
  44.  </LinearLayout>   
  45.  
  46. 下面是实现代码:  
  47. view sourceprint?01 /**    
  48.   * @author allin    
  49.  **/   
  50.  public class MyListView3 extends ListActivity {    
  51.     // private List<String> data = new ArrayList<String>();    
  52.     @Override   
  53.      public void onCreate(Bundle savedInstanceState) {    
  54.         super.onCreate(savedInstanceState);       
  55.          SimpleAdapter adapter = new SimpleAdapter(this,getData(),R.layout.vlist,    
  56.                 new String[]{“title”,”info”,”img”},    
  57.                 new int[]{R.id.title,R.id.info,R.id.img});    
  58.          setListAdapter(adapter);    
  59.     }    
  60.     private List<Map<String, Object>> getData() {    
  61.         List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();        
  62.          Map<String, Object> map = new HashMap<String, Object>();    
  63.         map.put(“title”, “G1”);    
  64.         map.put(“info”, “google 1”);    
  65.         map.put(“img”, R.drawable.i1);    
  66.         list.add(map);     
  67.         map = new HashMap<String, Object>();    
  68.         map.put(“title”, “G2”);    
  69.         map.put(“info”, “google 2”);    
  70.         map.put(“img”, R.drawable.i2);    
  71.         list.add(map);    
  72.         map = new HashMap<String, Object>();    
  73.         map.put(“title”, “G3”);    
  74.         map.put(“info”, “google 3”);    
  75.         map.put(“img”, R.drawable.i3);    
  76.         list.add(map);    
  77.       return list;    
  78.      }    
  79.  }  

使用simpleAdapter的数据用一般都是HashMap构成的List,list的每一节对应ListView的每一行。HashMap的每个键值数据映射到布局文件中对应id的组件上。因为系统没有对应的布局文件可用,我们可以自己定义一个布局vlist.xml。下面做适配,new一个SimpleAdapter参数一次是:this,布局文件(vlist.xml),HashMap的 title 和 info,img。布局文件的组件id,title,info,img。布局文件的各组件分别映射到HashMap的各元素上,完成适配。

运行效果如下图:

 

有按钮的ListView

但是有时候,列表不光会用来做显示用,我们同样可以在在上面添加按钮。添加按钮首先要写一个有按钮的xml文件,然后自然会想到用上面的方法定义一个适配器,然后将数据映射到布局文件上。但是事实并非这样,因为按钮是无法映射的,即使你成功的用布局文件显示出了按钮也无法添加按钮的响应,这时就要研究一下ListView是如何现实的了,而且必须要重写一个类继承BaseAdapter。下面的示例将显示一个按钮和一个图片,两行字如果单击按钮将删除此按钮的所在行。并告诉你ListView究竟是如何工作的。效果如下:

vlist2.xml

view sourceprint?01

  1. <?xml version=“1.0” encoding=“utf-8”?>    
  2.  <LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android  
  3.     android:orientation=“horizontal”    
  4.     android:layout_width=“fill_parent”   
  5.      android:layout_height=“fill_parent”>     
  6.      <ImageView android:id=“@+id/img”    
  7.          android:layout_width=“wrap_content”   
  8.          android:layout_height=“wrap_content”    
  9.          android:layout_margin=“5px”/>      
  10.     <LinearLayout android:orientation=“vertical”   
  11.         android:layout_width=“wrap_content”    
  12.         android:layout_height=“wrap_content”>    
  13.          <TextView android:id=“@+id/title”    
  14.            android:layout_width=“wrap_content”   
  15.             android:layout_height=“wrap_content”    
  16.             android:textColor=“#FFFFFFFF”   
  17.              android:textSize=“22px” />    
  18.         <TextView android:id=“@+id/info”    
  19.              android:layout_width=“wrap_content”   
  20.              android:layout_height=“wrap_content”    
  21.              android:textColor=“#FFFFFFFF”   
  22.             android:textSize=“13px” />    
  23.      </LinearLayout>    
  24.      <Button android:id=“@+id/view_btn”   
  25.        android:layout_width=“wrap_content”   
  26.          android:layout_height=“wrap_content”   
  27.         android:text=“@string/s_view_btn”   
  28.          android:layout_gravity=“bottom|right” />    
  29. </LinearLayout>   
  30. 程序代码:  
  31. view sourceprint?001 /**    
  32.   * @author allin    
  33. **/   
  34.  public class MyListView4 extends ListActivity {    
  35.      private List<Map<String, Object>> mData;    
  36.    @Override   
  37.     public void onCreate(Bundle savedInstanceState) {    
  38.         super.onCreate(savedInstanceState);    
  39.          mData = getData();    
  40.         MyAdapter adapter = new MyAdapter(this);    
  41.          setListAdapter(adapter);    
  42.     }    
  43.      private List<Map<String, Object>> getData() {    
  44.         List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();        
  45.          Map<String, Object> map = new HashMap<String, Object>();    
  46.         map.put(“title”, “G1”);    
  47.          map.put(“info”, “google 1”);    
  48.          map.put(“img”, R.drawable.i1);    
  49.          list.add(map);    
  50.          map = new HashMap<String, Object>();    
  51.          map.put(“title”, “G2”);    
  52.         map.put(“info”, “google 2”);    
  53.          map.put(“img”, R.drawable.i2);    
  54.         list.add(map);    
  55.         map = new HashMap<String, Object>();    
  56.         map.put(“title”, “G3”);    
  57.         map.put(“info”, “google 3”);    
  58.          map.put(“img”, R.drawable.i3);    
  59.          list.add(map);    
  60.         return list;    
  61.      }   
  62.     // ListView 中某项被选中后的逻辑    
  63.     @Override   
  64.     protected void onListItemClick(ListView l, View v, int position, long id) {    
  65.          Log.v(“MyListView4-click”, (String)mData.get(position).get(“title”));    
  66.     }         
  67.      /**    
  68.       * listview中点击按键弹出对话框    
  69.      */   
  70.      public void showInfo(){    
  71.         new AlertDialog.Builder(this)    
  72.         .setTitle(“我的listview”)    
  73.         .setMessage(“介绍…”)    
  74.          .setPositiveButton(“确定”, new DialogInterface.OnClickListener() {    
  75.             @Override   
  76.            public void onClick(DialogInterface dialog, int which) {    
  77.            }    
  78.        })    
  79.         .show();    
  80.      }    
  81.      public final class ViewHolder{    
  82.        public ImageView img;    
  83.          public TextView title;    
  84.          public TextView info;    
  85.         public Button viewBtn;    
  86.     }    
  87.    public class MyAdapter extends BaseAdapter{    
  88.        private LayoutInflater mInflater;    
  89.          public MyAdapter(Context context){    
  90.              this.mInflater = LayoutInflater.from(context);    
  91.        }           
  92.         @Override   
  93.          public int getCount() {    
  94.              // TODO Auto-generated method stub    
  95.              return mData.size();    
  96.          }      
  97.          @Override   
  98.          public Object getItem(int arg0) {    
  99.              // TODO Auto-generated method stub    
  100.              return null;    
  101.          }    
  102.          @Override   
  103.         public long getItemId(int arg0) {    
  104.              // TODO Auto-generated method stub    
  105.             return 0;    
  106.          }    
  107.          @Override   
  108.          public View getView(int position, View convertView, ViewGroup parent) {                    
  109.              ViewHolder holder = null;    
  110.              if (convertView == null) {    
  111.                 holder=new ViewHolder();      
  112.                  convertView = mInflater.inflate(R.layout.vlist2, null);    
  113.                  holder.img = (ImageView)convertView.findViewById(R.id.img);    
  114.                  holder.title = (TextView)convertView.findViewById(R.id.title);    
  115.                 holder.info = (TextView)convertView.findViewById(R.id.info);    
  116.                  holder.viewBtn = (Button)convertView.findViewById(R.id.view_btn);    
  117.                  convertView.setTag(holder);     
  118.             }else {    
  119.              holder = (ViewHolder)convertView.getTag();    
  120.                   }     
  121.              holder.img.setBackgroundResource((Integer)mData.get(position).get(“img”));    
  122.              holder.title.setText((String)mData.get(position).get(“title”));    
  123.              holder.info.setText((String)mData.get(position).get(“info”));       
  124.             holder.viewBtn.setOnClickListener(new View.OnClickListener() {                        
  125.                  @Override   
  126.                  public void onClick(View v) {    
  127.                  showInfo();                     
  128.                  }    
  129.             });    
  130.              return convertView;    
  131.         }    
  132.     }    
  133.  }  

下面将对上述代码,做详细的解释,listView在开始绘制的时候,系统首先调用getCount()函数,根据他的返回值得到listView的长度(这也是为什么在开始的第一张图特别的标出列表长度),然后根据这个长度,调用getView()逐一绘制每一行。如果你的getCount()返回值是0的话,列表将不显示同样return 1,就只显示一行。

系统显示列表时,首先实例化一个适配器(这里将实例化自定义的适配器)。当手动完成适配时,必须手动映射数据,这需要重写getView()方法。系统在绘制列表的每一行的时候将调用此方法。getView()有三个参数,position表示将显示的是第几行,covertView是从布局文件中inflate来的布局。我们用LayoutInflater的方法将定义好的vlist2.xml文件提取成View实例用来显示。然后将xml文件中的各个组件实例化(简单的findViewById()方法)。这样便可以将数据对应到各个组件上了。但是按钮为了响应点击事件,需要为它添加点击监听器,这样就能捕获点击事件。至此一个自定义的listView就完成了,现在让我们回过头从新审视这个过程。系统要绘制ListView了,他首先获得要绘制的这个列表的长度,然后开始绘制第一行,怎么绘制呢?调用getView()函数。在这个函数里面首先获得一个View(实际上是一个ViewGroup),然后再实例并设置各个组件,显示之。好了,绘制完这一行了。那 再绘制下一行,直到绘完为止。在实际的运行过程中会发现listView的每一行没有焦点了,这是因为Button抢夺了listView的焦点,只要布局文件中将Button设置为没有焦点就OK了。

运行效果如下图: