频道栏目
IT货架 > > 正文
android v7兼容包RecyclerView的使用(一)
网友分享于:Jan 1, 1970 8:00:00 AM    来源: IT货架   

标签:android   v7   recyclervi   listview   灵活高效   

什么是RecyclerView?个人理解,它是一个在数据量大的时候,为了显示在界面上提供的灵活高效处理的控件。可以替代listview,gallery,gridview等控件。

如何使用?本篇文章只是热热身,不会过多介绍细节。

首先需要导入\sdk\extras\android\support\v7\recyclerview\libs\android-support-v7-recyclerview.jar包,如果sdk目录下没有该文件,则adt版本可能太低,建议升级或者从网上下载该库。

RecyclerView的使用准备多谢几篇,所以这篇只是入门。

国际惯例,先看效果图,此程序实现微信的会话记录界面。
这里写图片描述

分析一下,该界面的每一项都是由四个组件构成,即图标,标题,描述,时间。所以,开始编写实体类。

package cn.edu.zafu.recyclerviewdemo;

/**
 * 实体类
 * @author lizhangqu
 *
 * 2015-3-10
 */
public class Item {
    //图标,简单起见存在本地drawable目录
    private int img;
    //标题
    private String title;
    //描述
    private String description;
    //时间
    private String time;

    //getter 和 setter
    public int getImg() {
        return img;
    }

    public void setImg(int img) {
        this.img = img;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getDescription() {
        return description;
    }

    public void setDescription(String description) {
        this.description = description;
    }

    public String getTime() {
        return time;
    }

    public void setTime(String time) {
        this.time = time;
    }

    @Override
    public String toString() {
        return "Item [img=" + img + ", title=" + title + ", description="
                + description + ", time=" + time + "]";
    }

}

编写完实体类后,开始对每一项的布局进行编写,使用相对布局

<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="wrap_content"
    android:paddingBottom="10dp"
    android:paddingLeft="15dp"
    android:paddingRight="15dp"
    android:paddingTop="10dp" >

    <ImageView
        android:id="@+id/img"
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true"
        android:background="@drawable/icon" />

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="5dp"
        android:layout_toRightOf="@id/img"
        android:text="微信支付"
        android:textColor="#000"
        android:textSize="16sp" />

    <TextView
        android:id="@+id/time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_marginTop="5dp"
        android:text="晚上20:09"
        android:textColor="#777"
        android:textSize="12sp" />

    <TextView
        android:id="@+id/description"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@id/title"
        android:layout_below="@id/title"
        android:layout_marginTop="5dp"
        android:text="微信支付:支付成功通知" />

</RelativeLayout>

编写适配器,并编写接口处理点击事件

package cn.edu.zafu.recyclerviewdemo;

import java.util.List;

import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import cn.edu.zafu.recyclerviewdemo.RecyclerAdapter.ItemViewHolder;

public class RecyclerAdapter extends RecyclerView.Adapter<ItemViewHolder> {
    private List<Item> items;
    //点击监听事件
    interface OnRecyclerViewItemClickListener{
        void onClick(View view,int position);
    };
    private OnRecyclerViewItemClickListener listener;
    //设置监听器
    public void setListener(OnRecyclerViewItemClickListener listener) {
        this.listener = listener;
    }
    //构造函数,将数据赋值给成员变量
    public RecyclerAdapter(List<Item> items) {
        this.items = items;
    }
    //获得数据大小
    @Override
    public int getItemCount() {
        return items.size();
    }

    @Override
    public ItemViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
        //将布局进行绑定
        View view = LayoutInflater.from(viewGroup.getContext()).inflate(
                R.layout.item, viewGroup, false);
        return new ItemViewHolder(view);
    }
    //绑定数据
    @Override
    public void onBindViewHolder(final ItemViewHolder viewHolder,final int position) {
        Item item = items.get(position);
        viewHolder.img.setImageResource(item.getImg());
        viewHolder.title.setText(item.getTitle());
        viewHolder.description.setText(item.getDescription());
        viewHolder.time.setText(item.getTime());

        viewHolder.itemView.setOnClickListener(new OnClickListener() {
            //如果监听器非空,则回调
            @Override
            public void onClick(View v) {
                if (listener!=null) {
                    listener.onClick(viewHolder.itemView, position);
                }

            }
        });
    }
    //ViewHolder,用于缓存,提高效率
    public final static class ItemViewHolder extends RecyclerView.ViewHolder {
        //每一项的四个控件
        ImageView img;
        TextView title;
        TextView description;
        TextView time;

        public ItemViewHolder(View itemView) {
            super(itemView);
            img = (ImageView) itemView.findViewById(R.id.img);
            title = (TextView) itemView.findViewById(R.id.title);
            description = (TextView) itemView.findViewById(R.id.description);
            time = (TextView) itemView.findViewById(R.id.time);
        }
    }
}

在Activity中使用,为recyclerview设置适配器,数据改变时的动画,

package cn.edu.zafu.recyclerviewdemo;

import java.util.ArrayList;

import android.app.Activity;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Bundle;
import android.support.v7.widget.DefaultItemAnimator;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.widget.Toast;
import cn.edu.zafu.recyclerviewdemo.RecyclerAdapter.OnRecyclerViewItemClickListener;

public class MainActivity extends Activity {
    private RecyclerView recyclerView;
    private ArrayList<Item> items = new ArrayList<Item>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);initDatas();
        setContentView(R.layout.activity_main);
        initDatas();//初始化数据
        initViews();//初始化recyclerview
    }
    private void initViews() {

        recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
        //新建适配器
        RecyclerAdapter adapter = new RecyclerAdapter(items);
        //设置监听器
        adapter.setListener(new OnRecyclerViewItemClickListener() {

            @Override
            public void onClick(View view, int position) {
                Toast.makeText(getApplicationContext(), items.get(position).getTitle(), Toast.LENGTH_LONG).show();
            }
        });
        //设置适配器
        recyclerView.setAdapter(adapter);
        //默认动画效果
        recyclerView.setItemAnimator(new DefaultItemAnimator());
        //设置布局管理器,第三个参数为是否逆向布局
        recyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false));
        //设置每一项的装饰,这里给它加入分隔线
        recyclerView.addItemDecoration(new RecyclerView.ItemDecoration() {
            Paint paint = new Paint();
            @Override
            public void onDraw(Canvas c, RecyclerView parent,
                    RecyclerView.State state) {
                super.onDraw(c, parent, state);
            }
            @Override
            public void onDrawOver(Canvas c, RecyclerView parent,
                    RecyclerView.State state) {
                super.onDrawOver(c, parent, state);
                paint.setColor(Color.LTGRAY);
                for (int i = 0, size = parent.getChildCount(); i < size; i++) {
                    View child = parent.getChildAt(i);
                    c.drawLine(child.getLeft(), child.getBottom(),
                            child.getRight(), child.getBottom(), paint);
                }
            }

        });
        //可以提高效率
        recyclerView.setHasFixedSize(true);
    }
    private void initDatas() {
        Item item = new Item();
        item.setImg(R.drawable.icon);
        item.setTitle("微信支付");
        item.setDescription("微信支付:支付成功通知");
        item.setTime("晚上20:35");
        items.add(item);

        item = new Item();
        item.setImg(R.drawable.icon);
        item.setTitle("微信支付");
        item.setDescription("微信支付:支付成功通知");
        item.setTime("晚上20:35");
        items.add(item);

        item = new Item();
        item.setImg(R.drawable.icon);
        item.setTitle("微信支付");
        item.setDescription("微信支付:支付成功通知");
        item.setTime("晚上20:35");
        items.add(item);

        item = new Item();
        item.setImg(R.drawable.icon);
        item.setTitle("微信支付");
        item.setDescription("微信支付:支付成功通知");
        item.setTime("晚上20:35");
        items.add(item);

        item = new Item();
        item.setImg(R.drawable.icon);
        item.setTitle("微信支付");
        item.setDescription("微信支付:支付成功通知");
        item.setTime("晚上20:35");
        items.add(item);

        item = new Item();
        item.setImg(R.drawable.icon);
        item.setTitle("微信支付");
        item.setDescription("微信支付:支付成功通知");
        item.setTime("晚上20:35");
        items.add(item);

        item = new Item();
        item.setImg(R.drawable.icon);
        item.setTitle("微信支付");
        item.setDescription("微信支付:支付成功通知");
        item.setTime("晚上20:35");
        items.add(item);
    }
}

ItemDecoration也可以使用现成的,但是我没有在android源码里找打它,反而是在github上找到的它,这里贴出源码,其作用就是增加分隔线,支持水平和竖直状态,而我的代码只是简单处理了竖直状态下的分隔线

/*
 * Copyright (C) 2014 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
public class DividerItemDecoration extends RecyclerView.ItemDecoration {

    private static final int[] ATTRS = new int[]{
            android.R.attr.listDivider
    };

    public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL;

    public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;

    private Drawable mDivider;

    private int mOrientation;

    public DividerItemDecoration(Context context, int orientation) {
        final TypedArray a = context.obtainStyledAttributes(ATTRS);
        mDivider = a.getDrawable(0);
        a.recycle();
        setOrientation(orientation);
    }

    public void setOrientation(int orientation) {
        if (orientation != HORIZONTAL_LIST && orientation != VERTICAL_LIST) {
            throw new IllegalArgumentException("invalid orientation");
        }
        mOrientation = orientation;
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent) {
        if (mOrientation == VERTICAL_LIST) {
            drawVertical(c, parent);
        } else {
            drawHorizontal(c, parent);
        }
    }

    public void drawVertical(Canvas c, RecyclerView parent) {
        final int left = parent.getPaddingLeft();
        final int right = parent.getWidth() - parent.getPaddingRight();

        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int top = child.getBottom() + params.bottomMargin;
            final int bottom = top + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    public void drawHorizontal(Canvas c, RecyclerView parent) {
        final int top = parent.getPaddingTop();
        final int bottom = parent.getHeight() - parent.getPaddingBottom();

        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int left = child.getRight() + params.rightMargin;
            final int right = left + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    @Override
    public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
        if (mOrientation == VERTICAL_LIST) {
            outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
        } else {
            outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
        }
    }
}

布局文件

<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" >

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>

整个使用过程还是相当简单的,这只是这个控件的使用的开始,而它的作用远远不止这些。更多的内容在之后的博文中详细写。

源码下载
http://download.csdn.net/detail/sbsujjbcy/8489667

android v7兼容包RecyclerView的使用(一)

标签:android   v7   recyclervi   listview   灵活高效   

广告服务联系QQ:1134687142 | 网站地图

版权所有: IT货架- 内容来自互联网,仅供用于技术学习,请遵循相关法律法规. 京ICP备11030978号-1