- 浏览: 492632 次
- 性别:
- 来自: 福州
文章分类
- 全部博客 (165)
- iphone (2)
- android (13)
- 设计模式 (8)
- ND实习小记之Android (63)
- mac使用技巧 (1)
- window phone (1)
- 错误总结 (2)
- 开发记录 (6)
- Android控件常用属性 (7)
- 代码管理工具 (5)
- 黑莓开发 (2)
- Eclipse (9)
- Android实践项目 (6)
- 常用布局 (1)
- 自定义Widget (5)
- adapter (2)
- OsChina Android客户端研究 (1)
- android之我见 (4)
- Java相关 (1)
- 存储 (1)
- 调试 (1)
- NDK相关 (2)
- App Components (7)
- Android_提醒 (2)
- Android_存储 (0)
- Android_线程 (3)
- Android控件使用实例 (5)
- 键盘相关 (1)
- android之我见,源码 (1)
最新评论
-
xy_feng_zhi_chao:
多谢楼主分享
Android中使用styles -
michaelye1988:
soldier93 写道无关素质,我只发表自己的看法!既然你发 ...
如何在window上把你的项目提交到github -
soldier93:
无关素质,我只发表自己的看法!既然你发表了博客我就有权对其评价 ...
如何在window上把你的项目提交到github -
michaelye1988:
soldier93 写道laji 素质真低
如何在window上把你的项目提交到github -
soldier93:
laji
如何在window上把你的项目提交到github
微信中的ListView有一个特点就是存在许多不同的Item,即并不是平常的ListView,所有的Item布局都是一样的。针对这种情况,Google的Adapter提供了两个方法getItemViewType和getViewTypeCount。通过覆盖这两个方法就可以实现一个ListView中存在多种不同的Layout。实现了更加个性化的ListView效果。我归纳了下微信中的Item可以分为7中。针对这7种Item我对应地写了7中listItem。在getView的时候判断下当前数据对象中需要通过哪种布局来展现,来实时获取布局。
下面看代码:
Message.java
public class Message { private int type;//指定是哪种类型 private String value;//值 public int getType() { return type; } public void setType(int type) { this.type = type; } public String getValue() { return value; } public void setValue(String value) { this.value = value; } }
MainActivity.java:
public class MainActivity extends Activity { private ListView lvData; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); lvData = (ListView)findViewById(R.id.lv_data); lvData.setAdapter(getAdapter()); } private BaseAdapter getAdapter(){ return new MyAdapter(this, getMyData()); } private List<Message> getMyData(){ List<Message> msgList = new ArrayList<Message>(); Message msg; msg = new Message(); msg.setType(MyAdapter.VALUE_LEFT_TEXT); msg.setValue("食堂真难吃啊"); msgList.add(msg); msg = new Message(); msg.setType(MyAdapter.VALUE_TIME_TIP); msg.setValue("2012-12-23 下午2:23"); msgList.add(msg); msg = new Message(); msg.setType(MyAdapter.VALUE_RIGHT_TEXT); msg.setValue("我就说食堂的饭难吃吧,你不相信!"); msgList.add(msg); msg = new Message(); msg.setType(MyAdapter.VALUE_LEFT_TEXT); msg.setValue("好吧,这次听你的了。"); msgList.add(msg); msg = new Message(); msg.setType(MyAdapter.VALUE_TIME_TIP); msg.setValue("2012-12-23 下午2:25"); msgList.add(msg); msg = new Message(); msg.setType(MyAdapter.VALUE_RIGHT_TEXT); msg.setValue("就要圣诞了,有什么安排没有?"); msgList.add(msg); msg = new Message(); msg.setType(MyAdapter.VALUE_LEFT_TEXT); msg.setValue("没有啊,你呢?"); msgList.add(msg); msg = new Message(); msg.setType(MyAdapter.VALUE_TIME_TIP); msg.setValue("2012-12-23 下午3:25"); msgList.add(msg); msg = new Message(); msg.setType(MyAdapter.VALUE_LEFT_IMAGE); msg.setValue("7min"); msgList.add(msg); msg = new Message(); msg.setType(MyAdapter.VALUE_RIGHT_TEXT); msg.setValue("高帅富有三宝 木耳 跑车 和名表," + "黑木耳有三宝 美瞳 备胎 黑丝脚 ,穷矮挫有三宝 AV 手纸 射得早 ,女神有三宝 干嘛 呵呵 去洗澡 ,宅男有三宝 Dota 基友 破电脑 " + "女屌丝有三宝 虎背 熊腰 眼睛小 , 女屌丝还有三宝 饼脸 花痴 卖萌照"); msgList.add(msg); msg = new Message(); msg.setType(MyAdapter.VALUE_LEFT_TEXT); msg.setValue("碉堡了"); msgList.add(msg); msg = new Message(); msg.setType(MyAdapter.VALUE_LEFT_AUDIO); msg.setValue("7min"); msgList.add(msg); msg = new Message(); msg.setType(MyAdapter.VALUE_RIGHT_IMAGE); msg.setValue("7min"); msgList.add(msg); return msgList; } }
下面是最重要的地方:
MyAdapter.java:
public class MyAdapter extends BaseAdapter{ public static final String KEY = "key"; public static final String VALUE = "value"; public static final int VALUE_TIME_TIP = 0;//7种不同的布局 public static final int VALUE_LEFT_TEXT = 1; public static final int VALUE_LEFT_IMAGE = 2; public static final int VALUE_LEFT_AUDIO = 3; public static final int VALUE_RIGHT_TEXT = 4; public static final int VALUE_RIGHT_IMAGE = 5; public static final int VALUE_RIGHT_AUDIO = 6; private LayoutInflater mInflater; private Context context; private List<Message> myList; public MyAdapter(Context context, List<Message> myList){ this.context = context; this.myList = myList; for(Message msg:myList){ Log.d("myList:", msg.getType()+""); } mInflater = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); } public void addItem(final Message item) { myList.add(item); notifyDataSetChanged(); } @Override public int getCount() { return myList.size(); } @Override public Object getItem(int arg0) { return myList.get(arg0); } @Override public long getItemId(int arg0) { return arg0; } @Override public View getView(int position, View convertView, ViewGroup arg2) { Message msg = myList.get(position); int type = getItemViewType(position); ViewHolder holder = null; if(convertView == null){ holder = new ViewHolder(); switch (type) { case VALUE_TIME_TIP: convertView = mInflater.inflate(R.layout.list_item_time_tip, null); holder.tvTimeTip = (TextView)convertView.findViewById(R.id.tv_time_tip); holder.tvTimeTip.setText(msg.getValue()); break; //左边 case VALUE_LEFT_TEXT: convertView = mInflater.inflate(R.layout.list_item_left_text, null); holder.ivLeftIcon = (ImageView)convertView.findViewById(R.id.iv_icon); holder.btnLeftText = (Button)convertView.findViewById(R.id.btn_left_text); holder.btnLeftText.setText(msg.getValue()); break; case VALUE_LEFT_IMAGE: convertView = mInflater.inflate(R.layout.list_item_left_iamge, null); holder.ivLeftIcon = (ImageView)convertView.findViewById(R.id.iv_icon); holder.ivLeftImage = (ImageView)convertView.findViewById(R.id.iv_left_image); holder.ivLeftImage.setImageResource(R.drawable.test); break; case VALUE_LEFT_AUDIO: convertView = mInflater.inflate(R.layout.list_item_left_audio, null); holder.ivLeftIcon = (ImageView)convertView.findViewById(R.id.iv_icon); holder.btnLeftAudio = (Button)convertView.findViewById(R.id.btn_left_audio); holder.tvLeftAudioTime = (TextView)convertView.findViewById(R.id.tv_left_audio_time); holder.tvLeftAudioTime.setText(msg.getValue()); break; //右边 case VALUE_RIGHT_TEXT: convertView = mInflater.inflate(R.layout.list_item_right_text, null); holder.ivRightIcon = (ImageView)convertView.findViewById(R.id.iv_icon); holder.btnRightText = (Button)convertView.findViewById(R.id.btn_right_text); holder.btnRightText.setText(msg.getValue()); break; case VALUE_RIGHT_IMAGE: convertView = mInflater.inflate(R.layout.list_item_right_iamge, null); holder.ivRightIcon = (ImageView)convertView.findViewById(R.id.iv_icon); holder.ivRightImage = (ImageView)convertView.findViewById(R.id.iv_right_image); holder.ivRightImage.setImageResource(R.drawable.test); break; case VALUE_RIGHT_AUDIO: convertView = mInflater.inflate(R.layout.list_item_right_audio, null); holder.ivRightIcon = (ImageView)convertView.findViewById(R.id.iv_icon); holder.btnRightAudio = (Button)convertView.findViewById(R.id.btn_right_audio); holder.tvRightAudioTime = (TextView)convertView.findViewById(R.id.tv_right_audio_time); holder.tvRightAudioTime.setText(msg.getValue()); break; default: break; } convertView.setTag(holder); }else{ holder = (ViewHolder)convertView.getTag(); } return convertView; } /** * 根据数据源的position返回需要显示的的layout的type * * */ @Override public int getItemViewType(int position) { Message msg = myList.get(position); int type = msg.getType(); Log.e("TYPE:", ""+type); return type; } /** * 返回所有的layout的数量 * * */ @Override public int getViewTypeCount() { return 7; } class ViewHolder{ private TextView tvTimeTip;//时间 private ImageView ivLeftIcon;//左边的头像 private Button btnLeftText;//左边的文本 private ImageView ivLeftImage;//左边的图像 private Button btnLeftAudio;//左边的声音 private TextView tvLeftAudioTime;//左边的声音时间 private ImageView ivRightIcon;//右边的头像 private Button btnRightText;//右边的文本 private ImageView ivRightImage;//右边的图像 private Button btnRightAudio;//右边的声音 private TextView tvRightAudioTime;//右边的声音时间 } }
在getView()的时候通过switch判断当前一条数据需要使用的是哪种布局,实时进行加载。
getItemViewType() 和getViewTypeCount() 这两个方法起到的作用是循环回收利用不同的布局,起到了优化的作用!这是不同于平时使用Adapter的地方。
效果如下:
项目地址:
https://github.com/michaelye/WeiXinListView
发表评论
-
利用Intent,打开word,pdf等文件
2012-12-25 14:52 4254本例演示如何通过Intent来打开手机sd卡中的word,pd ... -
ArrayAdapter的使用
2012-09-11 10:35 1220在开发中,我们经常需要在ListView中模拟一些数据,最快速 ... -
对话框,去白边
2012-07-28 21:39 15741. res/values/styles.xml & ... -
生成Google Map KeyGen
2012-01-16 15:52 1022打开CMD进入到jdk安装目录:cd C:\Program F ... -
实现应用程序在Notification在标题栏提醒
2012-01-10 21:24 1128public class Main extends Activ ... -
导入的工程如果显示不认识API中的所有类解决方法
2011-12-22 16:32 931如果导入的包里面出现的错误是所有的API中的类都不认识。 解 ... -
搭建Android开发环境
2011-12-19 11:32 9601.安装jdk 2.安装Eclipse 3.打开Eclip ... -
结束整个应用程序
2011-12-07 15:06 1038Intent startmain=new Intent(Int ... -
字符串的拼接
2011-12-07 15:00 789String str = String ... -
实现按钮按下的效果
2011-12-07 14:35 1124public boolean onTouch(View v, ... -
实现LoadingActivity
2011-12-07 14:33 1206@Override protected void onCrea ... -
Android隐藏标题栏,设置全屏
2011-12-07 14:30 1124requestWindowFeature(Window.FEA ... -
九宫格的实现,屏幕底部加入log
2011-12-01 11:44 1172<?xml version="1.0 ...
相关推荐
类似微信联系人的listView和类似城市列表的listView
仿微信的聊天ListView和好友ListView,只是简单的模仿,并没有做优化和封装。
在androidstudio上的基于listview的仿微信界面 使用了java和xml语言 内容只有一个列表(包含头像和名称),然后点进去有对话框(包含发送按钮 输入框)不连服务器 可作为开发聊天软件的基本框架
利用ListView实现的微信关于界面,包括对分割线的自定义
微信小程序里的listview,内置了上拉刷新下拉加载更多的功能,以及页面状态显示 适用于页面内有一个可上拉刷新下拉加载的list的情况 使用 1.拷贝lib文件夹到根目录 2.拷贝utils中的lvUtil和netUtil到你的utils文件夹 3...
仿微信、QQ聊天界面, 并在listview实现了上拉加载更多,下拉刷新功能
该源码实现了模仿微信列表(ListView)滑动删除案例源码,源码SwipeListViewDemo,效果也比较不错的,源码很清晰的,SwipeListView可以支持自定义列表Listview单元格的效果,该效果有点类似我们现在很流行的微信列表...
该代码适合于初学者学习listview布局,初学安卓的可以尝试下此demo
最近在对接融云的im,用到了聊天,在网上找了一些资料。自己做了一个聊天的界面。放在这里和大家共享一下。
最近在学习如何像微信一样在同一个Livew既可以显示语言又能显示文字的功能。在原有语言的功能上兼容了文字显示。其实语言就是显示为图片,然后点击图片的时候播放语言。
本源码是一个安卓制作的微信界面UI编程设计的范例,属于Android界面编程的范畴,不涉及微信的功能编程。用一个模拟微信的“关于”界面,来向大家展示Listview在微信中的用法,如何修饰和自定义ListView的风格,...
高仿微信界面布局 ,摇一摇 ,聊天界面的实现
高仿微信界面。在代码中主要是使用了ListView 优化过的ListView适配器
类似微信按照字母排列listview的item.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
Android实现类似微信按照字母排列listview的item.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
解决聊天界面,软键盘和表情框切换问题,类似微信聊天界面,可以获取软键盘的高度,并解决输入框弹出时,listview显示最后一条消息。
里面集成了仿微信界面+广告轮播+listview显示数据+给个listview的item点击跳转和点击删除
自己要做andorid的微信聊天 就从网上找了个android的微信聊天表情 有一些功能不是很好用 自己做了修改 放在了压缩包的ChatActivity类里面,网上考的那个资源初始化都放在了custom_facerelativelayout.xml里面 但是...
新手所作,大牛呜下,类似android 微信的 聊天 listview
没有用插件实现的左滑出现红色删除键的列表,可定义多个按钮