やあみんな！ この記事では、RecyclerView を使用する際に最適化する簡単な方法を見ていきたいと思います。  RecyclerView は、ユーザー インターフェイス コンポーネント、つまり、インターフェイスに追加してリストを便利に表示できる要素です。コードに組み込まれており、リストの表示、アニメーション化、最適化のためのツールがすでに含まれており、カスタマイズ設定もサポートされています。  RecyclerView の主なコンポーネント RecyclerView が正しく動作するには、次のコンポーネントを実装する必要があります。    Activity のレイアウトに追加する必要があります。 RecyclerView    : リストにデータを格納、処理し、関連付けます。 Adapter    Adapter を更新し、コンストラクターで DiffUtil を受け入れます。 ListAdapter   リソースを最適化するために機能し、リストに含まれるすべての要素の一種のコンテナーです。 ViewHolder リストを最適化するために使用される  。 DiffUtil 最初から実装する方法については説明しません。  先で確認できます。 リンク  ViewHolderの最初の最適化。 バインド時に、ViewHolder のリソースとキャストへのアクセスを削除します。 たとえば、以下のコードを見てみましょう。   data class TrackingUiModel( val id: Long, val title: String, @ColorRes val color: Int, val eventId: Long, val state: TrackingState, val startTime: Long, val endTime: Long, val countTime: Long, val formattedTime: String, ) class TrackingViewHolder(itemView: View): ViewHolder(itemView) { private val binding : TrackingItemBinding by viewBinding() @SuppressLint("SetTextI18n") fun bind(data: TrackingUiModel) { val stateText = when (data.state) { TrackingState.START -> itemView.context.getString(R.string.in_progress) TrackingState.PAUSE -> itemView.context.getString(R.string.pause) else -> { "" } } binding.eventId.text = data.eventId.toString() binding.eventTitle.text = "${data.title} $stateText" binding.eventColor.setBackgroundColor(ContextCompat.getColor(itemView.context, data.color)) binding.countTextView.text = data.formattedTime } }   メソッドが呼び出されるたびに、  と 呼び出しが呼び出され、文字列のキャストのために も呼び出されます。この方法では、より多くのメモリが消費されます。また、  メソッドが迅速に実行されるようにする必要があり、  タスクがリスト項目のみを表示するように努める必要があります。最適化のためには、  オブジェクトで文字列  、   、および color を取得するのが適切です。 bind getString getColor toString bind ViewHolder TrackingUiModel eventId stateText 最適化されたコードは次のようになります。   data class TrackingUiModel( val id: Long, val title: String, val color: Int, val eventId: String, val state: TrackingState, val stateText: String, val startTime: Long, val endTime: Long, val countTime: Long, val formattedTime: String, ) class TrackingViewHolder(itemView: View): ViewHolder(itemView) { private val binding : TrackingItemBinding by viewBinding() fun bind(data: TrackingUiModel) { binding.eventId.text = data.eventId binding.eventTitle.text = "${data.title} ${data.stateText}" binding.eventColor.setBackgroundColor(data.color) binding.countTextView.text = data.formattedTime } }   以外のものはすべて取得しました。必要なものと既製のものはすべて で受信されます。 ViewHolder TrackingUiModel 次に、ListAdapter と DiffUtil を使用します。   を使用している場合は、  に切り替えて、  一緒に使用する必要があります。 RecyclerView.Adapter ListAdapter DiffUtil たとえば、以下のコードを見てみましょう。   class TrackingAdapter: RecyclerView.Adapter<TrackingViewHolder>(){ private val mItems = mutableListOf<TrackingUiModel>() override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): TrackingViewHolder { return TrackingViewHolder( LayoutInflater.from(parent.context) .inflate(R.layout.tracking_item, parent, false)) } override fun getItemCount(): Int = mItems.size override fun onBindViewHolder(holder: TrackingViewHolder, position: Int) { holder.bind(mItems[position]) } fun setItems(items: List<TrackingUiModel>){ mItems.clear() mItems.addAll(items) notifyDataSetChanged() } } リスト要素を追加する場合、  メソッドを呼び出すとリストがクリアされ、リスト要素が追加され、最後に が呼び出されます。 setItems notifyDataSetChanged リストを変更または更新すると、そのたびに メソッドが呼び出されますが、これはかなりのリソースを消費します。このため、  と 使用することをお勧めします。 setItems ListAdapter DiffUtil 以下は、  を実装し、  を使用する変更された です。私の例では、これは クラスです。 ListAdapter DiffUtil TrackingAdapter TrackingDiffCallback リストを追加するには、  メソッドを使用します。内部的には、アダプターがリストの更新作業をすべて実行します。 trackingAdapter.submitList   class TrackingAdapter: ListAdapter<TrackingUiModel, TrackingViewHolder>(TrackingDiffCallback()){ override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): TrackingViewHolder { return TrackingViewHolder( LayoutInflater.from(parent.context) .inflate(R.layout.tracking_item, parent, false)) } override fun onBindViewHolder(holder: TrackingViewHolder, position: Int) { holder.bind(getItem(position)) } }   class TrackingDiffCallback: DiffUtil.ItemCallback<TrackingUiModel>() { override fun areItemsTheSame(oldItem: TrackingUiModel, newItem: TrackingUiModel): Boolean { return oldItem.id == newItem.id } override fun areContentsTheSame(oldItem: TrackingUiModel, newItem: TrackingUiModel): Boolean { return oldItem == newItem } }  3番目に、ペイロードを使用します。 リスト項目をお気に入りに追加したり、画像を変更したり、リスト項目の別のビューを変更したりする場合があります。これらすべてのケースで変更が発生すると、  で bind メソッドが再度呼び出され、要素のハイライトが視覚的に表示されます。これを防ぐために、 payload が役立ちます。 ViewHolder ペイロードを使用するには、   、   、  に変更を加えましょう。 ViewHolder DiffUtil Adapter 私の場合は、以下の変更を加えます。  TrackingViewHolder では、変更する必要があるデータを含むバインド メソッドを追加します。   fun bind(data: TrackingUiModel, newTime: String) { binding.eventId.text = data.eventId binding.eventTitle.text = "${data.title} ${data.stateText}" binding.eventColor.setBackgroundColor(data.color) binding.countTextView.text = newTime }   では、  メソッドをオーバーライドし、変更されるフィールドを比較します。私の場合は、  です。 TrackingDiffCallback getChangePayload formattedTime   override fun getChangePayload(oldItem: TrackingUiModel, newItem: TrackingUiModel): Any? { if (oldItem.formattedTime != newItem.formattedTime) return newItem.formattedTime return super.getChangePayload(oldItem, newItem) }   ペイロードを使用して メソッドをオーバーライドします。ペイロードが空かどうかを確認し、空でない場合は最初の要素を取得して、ペイロードの bind メソッドを呼び出します。 TrackingListAdapter, onBindViewHolder     override fun onBindViewHolder(holder: TrackingViewHolder, position: Int, payloads: MutableList<Any>) { if (payloads.isEmpty()) { super.onBindViewHolder(holder, position, payloads) } else { val newTime = payloads.firstOrNull() as? String ?: "" holder.bind(getItem(position), newTime) } } 参考リンク:   。 リサイクラービュー リストアダプタ ディフユーティリティ

Read My Stories

このオーディオは、ストーリーの元の言語で制作されています。

RecyclerView を最適化する 3 つの簡単な方法

About Author

コメント

ラベル

この記事は

Related Stories

18 種類の開発者ツールで生産性を向上しましょう 🚀🔥

ユニークなエコシステムを支えるビットコインUTXOのモデル

フォーラムからフィードへ: ソーシャルメディアアルゴリズムがデジタルインタラクションを形作る仕組み

暗号通貨の成長: 効果的なユーザーペルソナの作成

18 種類の開発者ツールで生産性を向上しましょう 🚀🔥

ユニークなエコシステムを支えるビットコインUTXOのモデル

フォーラムからフィードへ: ソーシャルメディアアルゴリズムがデジタルインタラクションを形作る仕組み

暗号通貨の成長: 効果的なユーザーペルソナの作成

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps