2020-11-06

添加某界面的动态（RecycleView）

效果如下，滑动删除

由于我们之前已经完成了布局，一个整体的这样的一个框架，所以我们这次做的时候需要改动的就只有其中一个fragment，而不需要去调节整个mainactivity，在理清楚逻辑之后，咱们可以开始修改/添加了。这里我就来说一下滑动删除怎样来写吧！
1、添加布局文件
因为之前我们已经做了四个tab，显示了textview的内容，而这次我们要使用recycleview来创建列表，所以我们就可以修改其中的一个，如下：


这里的话就很简单的添加一个recycleview就行了，然后设置一下各种参数，id,layout_width,layout_height等等，我就不多说了，添加了布局之后，我们就需要去调用它

2、获取对象句柄，将其连接到布局管理器，并为要显示的数据附加适配器，首先来看activity的内容
public class weixinFragmentextends Fragment {

Viewview;

SwipeAdapteradapter;

RecyclerViewrcvSwipe;

private final ListmList =new ArrayList<>();

@Override

    public void onCreate(@Nullable Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

}

private void initData() {

mList.add("亚特兰大老鹰");

mList.add("夏洛特黄蜂");

mList.add("迈阿密热火");

mList.add("奥兰多魔术");

mList.add("华盛顿奇才");

mList.add("波士顿凯尔特人");

mList.add("布鲁克林篮网");

mList.add("纽约尼克斯");

mList.add("费城76人");

mList.add("多伦多猛龙");

mList.add("芝加哥公牛");

mList.add("克里夫兰骑士");

mList.add("底特律活塞");

mList.add("印第安纳步行者");

mList.add("密尔沃基雄鹿");

mList.add("达拉斯独行侠");

mList.add("休斯顿火箭");

mList.add("孟菲斯灰熊");

mList.add("新奥尔良鹈鹕");

mList.add("圣安东尼奥马刺");

mList.add("丹佛掘金");

mList.add("明尼苏达森林狼");

mList.add("俄克拉荷马城雷霆");

mList.add("波特兰开拓者");

mList.add("犹他爵士");

mList.add("金州勇士");

mList.add("洛杉矶快船");

mList.add("洛杉矶湖人");

mList.add("菲尼克斯太阳");

mList.add("萨克拉门托国王");

}

private void initView() {

adapter =new SwipeAdapter(getActivity());

rcvSwipe =view.findViewById(R.id.rcv_swipe);

rcvSwipe.setLayoutManager(new LinearLayoutManager(getActivity()));

rcvSwipe.setHasFixedSize(true);

rcvSwipe.setAdapter(adapter);

adapter.setSwipeDataList(mList);

ItemTouchHelper.Callback callback =new SwipeItemTouchHelper(adapter);

ItemTouchHelper touchHelper =new ItemTouchHelper(callback);

touchHelper.attachToRecyclerView(rcvSwipe);

}

@Override

    public View onCreateView(LayoutInflater inflater, ViewGroup container,

Bundle savedInstanceState) {

// Inflate the layout for this fragment

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

initView();

initData();

return view;

}

}

具体的写法其实都差不多，官网里有固定的写法，这里我就说一下传参的问题，因为之前传参的原因导致出了很多问题，像最后一个view，本来是我自己定义一个，开始是空值，后来才发现，然后就将return 啥的改成了view，之前我也不知道是啥，然后还有就是调用initData和initView，不能放错位置

3、添加列表适配器
要将所有数据输入列表中，您必须扩展 RecyclerView.Adapter 类。此对象会创建项的视图，并在原始项不再可见时用新数据项替换部分视图的内容。下面是我的adapter的例子，实际上结构大体差不多，在下面的方法中不同的动画有不同的写法，所以修改起来很容易
public class SwipeAdapterextends RecyclerView.Adapterimplements ItemTouchHelperListener {

private final ContextmContext;

private ListmList =new ArrayList<>();

public SwipeAdapter(Context context) {

mContext = context;

}

public void setSwipeDataList(List list) {

mList = list;

notifyDataSetChanged();

}

@NonNull

@Override

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

View view = LayoutInflater.from(mContext).inflate(R.layout.swipe_recycle_item, parent,false);

return new SwipeViewHolder(view);

}

@Override

    public void onBindViewHolder(@NonNull SwipeViewHolder holder,int position) {

holder.tvContent.setText(mList.get(position));

}

@Override

    public int getItemCount() {

return mList ==null ?0 :mList.size();

}

