Data Binding là một thư viện mạnh mẽ mà tôi đã bỏ qua phần lớn thời gian của tôi với tư cách là một Android dev (rất có thể bởi vì nó từng có chút mâu thuẫn). Tôi đã đọc nhiều về chúng, và tình cờ tôi gặp George Mount;s blogposts. Bài viết đó đã thực sự thu hút tôi một điều về Data Binding trên RecyclerView.
Đó là thời điểm tôi nhận ra Data Binding tuyệt với như thế nào, và tôi bắt đầu trờ thành một người dùng ListAdapter. Tôi nghĩ rằng mọi thứ có thể tốt hơn nếu tôi kết hợp chúng. Đây sẽ là một tóm tắt về cách chúng ta có thể tận dụng tối đa Data Binding và ListAdapter để giảm bới boilerplate và chỉ làm cho mã của chúng ta đơn giản và đẹp hơn
Hãy bắt đầu
…nhưng đầu tiên, chỉ trong trường hợp bạn không biết một ListAdapter là gì:
RecyclerView.Adapter base class để trình bày List data trong một RecyclerView bao gồm tính toán khác biệt giữa các List trong một background thread.
Nó là một base adapter mà tự cập nhật bản thân nó (với free animations!) khi list thay đổi. Gọi notifyDataSetChange và bạn bè của nó bây giờ là việc của quá khứ- tất cả những gì bây giờ bạn cần làm là gọi submitList() và truyền list đã update. Nếu điều này mới mẻ với bạn, nó có thể là một ý tưởng tốt để lấy đi thời gian của bạn và học về nó nhiều hơn- the document là tốt và có thể thực sự là nguồn duy nhất bạn sẽ cần
Bây giờ hãy quay trở lại với những thứ quan trọng
Ý tưởng chính của blogpost, mà tôi đề cập đến ở trên là làm thế nào để chúng ta có thể đưa ra một ViewHolder chung mà chúng ta có thể tái sử dụng ở bất kỳ Adapter nào trong ứng dụng của chúng ta. Tôi giả sử rằng ViewHolder sẽ chỉ cần một đối tượng dữ liệu duy nhất để binding (đó chắc chắn là một goog practice). Object này là parameter của phương thức bind(), và tất cả chúng ta làm với nó là set nó như một biến với một ViewDataBinding chúng ta nhận như một tham số của hàm khởi tạo. Thông qua một thủ thuật quy ước đặt tên thông minh, chúng ta có sẽ có thể làm cho ViewHolder này hoạt động ở bất cứ nơi nào nó muốn
1 2 3 4 5 6 7 8 9 | <span class="token keyword">class</span> DataBindingViewHolder<span class="token operator"><</span>T<span class="token operator">></span><span class="token punctuation">(</span><span class="token keyword">private</span> <span class="token keyword">val</span> binding<span class="token operator">:</span> ViewDataBinding<span class="token punctuation">)</span> <span class="token operator">:</span> RecyclerView<span class="token punctuation">.</span><span class="token function">ViewHolder</span><span class="token punctuation">(</span>binding<span class="token punctuation">.</span>root<span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">fun</span> <span class="token function">bind</span><span class="token punctuation">(</span>item<span class="token operator">:</span> T<span class="token punctuation">)</span> <span class="token punctuation">{</span> binding<span class="token punctuation">.</span><span class="token function">setVariable</span><span class="token punctuation">(</span>BR<span class="token punctuation">.</span>item<span class="token punctuation">,</span> item<span class="token punctuation">)</span> binding<span class="token punctuation">.</span><span class="token function">executePendingBindings</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> |
Đúng vậy, class nhỏ bé này có tiềm năng thây thế hầu hết VirewHolder bạn đã viết cho đến nay. Mã ban đầu đáp ứng mục đích của chúng tôi, vì vậy chúng tôi sẽ không thay đổi một thứ gì
Tiếp theo, chúng ta có thể tạp một base Adapter mà sẽ có hầu hết các bản mẫu chúng ta sẽ cần cho bất kỳ Adapter nào chúng ta sẽ viết. DataBindingAdapter của chúng ta sẽ khác một chút so với ở đây bởi gì nó sẽ extend ListAdapter:
1 2 3 4 5 6 7 8 9 10 11 12 | <span class="token keyword">abstract</span> <span class="token keyword">class</span> DataBindingAdapter<span class="token operator"><</span>T<span class="token operator">></span><span class="token punctuation">(</span>diffCallback<span class="token operator">:</span> DiffUtil<span class="token punctuation">.</span>ItemCallback<span class="token operator"><</span>T<span class="token operator">></span><span class="token punctuation">)</span> <span class="token operator">:</span> ListAdapter<span class="token operator"><</span>T<span class="token punctuation">,</span> DataBindingViewHolder<span class="token operator"><</span>T<span class="token operator">></span><span class="token operator">></span><span class="token punctuation">(</span>diffCallback<span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">override</span> <span class="token keyword">fun</span> <span class="token function">onCreateViewHolder</span><span class="token punctuation">(</span>parent<span class="token operator">:</span> ViewGroup<span class="token punctuation">,</span> viewType<span class="token operator">:</span> Int<span class="token punctuation">)</span><span class="token operator">:</span> DataBindingViewHolder<span class="token operator"><</span>T<span class="token operator">></span> <span class="token punctuation">{</span> <span class="token keyword">val</span> layoutInflater <span class="token operator">=</span> LayoutInflater<span class="token punctuation">.</span><span class="token function">from</span><span class="token punctuation">(</span>parent<span class="token punctuation">.</span>context<span class="token punctuation">)</span> <span class="token keyword">val</span> binding <span class="token operator">=</span> DataBindingUtil<span class="token punctuation">.</span>inflate<span class="token operator"><</span>ViewDataBinding<span class="token operator">></span><span class="token punctuation">(</span>layoutInflater<span class="token punctuation">,</span> viewType<span class="token punctuation">,</span> parent<span class="token punctuation">,</span> <span class="token boolean">false</span><span class="token punctuation">)</span> <span class="token keyword">return</span> <span class="token function">DataBindingViewHolder</span><span class="token punctuation">(</span>binding<span class="token punctuation">)</span> <span class="token punctuation">}</span> <span class="token keyword">override</span> <span class="token keyword">fun</span> <span class="token function">onBindViewHolder</span><span class="token punctuation">(</span>holder<span class="token operator">:</span> DataBindingViewHolder<span class="token operator"><</span>T<span class="token operator">></span><span class="token punctuation">,</span> position<span class="token operator">:</span> Int<span class="token punctuation">)</span> <span class="token operator">=</span> holder<span class="token punctuation">.</span><span class="token function">bind</span><span class="token punctuation">(</span><span class="token function">getItem</span><span class="token punctuation">(</span>position<span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">}</span> |
Đó là nó một class siêu đơn giản- thậm chí đơn giản hơn ban đầu, cảm ơn ListAdapter. Có một điều quan trọng maf chungs ta thực hiện ở đó: layout id được sử dụng bởi Adapter để inflate layout như là viewType, do đó bất kỳ một Adapter con nào sẽ cần ghi đè getItemViewType() để thể hiện item nên inflated. Giả định này là một good practice khác, thậm chí còn được củng cố trong tài liệu
Bây giờ hãy nói chúng ta muốn show một list các quyển sách. Với 2 class chúng ta vừa viết hãy xem BooksAdapter sẽ trông như thế nào
1 2 3 4 5 6 7 8 9 | <span class="token keyword">class</span> BooksAdapter <span class="token operator">:</span> DataBindingAdapter<span class="token operator"><</span>Book<span class="token operator">></span><span class="token punctuation">(</span><span class="token function">DiffCallback</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">class</span> DiffCallback <span class="token operator">:</span> DiffUtil<span class="token punctuation">.</span>ItemCallback<span class="token operator"><</span>Book<span class="token operator">></span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token comment">// your DiffCallback implementation</span> <span class="token punctuation">}</span> <span class="token keyword">override</span> <span class="token keyword">fun</span> <span class="token function">getItemViewType</span><span class="token punctuation">(</span>position<span class="token operator">:</span> Int<span class="token punctuation">)</span> <span class="token operator">=</span> R<span class="token punctuation">.</span>layout<span class="token punctuation">.</span>item_book <span class="token punctuation">}</span> |
Cảm ơn base class của chúng ta, điều duy nhất chúng ta sẽ cần làm là quan tâm về khi nào tạo một adapter và viết DiffUtil.ItemCallback yêu cầu bởi ListAdapter và chỉ ra layout id chúng ta muốn inflate thông qua gẻItemViewType. Tất nhiên chúng ta cũng cần đặc biệt chú ý trong layout file của chúng ta:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | <?xml version="1.0" encoding="utf-8"?> <layout xmlns:android="http://schemas.android.com/apk/res/android"> <data> <variable name="item" type="com.example.model.Book" /> </data> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@{item.title}" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@{item.authors}" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@{item.publishedDate}" /> </LinearLayout> </layout> |
Điều quan trọng ở đây là variable name phải phù hợp với name mà chúng ta sử dụng trong DatabindingViewHolder- trong trwowngfhowpj này là item. Phần còn lại đơn và là những đoạn mã cơ bản của Data Binding
Điều gì về Adapter vơi ViewHolder khác nhau
Hay lắm, tối rất vui vì bạn đã hỏi. Thông thường, điều duy nhất chúng ta phải thay đổi là cách chúng a thực thi getItemViewType trong Adapter, nhưng thông thường DiffUtils.ItemCallback cũng phải thay đổi cùng
Hãy nói list book cùa chúng ta có 2 section, sẽ tự nhiên được thể hiện bằng một số layout hoàn toàn khác nhau. Chúng ta chắc chăn rằng Book model của chúng ta và Section mới model của chúng ta chia sẻ interface, hãy nói Listable, chỉ vì chúng ta có thể có chúng trong cùng một list.
BookAdapter sẽ trông như thế này
1 2 3 4 5 6 7 8 9 10 11 12 13 | <span class="token keyword">class</span> BooksAdapter <span class="token operator">:</span> DataBindingAdapter<span class="token operator"><</span>Listable<span class="token operator">></span><span class="token punctuation">(</span><span class="token function">DiffCallback</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">class</span> DiffCallback <span class="token operator">:</span> DiffUtil<span class="token punctuation">.</span>ItemCallback<span class="token operator"><</span>Listable<span class="token operator">></span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token comment">// your DiffCallback implementation</span> <span class="token punctuation">}</span> <span class="token keyword">override</span> <span class="token keyword">fun</span> <span class="token function">getItemViewType</span><span class="token punctuation">(</span>position<span class="token operator">:</span> Int<span class="token punctuation">)</span> <span class="token operator">=</span> <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token function">getItem</span><span class="token punctuation">(</span>position<span class="token punctuation">)</span> <span class="token keyword">is</span> Book<span class="token punctuation">)</span> <span class="token punctuation">{</span> R<span class="token punctuation">.</span>layout<span class="token punctuation">.</span>item_book <span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token punctuation">{</span> R<span class="token punctuation">.</span>layout<span class="token punctuation">.</span>item_section <span class="token punctuation">}</span> <span class="token punctuation">}</span> |
Và không có gì đặc biệt khi bạn sử dụng adapter này trong một Activity như ví dụ
1 2 3 4 5 | recyclerView<span class="token punctuation">.</span>adapter <span class="token operator">=</span> <span class="token function">BooksAdapter</span><span class="token punctuation">(</span><span class="token punctuation">)</span> viewModel<span class="token punctuation">.</span><span class="token function">books</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">observe</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">,</span> Observer <span class="token punctuation">{</span> it<span class="token operator">?</span><span class="token punctuation">.</span><span class="token function">let</span><span class="token punctuation">(</span>adapter<span class="token operator">::</span>submitList<span class="token punctuation">)</span> <span class="token punctuation">}</span><span class="token punctuation">)</span> |
Điều tôi thích nhất là tất cả mọi thứ đều được thiết lập, việc tạo một Adapter khác dễ dàng như viết cách phân biệt các item trong list (vì vậy ListAdapter có thể thực hiện các công việc của nó) và layout chúng ta muốn inflate. Đó là bằng chứng boilerplate và nó cẩm thấy như chúng ta chỉ viết mã thực sự quan trọng.
Kết
Qua bài viết này chúng ta đã cùng nhau xây dựng một adapter rất dễ đọc và ngắn gọn cho RecyclerView. Cảm ơn các bạn đã theo dõi.
Tham khảo
Bài viết có tham khảo từ nguồn:
https://proandroiddev.com/android-data-binding-listadapter-9e72ce50e8c7