安卓基础--RecyclerView

本文是我学习安卓的笔记的一部分,查看详细完整笔记请参阅

RecyclerView


基本用法
首先讲一点RecyclerView的需要添加依赖,设置步骤:

第一步

第二步
第三步
第四步
  • 前期准备
    • 模型类,用于设置item的元素--> 本例中还是沿用ListView练习中的Fruit类,设置图片和水果名称
    • item布局 -->沿用上例中的布局,一个TextView 一个ImageVIew

  • 自定义Adapter-->FruitAdapter
    • 继承自RecyclerView.Adapter,泛型为FruitAdapter.ViewHolder,其中ViewHolder是后续需要在FruitAdapter内部实现定义的一个类,其作用是用于创建Item

    • 在Adapter内部新建静态ViewHolder,作用如上

      • 继承自RecyclerView.ViewHolder
      • 静态(static)
      • 创建水果图片的ImageView类型属性,和水果名字 TextView类型属性
      • 构造方法创建,参数类型为View的参数,利用view给属性赋值
    • 给Adapter添加一个List<Fruit>类型的属性,并未Adapter添加构造方法,给 List<Fruit>赋值

    • 实现RecyclerView三个方法

      • onCreateViewHolder创建ViewHolder实例,也就是item实例
      • onBindViewHolder 给item赋值,通过参数提供索引获取到具体Fruit实例,然后赋值
      • getItemCount 返回item的个数

** Activity中引入**

  • 准备数据源--> Fruit 实例的集合
  • 创建RecyclerView,通过布局
  • 创建Adapter 并设置给RecyclerView
  • 与ListView不同的是要创建一个LinearLayoutManager,并设置给RecyclerView,此类是用于修改设置布局,比如线性布局,瀑布流之类

具体代码

/**************** item布局 *********************/
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <TextView
        android:id="@+id/item_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center_vertical"
        android:text="@string/app_name"
       />
    <ImageView
        android:id="@+id/item_image_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        />
</LinearLayout>
/**************** 自定义Adapter *******************/
public class FruitAadpter extends RecyclerView.Adapter<FruitAadpter.ViewHolder> {

    private List<Fruit> mFruitList;

    static class ViewHolder extends RecyclerView.ViewHolder {
        ImageView fruitImage;
        TextView fruitName;

        public ViewHolder(View itemView) {
            super(itemView);
            fruitImage = (ImageView) itemView.findViewById(R.id.item_image_view);
            fruitName = (TextView) itemView.findViewById(R.id.item_text);
        }
    }

    public FruitAadpter(List<Fruit> mFruitList) {
        this.mFruitList = mFruitList;
    }


    /*以下为RecycleView的类似于iOS的代理方法*/

    /**
     * 创建ViewHolder实例
     * 1.加载item的布局,返回ViewHolder构造函数需要的参数的view
     * 2.创建ViewHolder并返回
     */
    @Override
    public FruitAadpter.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.activity_main_fruit,parent,false);
        ViewHolder viewHolder = new ViewHolder(view);
        return viewHolder;
    }


    /**
     * 主要作用给item赋值
     */
    @Override
    public void onBindViewHolder(FruitAadpter.ViewHolder holder, int position) {
        Fruit furit = mFruitList.get(position);
        holder.fruitImage.setImageResource(furit.getImageName());
        holder.fruitName.setText(furit.getTitle());

    }

    /**
     * item的个数
     */
    @Override
    public int getItemCount() {
        Log.d(TAG, String.valueOf(mFruitList.size()));
        return mFruitList.size();
    }

    private static final String TAG = "FruitAadpter";
}

Fruit模型不在赘述,和ListView用一样,不贴代码

/**************** Activity代码*******************/
public class MainActivity extends AppCompatActivity {

    private List<Fruit> dataList = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main_m);

        initDataList();
        RecyclerView recyclerView = (RecyclerView)findViewById(R.id.recycle_view);
        FruitAadpter adapter = new FruitAadpter(dataList);

        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        
        recyclerView.setLayoutManager(layoutManager);

        recyclerView.setAdapter(adapter);

    }

    private void initDataList() {
        for(int i=0; i<50; i++) {
            Fruit fruit = new Fruit("这是苹果",R.drawable.f3);

            if (i%3 == 0) {

                fruit.setTitle("这是苹果这是苹果这是苹果这是苹果这是苹果这是苹果");
            }
            dataList.add(fruit);
        }

    }
}

** 横向滚动**
只需要修改一下LinearLayoutManager

LinearLayoutManager layoutManager = new LinearLayoutManager(this);
layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);

瀑布流

  • 首先修改 item的布局
    • 设置纵向布局
    • 因为瀑布流的item的宽度是由系统根据列数来计算的,故将item的with设置为屏幕宽
    • 为了让item之间不至于过于紧密,故设置一定间距
    • TextView 在上,ImageView在下,让二者之间有一定间距
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="5dp" >

    <ImageView
        android:id="@+id/item_image_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal" />

    <TextView
        android:id="@+id/item_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="left"
        android:layout_marginTop="10dp" />

</LinearLayout>

  • 修改Activity 的LinearLayoutManager
    使用StaggeredGridLayoutManager,需要一个列数的参数,以及方向
StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(4,StaggeredGridLayoutManager.VERTICAL);

item点击
不同于ListView的点击,RecyclerView可以对每个item内部的组件单据添加监听,但是并没有像ListView那样直接给item添加点击,但是可以自己添加

  • 给整个item添加点击

    • 在ViewHolder的类的添加View类型的属性,在构造函数中将view参数设置给这个属性,用其记录整个item的view
    • 在onCreateViewHolder代理方法中给view添加监听方法
  • item 中的其他组件不在赘述

  • 注意点:
    在onCreateViewHolder方法中如何确定item的索引呢? --> 方法中获取到的viewHolder 的getAdapterPosition可以获取到索引值

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容