@Override

    public void onItemDismiss(int position) {

if (position <0 || position > getItemCount()) {

return;

}

mList.remove(position);

notifyItemRemoved(position);

// 解决 RecyclerView 删除 Item 导致位置错乱的问题

        if (position !=mList.size()) {

notifyItemRangeChanged(position,mList.size() - position);

}

}

public static class SwipeViewHolderextends RecyclerView.ViewHolder {

TextViewtvContent;

public SwipeViewHolder(View itemView) {

super(itemView);

tvContent = itemView.findViewById(R.id.tv_content);

}

}

}

每当某项内容发生变化时，RecyclerView 会使用 animator 来更改其外观。该 animator 是扩展抽象 RecyclerView.ItemAnimator 类的对象。默认情况下，RecyclerView 使用 DefaultItemAnimator 来提供动画。如果您想提供自定义动画，可以通过扩展 RecyclerView.ItemAnimator 来定义自己的 animator 对象。如下，这只是我的这个动画的写法，想要不同的动画都可以，看你自己想怎么写
public class SwipeItemTouchHelperextends ItemTouchHelper.Callback {

private final SwipeAdaptermAdapter;

public SwipeItemTouchHelper(SwipeAdapter adapter) {

mAdapter = adapter;

}

/**

    * 设置滑动类型标记

    */

    @Override

    public int getMovementFlags(@NotNull RecyclerView recyclerView, RecyclerView.@NotNull ViewHolder viewHolder) {

int dragFlags =0;// 禁止上下拖动

        int swipeFlags = ItemTouchHelper.LEFT;// 只允许从右向左滑动

        return makeMovementFlags(dragFlags, swipeFlags);

}

@Override

    public boolean onMove(@NotNull RecyclerView recyclerView, RecyclerView.@NotNull ViewHolder viewHolder, RecyclerView.@NotNull ViewHolder target) {

return false;

}

/**

    * 滑动删除 Item 的操作

    */

    @Override

    public void onSwiped(RecyclerView.ViewHolder viewHolder,int direction) {

mAdapter.onItemDismiss(viewHolder.getAdapterPosition());

}

/**

    * 设置 Item 不支持长按拖动

    */

    @Override

    public boolean isLongPressDragEnabled() {

return false;

}

/**

    * 设置 Item 支持滑动

    */

    @Override

    public boolean isItemViewSwipeEnabled() {

return true;

}

/**

    * Item 被选中时候，改变 Item 的背景

    */

    @Override

    public void onSelectedChanged(RecyclerView.ViewHolder viewHolder,int actionState) {

// item 被选中的操作

        if (actionState != ItemTouchHelper.ACTION_STATE_IDLE) {

viewHolder.itemView.setBackgroundResource(R.drawable.select_bg);

}

super.onSelectedChanged(viewHolder, actionState);

}

/**

    * 移动过程中重新绘制 Item，随着滑动的距离，设置 Item 的透明度

    */

    @Override

    public void onChildDraw(@NotNull Canvas c,@NotNull RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder,float dX,float dY,int actionState,boolean isCurrentlyActive) {

float x = Math.abs(dX) +0.5f;

float width = viewHolder.itemView.getWidth();

float alpha =1f - x / width;

viewHolder.itemView.setAlpha(alpha);

super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive);

}

/**

    * 用户操作完毕或者动画完毕后调用，恢复 item 的背景和透明度

    */

    @Override

    public void clearView(@NotNull RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder) {

// 操作完毕后恢复颜色

        viewHolder.itemView.setBackgroundResource(R.drawable.common_bg);

viewHolder.itemView.setAlpha(1.0f);

super.clearView(recyclerView, viewHolder);

}

}

这里就是自定义的动画，实际上我们将中间的禁止上下滑动和只允许从右往左滑动可以改为上下左右都可以滑动，也比较简单。最后我们需要一个监听程序

public interface ItemTouchHelperListener {

void onItemDismiss(int position);

}

因为我们点击是系统要识别，就跟之前的点击页面可以切换是一样的，所以我也就不多说了，具体项目可以参见https://gitee.com/guan-zhiwei/three-interfaces-of-wechat.git,感谢阅读1

©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 215,723评论 6赞 498
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 92,003评论 3赞 391
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 161,512评论 0赞 351
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 57,825评论 1赞 290
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 66,874评论 6赞 388
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 50,841评论 1赞 295
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 39,812评论 3赞 416
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 38,582评论 0赞 271
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 45,033评论 1赞 308
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,309评论 2赞 331
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,450评论 1赞 345
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 35,158评论 5赞 341
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 40,789评论 3赞 325
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,409评论 0赞 21
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,609评论 1赞 268
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 47,440评论 2赞 368
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 44,357评论 2赞 352