1. 设计思路:
    1)程序总体使用TabHost实现微信界面的四个模块,在每一个tab选项布局里使用自定义的ListView,添加ImageView和TextView控件,显示通讯录列表信息。
    2)自定义ListView的列表项布局文件,将每个ListView要显示的内容构成一个由Map组成的List集合,List集合中的每一项,与ListView中的每一项相对应。
    3)创建SimpleAdapter对象,并将之与数据源、ListView列表项布局文件等进行关联。
     
  2. 实现效果:
    1)实现如微信界面一样的界面,可以在“微信”、“通讯录”、“发现”和“我”四个模块间切换。
    2)在通讯录中,实现如下图所示一样的通讯录列表,每一项包括通信人的头像、通信人的姓名等。
    3)
    当点出某一列表项时,会弹出消息提示框,并在其中显示选中项的信息。
          Android 实现微信界面
  3. 具体实现:
    1)资源文件
    Res/drawable图片资源:
    Android 实现微信界面
    2)布局文件
          2.1)Activity_main.xml
         在主配置文件中加入TabHost控件,在TabHost控件中加入4tab线性布局,在第二个tab选项卡加入ListView组件,显示通讯录列表。

          2.2)simpleitem.xml
         创建ListView列表项布局文件,在布局中加入一个ImageView控件和两个TextView控件,显示通讯列表的头像、昵称等信息。

    3)程序代码MainActivity.java
         自定义ListView的列表项布局文件,将每个ListView要显示的内容构成一个由Map组成的List集合,List集合中的每一项,与ListView中的每一项相对应。创建SimpleAdapter对象,并将之与数据源、ListView列表项布局文件等进行关联。

相关文章: