Android界面编程——Android高级UI组件（三）

Android界面编程

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 objects)

参数说明：

resource:布局文件，使用系统定义的布局资源

objects：列表项数据

 

实例2.4-2：使用SimpleAdapter实现如图

SimpleAdapter是相比ArrayAdapter比较灵活，可以列表项可以显示多种数据。构造函数如下：

SimpleAdapter(Context context, List> data, int resource, String[] from, int[] to)

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 newsLsit)

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