やあみんな！ この記事では、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

ワークフローを10倍に向上させる方法: 必須アプリ17選

目に見えない層: ユーザーインタビューがかけがえのない資産である理由

フロキのヴァルハラがインドのスリランカツアーのアソシエイトスポンサーに加わる

デジタルノマドの皆さん、タイの新しい DTV ビザについて知っておくべきこと

ワークフローを10倍に向上させる方法: 必須アプリ17選

目に見えない層: ユーザーインタビューがかけがえのない資産である理由

フロキのヴァルハラがインドのスリランカツアーのアソシエイトスポンサーに加わる

デジタルノマドの皆さん、タイの新しい DTV ビザについて知っておくべきこと

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps