Epoxy 介紹

Epoxy 介紹
Android Taipei 07/2017

1. Epoxy 介紹 黃千碩 (Kros) oSolve, Ltd./打⼯工趣 Mobile App Developer
2. Outline • What is Epoxy • When to use • How to use • Detail • Future • Summary
3. What is Epoxy • Airbnb 開源專案 • ⽤用來來取代傳統 Adapter • 可建立複雜的 RecyclerView Adapter • 內建儲存 view state, ⾃自動 diff
4. Airbnb 的使⽤用情境
5. When to use
6. When to use • 有三種⽅方法實作 • ScrollView • Adapter with view type • Epoxy Controller
7. ScrollView • 需在 XML 裡⾯面設定 • Slow • 如果要動態改變/增減欄欄位，情況複雜 • Animation 困難
8. Adapter with view type @Override
 public int getItemViewType(int position) {
 if (0 == position) {
 return TYPE_1;
 } else if (1 == position) {
 return TYPE_2;
 } else {
 return TYPE_3;
 }
 } @Override
 public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
 switch (viewType) {
 case TYPE_1: case TYPE_2: case TYPE_3: } }
9. Epoxy Controller • The EpoxyController encourages usage similar to the popular Model-View-ViewModel and Model-View-Intent patterns. • 類似現在的 Model-View-ViewMode 改念念，把建立 RecyclerView Items 的邏輯放在 Controller 裡⾯面
10. Epoxy Controller • 所⾒見見即所得
11. Epoxy Controller • 所⾒見見即所得
12. Epoxy Controller • 所⾒見見即所得 @Override
 protected void buildModels() {
 add(new AvatarItemViewModel_());
 add(new BannerItemViewModel_());
 add(new SettingsItemViewModel_());
 add(new SettingsItemViewModel_());
 add(new SettingsItemViewModel_()); } 在 EpoxyController 中使⽤用的⽅方式
13. Epoxy Controller • 所⾒見見即所得 @Override
 protected void buildModels() {
 add(new AvatarItemViewModel_());
 add(new BannerItemViewModel_());
 add(new SettingsItemViewModel_());
 add(new SettingsItemViewModel_());
 add(new SettingsItemViewModel_()); }
14. Epoxy Controller • 所⾒見見即所得 @Override
 protected void buildModels() {
 add(new AvatarItemViewModel_());
 add(new BannerItemViewModel_()); add(new SettingsItemViewModel_());
 add(new SettingsItemViewModel_());
 add(new SettingsItemViewModel_()); }
15. Epoxy Controller • 所⾒見見即所得 @Override
 protected void buildModels() {
 add(new AvatarItemViewModel_());
 add(new BannerItemViewModel_());
 add(new SettingsItemViewModel_());
 add(new SettingsItemViewModel_());
 add(new SettingsItemViewModel_()); }
16. Epoxy Controller • 所⾒見見即所得 @Override
 protected void buildModels() {
 add(new AvatarItemViewModel_());
 add(new BannerItemViewModel_());
 add(new SettingsItemViewModel_());
 add(new SettingsItemViewModel_());
 add(new SettingsItemViewModel_()); }
17. Epoxy Controller • 所⾒見見即所得 @Override
 protected void buildModels() {
 add(new AvatarItemViewModel_());
 add(new BannerItemViewModel_());
 add(new SettingsItemViewModel_());
 add(new SettingsItemViewModel_());
 add(new SettingsItemViewModel_()); }
18. Epoxy Controller • 所⾒見見即所得 @Override
 protected void buildModels() {
 add(new BannerItemViewModel_()); add(new AvatarItemViewModel_());
 add(new SettingsItemViewModel_());
 add(new SettingsItemViewModel_());
 add(new SettingsItemViewModel_()); } 加入順序 == 顯⽰示順序
19. Epoxy Controller • 所⾒見見即所得 @Override
 protected void buildModels() {
 add(new BannerItemViewModel_()); add(new AvatarItemViewModel_());
 add(new SettingsItemViewModel_());
 add(new SettingsItemViewModel_()); add(new SettingsItemViewModel_());
 add(new AdItemViewModel_()); } 新增 Item 非常容易易
