Android界面编程——Android高级UI组件（三）
Android高级UI组件
2.4.1适配器组件
适配器的作用
适配器充当适配器控件和该视图数据之间的桥梁。适配器提供访问的数据项，并负责产生数据组中的每个项的视图。
常用的适配器
BaseAdapter：抽象类，具有较高的灵活性。
ArrayAdapter：最为简单，智能展示一行文字。
SimpleAdapter：有较好的扩充性，可以自定义出各种效果。
SimpleCursorAdapter:主要用于操作数据库。
常用的适配器控制
适配器控件扩展自ViewAdapter，是通过适配器加载数据并产生每一项的UI，常见的适配器控件如下所示：
ListView 列表显示控件
GridView 网格控件
Spinner 下拉列表控件
ViewPager 水平分页控件
适配器控件使用setAdapter(Adapter adapter)方法装载适配器
2.4.2 ListView列表显示控件
是显示可滚动的项目的列表图组，如图所示的新闻列表
列表项是通过适配器产生的View，可以使用ArrayAdapter、SimpleAdapter、BaseAdapter设计ListView的列表项
下面通过实例讲解ListView控件和适配器的使用
实例2.4-1：使用ArrayAdapter实现如图
ArrayAdapter是比较简单适配器，只能用于显示一行文本数据。构造函数如下：
ArrayAdapter(Context context, int resource, T[] objects)
ArrayAdapter(Context context, int resource, List
参数说明：
resource:布局文件，使用系统定义的布局资源
objects：列表项数据
实例2.4-2：使用SimpleAdapter实现如图
SimpleAdapter是相比ArrayAdapter比较灵活，可以列表项可以显示多种数据。构造函数如下：
SimpleAdapter(Context context, List<? extends Map
Context：SimpleAdapter关联的View的运行环境
data ：一个Map组成的List。在列表中的每个条目对应列表中的一行,每一个map中应该包含所有在from参数中指定的键
resource：一个定义列表项的布局文件的资源ID。布局文件将至少应包含那些在to中定义了的ID
from：一个将被添加到Map映射上的键名
to：将绑定数据的视图的ID,跟from参数对应
实例2.4-3：使用BaseAdapter实现如图
public class NewsListAdapter extends BaseAdapter { private Context context; private List newsList; public NewsListAdapter(Context context,List newsLsit){ this.context=context; this.newsList=newsLsit; } @Override public int getCount() { Log.d("jereh","NewsListAdapter-->getCount"); return newsList!=null?newsList.size():0; } @Override public Object getItem(int position) { Log.d("jereh","NewsListAdapter-->getItem"); return newsList.get(position); } @Override public long getItemId(int position) { Log.d("jereh","NewsListAdapter-->getItemId"); return position; } private class ViewHolder{ public TextView tvTitle; public TextView tvAuthor; public TextView tvTimer; public ImageView ivImg; } @Override public View getView(int position, View convertView, ViewGroup parent) { News news=newsList.get(position); ViewHolder holder=null; if(convertView==null){ Log.d("jereh","NewsListAdapter-->为列表项构建一个View"); convertView=LayoutInflater.from(context). inflate(R.layout.ch04_news_item_layout,null); holder=new ViewHolder(); holder.tvTitle=(TextView)convertView.findViewById(R.id.tvTitle); holder.tvAuthor=(TextView)convertView.findViewById(R.id.tvAuthor); holder.tvTimer=(TextView)convertView.findViewById(R.id.tvTime); holder.ivImg=(ImageView)convertView.findViewById(R.id.ivImg); convertView.setTag(holder); }else{ holder= (ViewHolder)convertView.getTag(); } holder.tvTitle.setText(news.getTitle()); holder.tvAuthor.setText(news.getAuthor()); holder.ivImg.setImageResource(news.getImageRes()); long timer=news.getTime(); String timeFlag=""; if(timer<1000*60*5){ timeFlag="刚刚"; }else if(timer<1000*60*60){ timeFlag="一小时之前"; }else { Date date=new Date(new Date().getTime()-timer); SimpleDateFormat sdf=new SimpleDateFormat("MM月dd日"); timeFlag=sdf.format(date); } holder.tvTimer.setText(timeFlag); return convertView; }} 自定义适配类的实现
1、编写适配类，扩展BaseAdapter
public class NewsListAdapter extends BaseAdapter
2、编写构造函数， 传入适配器所需的数据和Context
public NewsListAdapter(Context context,List
3、重写BaseAdapter的方法
Ø int getCount（）: 返回总数据量
Ø Object getItem(int position):根据position得到一项数据
Ø long getItemId() :得到某一行的id
Ø View getView(int postion,View convertView,ViewGroup parent)
产生列表一项的View并填充数据，返回产生的视图
ViewHolder机制
为了提高ListVew的产生View的效率，复用已存在的View，减少UI的创建次数，而采用的优化方案
1、 编写ViewHolder类，定义列表项所需的UI元素
private class ViewHolder{
public TextView tvTitle;
public TextView tvAuthor;
public TextView tvTimer;
public ImageView ivImg;
}
2、 若convertView为空时创建UI，并使用ViewHolder实体引用列表项中产生的UI，若converView不为空，则不需要创建，使用保存在ViewHolder实体中UI即可。代码片段如下：
if(convertView==null){
convertView=LayoutInflater.from(context).
inflate(R.layout.ch04_news_item_layout,null);
holder=new ViewHolder();
holder.tvTitle=(TextView)convertView.findViewById(R.id.tvTitle);
holder.tvAuthor=(TextView)convertView.findViewById(R.id.tvAuthor);
holder.tvTimer=(TextView)convertView.findViewById(R.id.tvTime);
holder.ivImg=(ImageView)convertView.findViewById(R.id.ivImg);
convertView.setTag(holder);
}else{
holder= (ViewHolder)convertView.getTag();
}
2.4.3 GridView控件
以行和列的方式显示可滚动网格控件，网格中的每一项由ListAdapter与视图之间的关联产生。典型应用如图所示的“九宫格”效果：
表2.4.3-1列出了GridView常用的属性和方法。
表2.4.3-1GridViewL属性和方法
| XML属性 | 值 | 备注 |
| android:numColumns | num、auto_fit | 指定GridView的列数个数，可设置为自动 |
| android:columnWidth | dp | 每列的宽度，也就是Item的宽度 |
| android:stretchMode | columnWidth | 设置缩放模式，与列宽大小同步 |
| android:verticalSpacing | dp | 两行之间的边距 |
| android:horizontalSpacing | dp | 两列之间的边距 |
| android:cacheColorHint | #00000000 | 去除拖动时默认的黑色背景 |
| android:scrollbars | none、vertical、horizontal | 设置GridView的滚动条的显示方式 |
下面通过实例讲解一下GridView的使用
实例2.4.3-1，使用GridView实现如如图的图片墙效果
2.4.4 Spinner控件
下拉选项控件，为用户提供了一个快速的方法来选择一组一个值，如图2.4.4-1所示点选Spinner将显示与所有其他可用的值，用户可以选择一个新的下拉选项。
图2.4.4-1
Spinner控件也属于适配器控件，与之前的ListView、GridView控件使用十分相似，一个关键点就是编写Adapter，下面通过实例讲解一下Spinner的使用
2.4.5 ViewPager控件
横向滑动的分页控件应用十分广泛的组件之一，常见应用有不同频道的左右滑动显示，可横向翻动的图片等。ViewPager专属适配器PagerAdapter,通过提供一个的实现 PagerAdapter的适配器生成该视图显示的每个显示页面
ViewPager最常配合使用片段，这是一种方便的方式来提供和管理每个片段的生命周期。并提供了实施ViewPager片段的标准适FragmentPagerAdapter和 FragmentStatePagerAdapter
ViewPager实现步骤：
1、 布局文件中加入ViewPager控件
2、 编写适配器——实现PagerAdapter
3、 使用setAdapter（）加载适配器
表2.4.5-1 PagerAdapter适配器的方法及其作用。
表2.4.5-1PagerAdapter方法和作用
| 方法 | 作用 |
| int getCount() | 返回翻转页面的个数 |
| boolean isViewFromObject(View view, Object obj) | 用于判断对象是否是用于呈现在ViewPager的View组件 |
| Object instantiateItem(View container, int position) | 返回ViewPager的一页 |
| void destroyItem(ViewGroup container, int position, Object object) | 从ViewGroup中移出View |
下面通过实例逐步掌握ViewPager的使用。
实例2.4.5-1，使用ViewPager实现如图所示的新闻图片浏览界面。
作者：冲天之峰 20160707
更多相关文章
- android 图片旋转
- android 笔记 --- Android界面刷新的方法
- Android 深入解析用户界面（一）
- android基础学习--->Android SharedPreferences存储对象和图片（An
- Android根据Button状态(normal,focused,pressed)显示不同背景图
- Android 高清加载巨图方案 拒绝压缩图片
- Android 四大组件 简介
- Android异步机制一：使用Thread+Handler实现非UI线程更新UI界面
- Android图片加载神器之Fresco，基于各种使用场景的讲解