Android实现带图标的ListView
2014-04-18 08:53
351 查看
Android实现带图标的ListView已经成为每一个android应用开发初学者的必学知识,熟练掌握此知识点,对我们以后的开发工作会大有好处,今天我们就来一步一步实现一个Android带图标的ListView。
(1)首先我们要准备一些必须的资源文件,先随便找8张图片,分别取名叫img01,img02,img03,img04,img05,img06,img07,img08
(2)在layout下面的activity_main.xml中添加一个ListView控件,代码如下:
这个布局文件里面包括一个ImageView和一个TextView,实际上我们可以在这里自定义各种ListView Item的样式
(3)Java代码部分,我们最主要的工作就是重新定义类MainListViewAdapter,这个类就是向ListView视图提供数据的。代码有一点点长,是因为我都加了很详细的注释,具体如下:
右键运行一下android project,效果图如下:
最后附上工程源码下载链接:
Android实现带图标的ListView
(1)首先我们要准备一些必须的资源文件,先随便找8张图片,分别取名叫img01,img02,img03,img04,img05,img06,img07,img08
(2)在layout下面的activity_main.xml中添加一个ListView控件,代码如下:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" > <ListView android:id="@+id/listView1" android:layout_width="match_parent" android:layout_height="wrap_content" /> </RelativeLayout>在layout下面添加一个名字叫做items.xml的文件,其内容如下:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal" > <ImageView android:id="@+id/image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:adjustViewBounds="true" android:maxHeight="72px" android:maxWidth="72px" android:paddingBottom="20px" android:paddingRight="10px" android:paddingTop="20px" /> <TextView android:id="@+id/title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:padding="10px" /> </LinearLayout>
这个布局文件里面包括一个ImageView和一个TextView,实际上我们可以在这里自定义各种ListView Item的样式
(3)Java代码部分,我们最主要的工作就是重新定义类MainListViewAdapter,这个类就是向ListView视图提供数据的。代码有一点点长,是因为我都加了很详细的注释,具体如下:
public class MainActivity extends Activity { // 声明ListView控件 private ListView mListView; // 声明数组链表,其装载的类型是ListItem(封装了一个Drawable和一个String的类) private ArrayList<ListItem> mList; /** * Acitivity的入口方法 */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // 指定Activity的布局使用activity_main.xml setContentView(R.layout.activity_main); // 通过findviewByID获取到ListView对象 mListView = (ListView) findViewById(R.id.listView1); // 获取Resources对象 Resources res = this.getResources(); mList = new ArrayList<MainActivity.ListItem>(); // 初始化data,装载八组数据到数组链表mList中 ListItem item = new ListItem(); item.setImage(res.getDrawable(R.drawable.img01)); item.setTitle("项目一"); mList.add(item); item = new ListItem(); item.setImage(res.getDrawable(R.drawable.img02)); item.setTitle("项目二"); mList.add(item); item = new ListItem(); item.setImage(res.getDrawable(R.drawable.img03)); item.setTitle("项目三"); mList.add(item); item = new ListItem(); item.setImage(res.getDrawable(R.drawable.img04)); item.setTitle("项目四"); mList.add(item); item = new ListItem(); item.setImage(res.getDrawable(R.drawable.img05)); item.setTitle("项目五"); mList.add(item); item = new ListItem(); item.setImage(res.getDrawable(R.drawable.img06)); item.setTitle("项目六"); mList.add(item); item = new ListItem(); item.setImage(res.getDrawable(R.drawable.img07)); item.setTitle("项目七"); mList.add(item); item = new ListItem(); item.setImage(res.getDrawable(R.drawable.img08)); item.setTitle("项目八"); mList.add(item); // 获取MainListAdapter对象 MainListViewAdapter adapter = new MainListViewAdapter(); // 将MainListAdapter对象传递给ListView视图 mListView.setAdapter(adapter); } @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.activity_main, menu); return true; } /** * 定义ListView适配器MainListViewAdapter */ class MainListViewAdapter extends BaseAdapter { /** * 返回item的个数 */ @Override public int getCount() { // TODO Auto-generated method stub return mList.size(); } /** * 返回item的内容 */ @Override public Object getItem(int position) { // TODO Auto-generated method stub return mList.get(position); } /** * 返回item的id */ @Override public long getItemId(int position) { // TODO Auto-generated method stub return position; } /** * 返回item的视图 */ @Override public View getView(int position, View convertView, ViewGroup parent) { ListItemView listItemView; // 初始化item view if (convertView == null) { // 通过LayoutInflater将xml中定义的视图实例化到一个View中 convertView = LayoutInflater.from(MainActivity.this).inflate( R.layout.items, null); // 实例化一个封装类ListItemView,并实例化它的两个域 listItemView = new ListItemView(); listItemView.imageView = (ImageView) convertView .findViewById(R.id.image); listItemView.textView = (TextView) convertView .findViewById(R.id.title); // 将ListItemView对象传递给convertView convertView.setTag(listItemView); } else { // 从converView中获取ListItemView对象 listItemView = (ListItemView) convertView.getTag(); } // 获取到mList中指定索引位置的资源 Drawable img = mList.get(position).getImage(); String title = mList.get(position).getTitle(); // 将资源传递给ListItemView的两个域对象 listItemView.imageView.setImageDrawable(img); listItemView.textView.setText(title); // 返回convertView对象 return convertView; } } /** * 封装两个视图组件的类 */ class ListItemView { ImageView imageView; TextView textView; } /** * 封装了两个资源的类 */ class ListItem { private Drawable image; private String title; public Drawable getImage() { return image; } public void setImage(Drawable image) { this.image = image; } public String getTitle() { return title; } public void setTitle(String title) { this.title = title; } } }
右键运行一下android project,效果图如下:
最后附上工程源码下载链接:
Android实现带图标的ListView
相关文章推荐
- Android中利用ListView和GridView实现列表视图和网格(图标)视图的相互切换显示
- Android 下实现带有图标和Checkbox的 ListView Item(2)
- 一个android带可变图标以及checkbox的ListView的Adapter的实现,用于工厂测试
- Android实现带图标的ListView
- Android: 带图标的ListView实现
- [Android 成长之路]2-实现带图标的ListView
- Android编程实现带有图标的ListView并带有长按菜单效果示例
- 【转】Android 下实现带有图标的 ListView Item
- 【Android开发】范例2-实现带图标的ListView
- Android改变ExpandableListView的indicator图标实现方法
- Android 使用NineOldAndroids实现绚丽的ListView左右滑动删除Item效果
- android实用技巧:android实现listview异步加载图片
- Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果
- Android XListView实现原理讲解及分析
- Android之实现ListView的“下拉刷新”、“上拉加载”、“自动加载”功能(二)
- android自定义listview实现header悬浮框效果
- Android回弹阻尼效果的简单实现,非基于ListView,ScrollView
- android 自定义ScrollView实现反弹效果(以及解决和ListView之间的冲突)
- Android的Master/Detail风格界面中实现自定义ListView的单选
- Android 仿美团网,探索ListView的A-Z字母排序功能实现选择城市