20. How to use • 使⽤用三步驟 • 建立 EpoxyController • 建立 EpoxyModel • 設定 RecyclerView 的 Adapter
21. How EpoxyController ⼿手動建立
22. How EpoxyController Adapter ⾃自動產⽣生 ⼿手動建立
23. How RecyclerView EpoxyController Adapter ⾃自動產⽣生 使⽤用 ⼿手動建立
24. EpoxyModel EpoxyModel
25. EpoxyModel EpoxyModel View EpoxyModel 中 指定需顯⽰示的 View
26. EpoxyModel EpoxyModel View Data View 可以設定 需顯⽰示的資料
27. EpoxyModel EpoxyModel View Data Data Data Data 可設定多個資料
28. EpoxyModel EpoxyController
29. EpoxyModel EpoxyController EpoxyModel View Data Data Data Data
30. EpoxyModel EpoxyController 在 EpoxyController 中 建立所需的 EpoxyModel
31. How RecyclerView Adapter ⾃自動產⽣生 使⽤用 ⼿手動建立 EpoxyControl
32. Detail @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 // ...
 setUpController();
 setUpRecyclerView();
 }
33. Detail @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 // ...
 setUpController();
 setUpRecyclerView();
 }
34. Detail 
 private void setUpController() { // ...
 controller = new MyEpoxyController(); // ... } // 繼承 EpoxyController public class MyEpoxyController extends EpoxyController { }
35. Detail @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 // ...
 setUpController();
 setUpRecyclerView();
 }
36. Detail 
 private void setUpRecyclerView() { // ...
 recyclerView.setAdapter(controller.getAdapter()); // ...
 }
37. Detail • 如何更更新資料？
38. Detail 
 private void updateController(Data data) { // ...
 controller.setData(data); // ...
 }
39. Detail • Controller 裡⾯面要做什什麼？ • 加入 EpoxyModel
40. Epoxy Model • Epoxy uses EpoxyModel objects to know which views to display and how to bind data to them. This is similar to the popular ViewModel pattern. You should subclass EpoxyModel to specify what layout your model uses and how to bind data to that view. • EpoxyModel 裡設定 View 為何，需顯⽰示的 Data 為何，有點像現在的 ViewModel 概念念
41. Create EpoxyModel • 定義 Model • 定義 View • 定義 Property (Data)
42. Create EpoxyModel • ⼿手動建立 • ⾃自動建立 (透過 Annotation)
43. Create EpoxyModel • ⼿手動建立 • ⾃自動建立 (透過 Annotation)
44. View Annotations • 建立 View • 設定 Annotation • 設定 Property (為了了 equals and hashCode)
45. View Annotations • 建立 View • 設定 Annotation • 設定 Property (為了了 equals and hashCode) • 就會⾃自動產⽣生 EpoxyModel 了了！
46. SettingsItemViewModel @Override
 protected void buildModels() {
 add(new AvatarItemViewModel_());
 add(new BannerItemViewModel_());
 add(new SettingsItemViewModel_());
 add(new SettingsItemViewModel_());
 add(new SettingsItemViewModel_()); }
47. 
 public class SettingsItemView extends LinearLayout {
 @BindView(R.id.titleTextView) TextView titleTextView;
 
 public SettingsItemView(Context context, @Nullable AttributeSet attrs) {
 super(context, attrs);
 init();
 }
 
 private void init() {
 inflate(getContext(), R.layout.view_settings_item, this);
 ButterKnife.bind(this);
 }
 
 
 }
48. @ModelView(defaultLayout = R.layout.model_settings_item_view)
 public class SettingsItemView extends LinearLayout {
 @BindView(R.id.titleTextView) TextView titleTextView;
 
 public SettingsItemView(Context context, @Nullable AttributeSet attrs) {
 super(context, attrs);
 init();
 }
 
 private void init() {
 inflate(getContext(), R.layout.view_settings_item, this);
 ButterKnife.bind(this);
 }
 
 
 }
49. @ModelView(defaultLayout = R.layout.model_settings_item_view)
 public class SettingsItemView extends LinearLayout {
 @BindView(R.id.titleTextView) TextView titleTextView;
 
 public SettingsItemView(Context context, @Nullable AttributeSet attrs) {
 super(context, attrs);
 init();
 }
 
 private void init() {
 inflate(getContext(), R.layout.view_settings_item, this);
 ButterKnife.bind(this);
 }
 
 
 } 指定 Model 要 Inflate 的 View 為何
50. R.layout.model_settings_item_view：
51. R.layout.model_settings_item_view： <?xml version="1.0" encoding="utf-8"?>
 <com.example.epoxydemo.view.SettingsItemView
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height=“wrap_content"/> 在 model_settings_item_view 中指定要使⽤用 SettingsItemView
52. @ModelView(defaultLayout = R.layout.model_settings_item_view)
 public class SettingsItemView extends LinearLayout {
 @BindView(R.id.titleTextView) TextView titleTextView;
 
 public SettingsItemView(Context context, @Nullable AttributeSet attrs) {
 super(context, attrs);
 init();
 }
 
 private void init() {
 inflate(getContext(), R.layout.view_settings_item, this);
 ButterKnife.bind(this);
 }
 
 
 }
53. @ModelView(defaultLayout = R.layout.model_settings_item_view)
 public class SettingsItemView extends LinearLayout {
 @BindView(R.id.titleTextView) TextView titleTextView;
 
 public SettingsItemView(Context context, @Nullable AttributeSet attrs) {
 super(context, attrs);
 init();
 }
 
 private void init() {
 inflate(getContext(), R.layout.view_settings_item, this);
 ButterKnife.bind(this);
 }
 
 @ModelProp
 public void setTitle(@StringRes int resId) {
 titleTextView.setText(resId);
 }
 
 @ModelProp(options = Option.DoNotHash)
 public void setClickListener(@Nullable OnClickListener clickListener) {
 this.setOnClickListener(clickListener);
 }
 }
54. @ModelView(defaultLayout = R.layout.model_settings_item_view)
 public class SettingsItemView extends LinearLayout {
 @BindView(R.id.titleTextView) TextView titleTextView;
 
 public SettingsItemView(Context context, @Nullable AttributeSet attrs) {
 super(context, attrs);
 init();
 }
 
 private void init() {
 inflate(getContext(), R.layout.view_settings_item, this);
 ButterKnife.bind(this);
 }
 
 @ModelProp
 public void setTitle(@StringRes int resId) {
 titleTextView.setText(resId);
 }
 
 @ModelProp(options = Option.DoNotHash)
 public void setClickListener(@Nullable OnClickListener clickListener) {
 this.setOnClickListener(clickListener);
 }
 } 設定 Property 讓 View 顯⽰示對應的資料
55. @ModelView(defaultLayout = R.layout.model_settings_item_view)
 public class SettingsItemView extends LinearLayout {
 @BindView(R.id.titleTextView) TextView titleTextView;
 
 public SettingsItemView(Context context, @Nullable AttributeSet attrs) {
 super(context, attrs);
 init();
 }
 
 private void init() {
 inflate(getContext(), R.layout.view_settings_item, this);
 ButterKnife.bind(this);
 }
 
 @ModelProp
 public void setTitle(@StringRes int resId) {
 titleTextView.setText(resId);
 }
 
 @ModelProp(options = Option.DoNotHash)
 public void setClickListener(@Nullable OnClickListener clickListener) {
 this.setOnClickListener(clickListener);
 }
 } 設定 ClickListener
56. @ModelView(defaultLayout = R.layout.model_settings_item_view)
 public class SettingsItemView extends LinearLayout {
 @BindView(R.id.titleTextView) TextView titleTextView;
 
 public SettingsItemView(Context context, @Nullable AttributeSet attrs) {
 super(context, attrs);
 init();
 }
 
 private void init() {
 inflate(getContext(), R.layout.view_settings_item, this);
 ButterKnife.bind(this);
 }
 
 @ModelProp
 public void setTitle(@StringRes int resId) {
 titleTextView.setText(resId);
 }
 
 @ModelProp(options = Option.DoNotHash)
 public void setClickListener(@Nullable OnClickListener clickListener) {
 this.setOnClickListener(clickListener);
 }
 } Interface 沒有 equal and hash 所以使⽤用 Option.DoNotHash 標記
57. @ModelView(defaultLayout = R.layout.model_settings_item_view)
 public class SettingsItemView extends LinearLayout {
 @BindView(R.id.titleTextView) TextView titleTextView;
 
 public SettingsItemView(Context context, @Nullable AttributeSet attrs) {
 super(context, attrs);
 init();
 }
 
 private void init() {
 inflate(getContext(), R.layout.view_settings_item, this);
 ButterKnife.bind(this);
 }
 
 @ModelProp
 public void setTitle(@StringRes int resId) {
 titleTextView.setText(resId);
 }
 
 @ModelProp(options = Option.DoNotHash)
 public void setClickListener(@Nullable OnClickListener clickListener) {
 this.setOnClickListener(clickListener);
 }
 }
58. Integration • 在 EpoxyController 中設定需要哪些 EpoxyModels • 有兩兩種⽅方式可以建立 EpoxyModel • ⼿手動建立 • ⾃自動建立 (AutoModel Annotation)
59. Integration • 在 EpoxyController 中設定需要哪些 EpoxyModels • 有兩兩種⽅方式可以建立 EpoxyModel • ⼿手動建立 • ⾃自動建立 (AutoModel Annotation)
60. Using EpoxyModel public class SimpleController extends EpoxyController { 
 @Override
 protected void buildModels() {
 add(new SettingsItemViewModel_()
 .id(3)
 .title(R.string.settings_1)
 .clickListener(new OnClickListener() {
 @Override
 public void onClick(View v) {
 
 }
 })
 );
 } }
61. Using EpoxyModel public class SimpleController extends EpoxyController { 
 @Override
 protected void buildModels() {
 add(new SettingsItemViewModel_()
 .id(3)
 .title(R.string.settings_1)
 .clickListener(new OnClickListener() {
 @Override
 public void onClick(View v) {
 
 }
 })
 );
 } } ⼿手動 new ⼀一個 EpoxyModel
62. Using EpoxyModel public class SimpleController extends EpoxyController { 
 @Override
 protected void buildModels() {
 add(new SettingsItemViewModel_()
 .id(3)
 .title(R.string.settings_1)
 .clickListener(new OnClickListener() {
 @Override
 public void onClick(View v) {
 
 }
 })
 );
 } } ⾃自動產⽣生的 EpoxyModel
63. Using EpoxyModel public class SimpleController extends EpoxyController { 
 @Override
 protected void buildModels() {
 add(new SettingsItemViewModel_()
 .id(3)
 .title(R.string.settings_1)
 .clickListener(new OnClickListener() {
 @Override
 public void onClick(View v) {
 
 }
 })
 );
 } } 透過 EpoxyController 的 method 加入到 Controller 裡
64. Using EpoxyModel public class SimpleController extends EpoxyController { 
 @Override
 protected void buildModels() {
 add(new SettingsItemViewModel_()
 .id(3)
 .title(R.string.settings_1)
 .clickListener(new OnClickListener() {
 @Override
 public void onClick(View v) {
 
 }
 })
 );
 } } 若若是⼿手動建立 要設定 Unique ID
65. Using EpoxyModel public class SimpleController extends EpoxyController { 
 @Override
 protected void buildModels() {
 add(new SettingsItemViewModel_()
 .id(3)
 .title(R.string.settings_1)
 .clickListener(new OnClickListener() {
 @Override
 public void onClick(View v) {
 
 }
 })
 );
 } } 剛剛設定的 Properties
66. Integration • 在 EpoxyController 中設定需要哪些 EpoxyModels • 有兩兩種⽅方式可以建立 EpoxyModel • ⼿手動建立 • ⾃自動建立 (AutoModel Annotation)
67. Using EpoxyModel public class SimpleController extends EpoxyController { 
 @Override
 protected void buildModels() {
 
 }
 }
68. Using EpoxyModel public class SimpleController extends EpoxyController { @AutoModel SettingsItemViewModel_ settingsItemViewModel1; 
 @Override
 protected void buildModels() {
 
 }
 } 使⽤用 Annotation
69. Using EpoxyModel public class SimpleController extends EpoxyController { @AutoModel SettingsItemViewModel_ settingsItemViewModel1; 
 @Override
 protected void buildModels() {
 settingsItemViewModel1
 .title(R.string.settings_1)
 .clickListener(new OnClickListener() {
 @Override
 public void onClick(View v) {
 
 }
 })
 .addTo(this);
 }
 }
70. Using EpoxyModel public class SimpleController extends EpoxyController { @AutoModel SettingsItemViewModel_ settingsItemViewModel1; 
 @Override
 protected void buildModels() {
 settingsItemViewModel1
 .title(R.string.settings_1)
 .clickListener(new OnClickListener() {
 @Override
 public void onClick(View v) {
 
 }
 })
 .addTo(this);
 }
 } 透過 Annotation 建立的 EpoxyModel 會⾃自動設定 Unique ID
71. Using EpoxyModel public class SimpleController extends EpoxyController { @AutoModel SettingsItemViewModel_ settingsItemViewModel1; 
 @Override
 protected void buildModels() {
 settingsItemViewModel1
 .title(R.string.settings_1)
 .clickListener(new OnClickListener() {
 @Override
 public void onClick(View v) {
 
 }
 })
 .addTo(this);
 }
 } 加入到 Controller 裡
72. EpoxyViewHolder • 如果是單純重複的 list？
73. EpoxyViewHolder • 如果是單純重複的 list？ • 可使⽤用 EpoxyViewHolder
74. public class ListController extends TypedEpoxyController<List<Comment>> {
 
 
 
 
 @Override
 protected void buildModels(List<Comment> data) {
 
 
 }
 }
75. public class ListController extends TypedEpoxyController<List<Comment>> {
 
 @AutoModel HeaderItemViewModel_ headerItemViewModel;
 @AutoModel FooterItemViewModel_ footerItemViewModel;
 
 @Override
 protected void buildModels(List<Comment> data) {
 
 headerItemViewModel
 .title(R.string.header_1)
 .addTo(this);
 
 
 
 footerItemViewModel
 .title(R.string.footer_1)
 .addTo(this);
 }
 }
76. public class ListController extends TypedEpoxyController<List<Comment>> {
 
 @AutoModel HeaderItemViewModel_ headerItemViewModel;
 @AutoModel FooterItemViewModel_ footerItemViewModel;
 
 @Override
 protected void buildModels(List<Comment> data) {
 
 headerItemViewModel
 .title(R.string.header_1)
 .addTo(this);
 
 for (Comment comment : data) {
 new CommentItemModel_()
 .id(comment.getId())
 .comment(comment.getComment())
 .clickListener(//...)
 })
 .addTo(this);
 }
 
 footerItemViewModel
 .title(R.string.footer_1)
 .addTo(this);
 }
 }
77. Using EpoxyHolder @EpoxyModelClass(layout = R.layout.model_comment_item_view)
 public abstract class CommentItemModel extends EpoxyModelWithHolder<CommentItemHolder> {
 @EpoxyAttribute String comment;
 @EpoxyAttribute(DoNotHash) OnClickListener clickListener;
 
 @Override
 public void bind(CommentItemHolder holder) {
 holder.itemView.setOnClickListener(clickListener);
 holder.commentTextView.setText(comment);
 }
 
 @Override
 public void unbind(CommentItemHolder holder) {
 holder.itemView.setOnClickListener(null);
 }
 
 public static class CommentItemHolder extends BaseEpoxyHolder {
 @BindView(R.id.itemView) View itemView;
 @BindView(R.id.commentTextView) TextView commentTextView;
 }
 }
78. Using EpoxyHolder @EpoxyModelClass(layout = R.layout.model_comment_item_view)
 public abstract class CommentItemModel extends EpoxyModelWithHolder<CommentItemHolder> {
 @EpoxyAttribute String comment;
 @EpoxyAttribute(DoNotHash) OnClickListener clickListener;
 
 @Override
 public void bind(CommentItemHolder holder) {
 holder.itemView.setOnClickListener(clickListener);
 holder.commentTextView.setText(comment);
 }
 
 @Override
 public void unbind(CommentItemHolder holder) {
 holder.itemView.setOnClickListener(null);
 }
 
 public static class CommentItemHolder extends BaseEpoxyHolder {
 @BindView(R.id.itemView) View itemView;
 @BindView(R.id.commentTextView) TextView commentTextView;
 }
 } 繼承 EpoxyModelWithHolder 繼承 BaseEpoxyHolder https://github.com/airbnb/epoxy/wiki/Epoxy-Models#view-holders
