界面無小事(一): RecyclerView+CardView了解一下

界面無小事(二): 讓RecyclerView展示更多不同視圖

界面無小事(三):用RecyclerView + Toolbar做個文件選擇器

界面無小事(四):來寫個滾動選擇器吧!

界面無小事(五):自定義TextView

界面無小事(六):來做個好看得側拉菜單!

界面無小事(七):使用代碼動態增刪布局

---

目錄

• 前言
• 增刪item
• 自定義增刪動畫
• 最后

---

前言

之前寫過一篇代碼動態增刪布局的, 對比下這次的RecyclerView增刪item, 說句實話, 代碼動態增刪布局基本可以退群了.

---

增刪item

當然首先你可以按照第一篇-界面無小事(一): RecyclerView+CardView了解一下建立基礎的RecyclerView. 這次的關鍵是在適配器代碼中加入增刪item的操作. 要注意一點, 刷新和原來在ListView的操作是不一樣的. 你可以直接看官方文檔, 大致有這幾個:

• notifyItemInserted()
• notifyItemRemoved()
• notifyItemMoved()
• notifyItemChanged()

在適配器中加入如下代碼:

public void addData(int position) {mData.add(position, "hello python");notifyItemInserted(position);
}public void removeData(int position) {mData.remove(position);notifyItemRemoved(position);
}
復制代碼

然后我們在toolbar中加上add和del按鈕, 對應這兩個方法.

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"><itemandroid:id="@+id/add"android:icon="@mipmap/ic_launcher"android:title="@string/add"app:showAsAction="never" /><itemandroid:id="@+id/del"android:icon="@mipmap/ic_launcher"android:title="@string/del"app:showAsAction="never" />
</menu>
復制代碼

并且設置長按為刪除操作, 點擊是增加操作. 好了, 上效果圖:

不單單是我演示的這種布局, 還有線型的, 橫向的, 瀑布流都可以有這種類似效果. 可參考界面無小事(二): 讓RecyclerView展示更多不同視圖.

那既然有默認動畫, 肯定就能自定義動畫了. 在這之前, 先說說幾個方法. 用來設置動畫的具體狀態的持續時間.

rvTest.getItemAnimator().setAddDuration(400);
rvTest.getItemAnimator().setRemoveDuration(400);
rvTest.getItemAnimator().setMoveDuration(400);
rvTest.getItemAnimator().setChangeDuration(400);
復制代碼

---

自定義增刪動畫

這里借助開源項目. 因為這個項目真的足夠地棒. 自帶動畫個數都已經足夠用了, 見下. 你還可以繼續在這基礎上自定義. 是不是感覺三生萬物了.

Animators

分類	動畫類名
Cool	LandingAnimator
Scale	ScaleInAnimator, ScaleInTopAnimator, ScaleInBottomAnimator, ScaleInLeftAnimator, ScaleInRightAnimator
Fade	FadeInAnimator, FadeInDownAnimator, FadeInUpAnimator, FadeInLeftAnimator, FadeInRightAnimator
Flip	FlipInTopXAnimator, FlipInBottomXAnimator, FlipInLeftYAnimator, FlipInRightYAnimator
Slide	SlideInLeftAnimator, SlideInRightAnimator, OvershootInLeftAnimator, OvershootInRightAnimator, SlideInUpAnimator, SlideInDownAnimator

而且非常難得的是使用方法還很簡單, 需要幾個步驟

• 在Module的build.gradle中寫入

dependencies {implementation 'jp.wasabeef:recyclerview-animators:2.3.0'
}
復制代碼

• 在Project的build.gradle中寫入

repositories {google()jcenter()
}
復制代碼

具體使用部分只要用動畫類名替換之前默認的動畫類名即可. 例如:

rvTest.setAdapter(mAdapter);
rvTest.setItemAnimator(new SlideInLeftAnimator());
復制代碼

好了, 接下來看幾個效果圖吧:

---

最后

喜歡記得點贊哦, 有意見或者建議評論區見, 暗中關注我也是可以的.

---