AS之recycleview设计

(这次换了一个,不做微信界面了)

功能说明:通过RecycleView实现一个可下拉的列表,点击对应项会弹出text提示信息。

分析:在使用RecyclerView时候,必须指定一个适配器Adapter和一个布局管理器LayoutManager。当我们去完成一个界面的布局时,我们要向里面传数据,全写在xml文件里显而不合适,这就是Adapter的作用。简而言之,Adapter就是数据与ui之间的桥梁,它把数据与前端UI连接到一起,是一个展示数据的载体。而设置布局管理器RecyclerView则是来控制Item的布局方式,横向、竖向以及瀑布流方式

接下来是源代码环节,前面的和上次做的类型相似,就不多赘述,只说后边的增加内容:

首先是添加一个适配器

package com.example.zy;

import android.content.Context;

import android.text.TextUtils;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.TextView;

import android.widget.Toast;

import androidx.annotation.NonNull;

import androidx.recyclerview.widget.RecyclerView;

import java.util.List;

public class HomeAdapter extends RecyclerView.Adapter {


private List<String> mList;


private Context mContext;


public HomeAdapter(Context mContext, List mList) {


this.mContext = mContext;


this.mList = mList;

    }


@NonNull

    @Override


public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {

        View itemView = LayoutInflater.from(

mContext).inflate(R.layout.tab01_recycle_item,parent,false);


return new MyViewHolder(itemView);

    }


@Override


public void onBindViewHolder(MyViewHolder holder, int position) {

        holder.

nametv.setText(mList.get(position));


final String content = mList.get(position);

        String stickyData =

mList.get(position);

        holder.

nametv.setText(stickyData);


if (position == 0) {

            holder.

nametv.setVisibility(View.VISIBLE);

            holder.

nametv.setText(stickyData);

            holder.

itemView.setTag(1);

        }

else {


if (!TextUtils.equals(stickyData, mList.get(position - 1))) {

                holder.

nametv.setVisibility(View.VISIBLE);

                holder.

nametv.setText(stickyData);

                holder.

itemView.setTag(2);

            }

else {

                holder.

nametv.setVisibility(View.GONE);

                holder.

itemView.setTag(3);

            }

        }

        holder.

itemView.setContentDescription(stickyData);

        holder.

itemView.setOnClickListener(new View.OnClickListener() {


@Override


public void onClick(View v) {

                Toast.makeText(

mContext, "你选择了: " + content, Toast.LENGTH_SHORT).show();

            }

        });

    }


@Override


public int getItemCount() {


return mList.size();

    }


static class MyViewHolder extends RecyclerView.ViewHolder {


private TextView nametv;


public MyViewHolder(View itemView) {


super(itemView);


nametv = itemView.findViewById(R.id.tab01_header_view);

        }

    }

}

布局管理器会调用适配器的 onCreateViewHolder() 方法。该方法需要构造一个 RecyclerView.ViewHolder 并设置用于显示其内容的视图。ViewHolder 的类型必须与 Adapter 类签名中声明的类型一致。通常,它会通过扩充 XML 布局文件来设置视图。由于视图持有者尚未分配到任何特定数据,因此该方法实际上不会设置视图的内容。

布局管理器随后会将视图持有者绑定到相应数据。具体操作是调用适配器的 onBindViewHolder() 方法并将视图持有者的位置传入 RecyclerView。onBindViewHolder() 方法需要获取适当的数据,并使用它填充视图持有者的布局。例如,如果 RecyclerView 显示名称列表,该方法可能会在列表中找到适当的名称,并填充视图持有者的 TextView 微件。

如果列表需要更新,请对 RecyclerView.Adapter 对象调用通知方法,例如 notifyItemChanged()。然后,布局管理器会重新绑定任何受影响的视图持有者,使其数据得到更新。

创建RecyclerView的item.xml

当我们创建好RecyclerView时,我们思考,我们现在拥有的不管是一片空白。

我们把RecycleView视为一个大的集装箱,现在大的集装箱需要向里面添加一个个模式固定的小盒子,而小盒子里存放的就是我们的数据。

代码如下:

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="100dp"

    android:layout_margin="8dp"

    android:background="@android:color/darker_gray"

    android:orientation="vertical">

    <TextView

        android:id="@+id/item02_num"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_margin="8dp"

        tools:text="1" />

    <TextView

        android:id="@+id/item02_content"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_margin="8dp"

        tools:text="内容" />

</LinearLayout>

修改Fragment文件

代码:

@Override

    public View onCreateView(LayoutInflater inflater, ViewGroup container,

                            Bundle savedInstanceState) {

        // Inflate the layout for this fragment

        View view = inflater.inflate(R.layout.tab02, container, false);

        context = view.getContext();

        recyclerView = view.findViewById(R.id.tab02_RecyclerView);

        initData();

        LinearLayoutManager manager = new LinearLayoutManager(context);

        manager.setOrientation(LinearLayoutManager.VERTICAL);

        verticalAdapter = new VerticalAdapter(mList,context);

        recyclerView.setAdapter(verticalAdapter);

        recyclerView.setLayoutManager(manager);

        return view;

    }


    private void initData() {

    //向list添加数据

        mList.add("「及时雨」宋江");

        mList.add("「玉麒麟」卢俊义");

        mList.add("「智多星」吴用");

        mList.add("「入云龙」公孙胜");

        mList.add("「神机军师」朱武");

        mList.add("「小旋风」柴进");

        mList.add("「扑天雕」李应");

        mList.add("「大刀」关胜");

        mList.add("「豹子头」林冲");

        mList.add("「霹雳火」秦明");

        mList.add("「双鞭」呼延灼'');

        mList.add("「双枪将」董平");

    }

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

推荐阅读更多精彩内容