79. Using EpoxyHolder @EpoxyModelClass(layout = R.layout.model_comment_item_view)
 public abstract class CommentItemModel extends EpoxyModelWithHolder<CommentItemHolder> {
 @EpoxyAttribute String comment;
 @EpoxyAttribute(DoNotHash) OnClickListener clickListener;
 
 @Override
 public void bind(CommentItemHolder holder) {
 holder.itemView.setOnClickListener(clickListener);
 holder.commentTextView.setText(comment);
 }
 
 @Override
 public void unbind(CommentItemHolder holder) {
 holder.itemView.setOnClickListener(null);
 }
 
 public static class CommentItemHolder extends BaseEpoxyHolder {
 @BindView(R.id.itemView) View itemView;
 @BindView(R.id.commentTextView) TextView commentTextView;
 }
 } 類似 ViewHolder 的 lifecycle
80. public class ListController extends TypedEpoxyController<List<Comment>> {
 
 @AutoModel HeaderItemViewModel_ headerItemViewModel;
 @AutoModel FooterItemViewModel_ footerItemViewModel;
 
 @Override
 protected void buildModels(List<Comment> data) {
 
 headerItemViewModel
 .title(R.string.header_1)
 .addTo(this);
 
 for (Comment comment : data) {
 new CommentItemModel_()
 .id(comment.getId())
 .comment(comment.getComment())
 .clickListener(//...)
 })
 .addTo(this);
 }
 
 footerItemViewModel
 .title(R.string.footer_1)
 .addTo(this);
 }
 }
81. public class ListController extends TypedEpoxyController<List<Comment>> {
 
 @AutoModel HeaderItemViewModel_ headerItemViewModel;
 @AutoModel FooterItemViewModel_ footerItemViewModel; 
 @Override
 protected void buildModels(List<Comment> data) {
 
 headerItemViewModel
 .title(R.string.header_1)
 .addTo(this);
 
 for (Comment comment : data) {
 new CommentItemModel_()
 .id(comment.getId())
 .comment(comment.getComment())
 .clickListener(//...)
 })
 .addTo(this);
 }
 
 loadMoreViewModel
 .addTo(true, this);
 }
 }
82. public class ListController extends TypedEpoxyController<List<Comment>> {
 
 @AutoModel HeaderItemViewModel_ headerItemViewModel;
 @AutoModel FooterItemViewModel_ footerItemViewModel; 
 @Override
 protected void buildModels(List<Comment> data) {
 
 headerItemViewModel
 .title(R.string.header_1)
 .addTo(this);
 
 for (Comment comment : data) {
 new CommentItemModel_()
 .id(comment.getId())
 .comment(comment.getComment())
 .clickListener(//...)
 })
 .addTo(this);
 }
 
 loadMoreViewModel
 .addTo(true, this);
 }
 } Add with condition, 可以設定條件(true/false) 決定是否要加入到 Controller
83. public class ListController extends TypedEpoxyController<List<Comment>> {
 
 @AutoModel HeaderItemViewModel_ headerItemViewModel;
 @AutoModel FooterItemViewModel_ footerItemViewModel; 
 @Override
 protected void buildModels(List<Comment> data) {
 
 headerItemViewModel
 .title(R.string.header_1)
 .addTo(this);
 
 for (Comment comment : data) {
 new CommentItemModel_()
 .id(comment.getId())
 .comment(comment.getComment())
 .clickListener(//...)
 })
 .addTo(this);
 }
 
 loadMoreViewModel
 .addTo(false, this);
 }
 }
84. Other Features • EpoxyModelGroup • Saving View state • Payloads • Data binding layouts • Litho Components • Kotlin Support • Grid Suport
85. Future • Sticky Header, Footer, Decoration
86. Summary • 若若 RecyclerView 有兩兩種以上的 view type，可以考慮⽤用 Epoxy • 想要動態增減 RecyclerView 內容，可以考慮⽤用 Epoxy • ScrollView 太長，可以考慮⽤用 Epoxy • 需要 Header, Footer，可以考慮⽤用 Epoxy • 不想⾃自⼰己實作 diff, save state，可以考慮⽤用 Epoxy
87. Demo Project • https://github.com/ch8908/EpoxyDemo
88. Reference • Epoxy: Airbnb’s View Architecture on Android
 https://medium.com/airbnb-engineering/epoxy-airbnbs-view- architecture-on-android-c3e1af150394 • Epoxy Github Wiki
 https://github.com/airbnb/epoxy/wiki