手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Android开发之ListView添加多种布局效果总结

时间:2024-10-28 11:55:22

1、启动Eclipse安卓开发工具,创建用于演示ListView新闻列表效果的NewsDemo项目,默认项目的创建属性,如下图

Android开发之ListView添加多种布局效果总结
Android开发之ListView添加多种布局效果总结
Android开发之ListView添加多种布局效果总结

2、准备新闻列表需要用的新闻素材文件,可以借鉴网上的一些新闻素材,写入静态的newsbean.xml文件中,如下图:2、先写一个新闻内容的实体,命令NewsInfoBean.java,如下图:3、写一个ListView用于展示新闻内容的列表,命名news_list_more_layout.xml,如下图:

Android开发之ListView添加多种布局效果总结
Android开发之ListView添加多种布局效果总结
Android开发之ListView添加多种布局效果总结

3、设计多种布局样式,第一种img_text_banner_item.xml,如下图:2、设计多种布局样式,第二种more_img_text_item.xml,如下图:3、设计多种布局样式,第三种news_list_item.xml,如下图:

Android开发之ListView添加多种布局效果总结
Android开发之ListView添加多种布局效果总结
Android开发之ListView添加多种布局效果总结

4、编写Activity加载布局文件news_list_more_layout.xml2、自定义适配器,重写getItemViewType()方法和getViewTypeCount()方法3、重写用于在ListView列表展示内容的getView(),然后分别根据type的不同值,加载img_text_banner_item.xml,more_img_text_item.xml,news_list_item.xml布局文件

Android开发之ListView添加多种布局效果总结
Android开发之ListView添加多种布局效果总结
Android开发之ListView添加多种布局效果总结

5、自定义一个方法,命名getImage(String url)获取指定地址的网络图片,如下图:2、自定义ViewHolder、ViewHolder2、ViewHolder3三个内部类,在重写的getView方法缓存布局参数,如下图:3、将存储在链表中的数据,填充到上述中的三种布局,如下图:

Android开发之ListView添加多种布局效果总结
Android开发之ListView添加多种布局效果总结
Android开发之ListView添加多种布局效果总结

6、启动Genymotion模拟器,运行NewsDemo项目,在模拟器中测试最终的效果,如下图:

Android开发之ListView添加多种布局效果总结
© 手抄报圈