RecyclerView:アイテムの出現アニメーション(LayoutAnimation)

投稿日:  更新日:

RecyclerViewへアイテムが表示されるとき、アニメーションはありません。。一瞬で表示されて終わりです。

「RecyclerViewへアイテムが表示される」ことを、ここでは「アイテムの出現」と言い表すことにします。

このアイテムの出現にアニメーションを付ける方法を紹介します。

アイテムの出現をアニメーションで演出することで、RecyclerViewに表示したい内容が際立つと思います。

続きを読む

RecyclerView:アイテムの変更アニメーション(SimpleItemAnimatorの継承、カスタム)

投稿日:  更新日:

RecyclerViewでアイテムの変更(Change/Insert/Move/Remove)を行うと、変更される様子がアニメーション化されています。

これはデフォルトでアイテムの変更アニメーションが組み込まれているためです。

デフォルトは単純なアニメーションですが、「ある」と「ない」の違いは歴然で、アニメーションのある方が高価なアプリケーションに見えます。

GUI(Graphical User Interface)が主体の携帯端末にとって、利用者に対するアプリの見せ方は重要です。高価に見えた方が使ってもらえる可能性が高くなります。

上記のことから、アプリの機能に関係なくても、ちょっとした動きをアニメーション化するメリットがあります。

2回にわたりアイテムの変更アニメーションについてまとめてみました。

今回は第2回目「SimpleItemAnimatorの継承、カスタム」編です。カスタム変更アニメーションの作り方を説明します。

続きを読む

RecyclerView:アイテムの変更アニメーション(DefaultItemAnimator、デフォルト)

投稿日:  更新日:

RecyclerViewでアイテムの変更(Change/Insert/Move/Remove)を行うと、変更される様子がアニメーション化されています。

これはデフォルトでアイテムの変更アニメーションが組み込まれているためです。

デフォルトは単純なアニメーションですが、「ある」と「ない」の違いは歴然で、アニメーションのある方が高価なアプリケーションに見えます。

GUI(Graphical User Interface)が主体の携帯端末にとって、利用者に対するアプリの見せ方は重要です。高価に見えた方が使ってもらえる可能性が高くなります。

上記のことから、アプリの機能に関係なくても、ちょっとした動きをアニメーション化するメリットがあります。

2回にわたりアイテムの変更アニメーションについてまとめてみました。

今回は第1回目「ItemAnimator、デフォルト」編です。デフォルト変更アニメーションの動作について説明します。

続きを読む

RecyclerView:アイテムのスナップ(SnapHelper)

投稿日:  更新日:

RecyclerViewはアイテムをスクロールさせて隠れたアイテムを表示できます。

スクロールを止める位置は任意です。

任意であるがゆえに、止めた位置によってはアイテムの一部が欠けてしまうこともあります。

携帯端末の画面は狭いので、効率よくコンテンツの表示を行いたいとアプリ開発者は考えます。

アイテムの一部が欠けてしまうことは、効率が良いとは言えません。

このような問題を解決するために、アイテムのスナップをRecyclerViewへ追加できます。

アイテムのスナップを追加する方法を紹介します。

続きを読む