【FastDev4Android框架开发】RecyclerView完全解析之结合AA(Android Annotations)注入框架实例(三十)

jerry Android 2015年11月26日 收藏

().前言:   

         话说RecyclerView已经面市很久,也在很多应用中得到广泛的使用,在整个开发者圈子里面也拥有很不错的口碑,那说明RecyclerView拥有比ListView,GridView之类控件有很多的优点,例如:数据绑定,Item View创建,View的回收以及重用等机制。本系列文章会包括到以下三个部分:

  1. RecyclerView控件的基本使用,包括基础,进阶,高级部分,动画之类(点击进入)
  2. RecyclerView控件的实战实例(点击进入)
  3. RecyclerView控件集合AA(Android Annotations)注入框架实例

         今天使我们本系列文章的第三讲主要使用RecyclerView结合AA(Android Annotations)注入框架实例。本次讲解所有用的Demo例子已经全部更新到下面的项目中了,欢迎大家starfork

         []关于AA(Android Annotations)注入框架的使用方法,我在CSDN上面已经更新一个专题(点击进入),大家有兴趣可以去了解学习一下。

         FastDev4Android框架项目地址:https://github.com/jiangqqlmj/FastDev4Android

().基本实现

       这边演示的也是比较简单的效果,就是使用RecyclerView实现垂直滑动列表的效果。那么 对于每一项Item的布局如下:

       1.Item布局文件:item_user_item.xml

  1. <?xmlversion="1.0" encoding="utf-8"?>
  2. <RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="49dp">
  5. <TextView
  6. android:id="@+id/tv_first"
  7. android:text="fist name"
  8. android:textSize="16sp"
  9. android:layout_width="wrap_content"
  10. android:layout_height="wrap_content"
  11. android:layout_centerVertical="true"
  12. android:layout_marginLeft="8dp"/>
  13. <TextView
  14. android:id="@+id/tv_last"
  15. android:text="last name"
  16. android:textSize="16sp"
  17. android:layout_width="wrap_content"
  18. android:layout_height="wrap_content"
  19. android:layout_centerVertical="true"
  20. android:layout_alignParentRight="true"
  21. android:layout_marginRight="8dp"/>
  22. </RelativeLayout>

     该上面布局上面有两个文本框,然后创建一个实体类,里边两个属性:

     2.TestUserBean.java

  1. public class TestUserBean {
  2. private String firstName;
  3. private String LastName;
  4. public TestUserBean() {
  5. }
  6. public String getFirstName() {
  7. return firstName;
  8. }
  9. public void setFirstName(String firstName){
  10. this.firstName = firstName;
  11. }
  12. public String getLastName() {
  13. return LastName;
  14. }
  15. public void setLastName(String lastName) {
  16. LastName = lastName;
  17. }
  18. @Override
  19. public String toString() {
  20. return "UserModel{" +
  21. "firstName='" +firstName + '\'' +
  22. ", LastName='" +LastName + '\'' +
  23. '}';
  24. }
  25. }

      3.然后创建一个继承LinearLayout的控件来注入布局,同时加入绑定数据的方法,AAUserItemView.java,该类需要通过@EViewGroup来进行注入:

  1. @EViewGroup(R.layout.item_user_item)
  2. public class AAUserItemView extends LinearLayout {
  3. @ViewById
  4. TextView tv_first;
  5. @ViewById
  6. TextView tv_last;
  7. public AAUserItemView(Context context) {
  8. super(context);
  9. }
  10. public void bind(TestUserBean userBean) {
  11. tv_first.setText(userBean.getFirstName());
  12. tv_last.setText(userBean.getLastName());
  13. }
  14. }

     4.因为这边是使用的RecyclerView而不是简单的ListView,那么这边需要特殊进行处理。RecyclerView.Adapter创建的是ViewHolder而不是View,所以这边就不能简单的注入ViewHolder类了。我们这边创建一个泛型类把所有的View包装成ViewHolder

  1. /**
  2. * 当前类注释:创建一个泛型类来把所有类型的View包装成ViewHonlder
  3. * 项目名:FastDev4Android
  4. * 包名:com.chinaztt.fda.test.RecyclerViewAA
  5. * 作者:江清清 on 15/11/21 09:24
  6. * 邮箱:jiangqqlmj@163.com
  7. * QQ: 781931404
  8. * 公司:江苏中天科技软件技术有限公司
  9. */
  10. public class ViewWrapper<V extends View> extends RecyclerView.ViewHolder {
  11. public V view;
  12. public ViewWrapper(V itemView) {
  13. super(itemView);
  14. view = itemView;
  15. }
  16. public V getView() {
  17. return view;
  18. }
  19. }

     5.紧接着我们为所有的RecyclerView适配器创建一个基类(抽象类),继承RecyclerView.Adapter<ViewWrapper<V>>。同时里边提供一个onCreateItemView(ViewGroup parent,intviewType)的抽象类,让调用者自己实现来创建View。然后里边提供一个数据集合,来存储绑定的数据。

  1. import android.support.v7.widget.RecyclerView;
  2. import android.view.View;
  3. import android.view.ViewGroup;
  4. import java.util.ArrayList;
  5. import java.util.List;
  6. public abstract class RecyclerViewAdapterBase<T,Vextends View>extends RecyclerView.Adapter<ViewWrapper<V>>{
  7. /**
  8. * 存储需要绑定的数据
  9. */
  10. protected List<T> items = newArrayList<T>();
  11. public List<T> getItems() {
  12. return items;
  13. }
  14. public void setItems(List<T> items) {
  15. this.items = items;
  16. }
  17. @Override
  18. public int getItemCount() {
  19. return items.size();
  20. }
  21. /**
  22. * 进行创建视图承载类
  23. * @param parent
  24. * @param viewType
  25. * @return
  26. */
  27. @Override
  28. public final ViewWrapper<V>onCreateViewHolder(ViewGroup parent, int viewType) {
  29. return new ViewWrapper<V>(onCreateItemView(parent, viewType));
  30. }
  31. /**
  32. * 创建视图Item,交给具体实现类完成
  33. * @param parent
  34. * @param viewType
  35. * @return
  36. */
  37. protected abstract VonCreateItemView(ViewGroup parent, int viewType);
  38. }

    6.下面我们来实现具体的Adapter,创建AAUserAdapter,并且这个类使用@EBean进行注解,继承刚刚的Adapter基类,RecyclerViewAdapterBase<TestUserBean,AAUserItemView>。主要实现以下两个方法:

  • protected AAUserItemView onCreateItemView(ViewGroup parent,int viewType)
  • Public void onBindViewHolder(ViewWrapper<AAUserItemView> holder,int position)

分别进行创建View,最后调用onBindViewHolder()方法来进行绑定数据。

  1. package com.chinaztt.fda.test.RecyclerViewAA;
  2. import android.content.Context;
  3. import android.view.ViewGroup;
  4. import org.androidannotations.annotations.EBean;
  5. import org.androidannotations.annotations.RootContext;
  6. /**
  7. * 当前类注释:
  8. * 项目名:FastDev4Android
  9. * 包名:com.chinaztt.fda.test.RecyclerViewAA
  10. * 作者:江清清 on 15/11/21 09:35
  11. * 邮箱:jiangqqlmj@163.com
  12. * QQ: 781931404
  13. * 公司:江苏中天科技软件技术有限公司
  14. */
  15. @EBean
  16. public class AAUserAdapter extends RecyclerViewAdapterBase<TestUserBean,AAUserItemView> {
  17. @RootContext
  18. Context context;
  19. /**
  20. * 创建Item视图View
  21. * @param parent
  22. * @param viewType
  23. * @return
  24. */
  25. @Override
  26. protected AAUserItemView onCreateItemView(ViewGroup parent, int viewType) {
  27. return AAUserItemView_.build(context);
  28. }
  29. /**
  30. * 进行绑定数据View
  31. * @param holder
  32. * @param position
  33. */
  34. @Override
  35. public void onBindViewHolder(ViewWrapper<AAUserItemView> holder, int position) {
  36. AAUserItemView view =holder.getView();
  37. TestUserBean userBean =items.get(position);
  38. view.bind(userBean);
  39. }
  40. }

  7.接下来需要进行使用RecyclerViewAdapter了,不过在使用之前首先需要准备数据,这边我们准备了一个接口类AAUserFinder.java

  1. public interface AAUserFinder {
  2. List<TestUserBean> findAll();
  3. }

      然后就是AAUserFinder的实现类ImMemoryUserFinder.这边实现接口中的findAll()方法,并且该类使用@EBean标签注解。

  1. packag ecom.chinaztt.fda.test.RecyclerViewAA;
  2. import org.androidannotations.annotations.EBean;
  3. import java.util.ArrayList;
  4. import java.util.List;
  5. /**
  6. * 当前类注释:
  7. * 项目名:FastDev4Android
  8. * 包名:com.chinaztt.fda.test.RecyclerViewAA
  9. * 作者:江清清 on 15/11/21 09:36
  10. * 邮箱:jiangqqlmj@163.com
  11. * QQ: 781931404
  12. * 公司:江苏中天科技软件技术有限公司
  13. */
  14. @EBean
  15. public class ImMemoryUserFinder implements AAUserFinder{
  16. @Override
  17. public List<TestUserBean> findAll() {
  18. List<TestUserBean> userModels=new ArrayList<TestUserBean>();
  19. for(int i=1;i<=45;i++){
  20. TestUserBean model=new TestUserBean();
  21. model.setFirstName("First 张三:"+i);
  22. model.setLastName("Last 李四:" + i);
  23. userModels.add(model);
  24. }
  25. return userModels;
  26. }
  27. }

      8.最后就是实例化RecyclerView以及使用AAUserAdapter了,该Activity采用@EActivity进行注解,通过@ViewById来注入初始化控件,通过@Bean来注入初始化AAUserAdapter以及AAUserFinder实例化(不过根据多态性,这边实例化的对象为ImMemoryUserFinder)。然后通过@AfterViews注解的方法发生调用,来创建布局管理器以及给Adapter提供数据,绑定数据即可。所有代码如下:

  1. package com.chinaztt.fda.test;
  2. import android.os.Bundle;
  3. import android.support.v7.widget.LinearLayoutManager;
  4. import android.support.v7.widget.OrientationHelper;
  5. import android.support.v7.widget.RecyclerView;
  6. import android.view.View;
  7. import android.widget.LinearLayout;
  8. import android.widget.TextView;
  9. import com.chinaztt.fda.test.RecyclerViewAA.AAUserAdapter;
  10. import com.chinaztt.fda.test.RecyclerViewAA.AAUserFinder;
  11. import com.chinaztt.fda.test.RecyclerViewAA.ImMemoryUserFinder;
  12. import com.chinaztt.fda.ui.R;
  13. import com.chinaztt.fda.ui.base.BaseActivity;
  14. import org.androidannotations.annotations.AfterInject;
  15. import org.androidannotations.annotations.AfterViews;
  16. import org.androidannotations.annotations.Bean;
  17. import org.androidannotations.annotations.Click;
  18. import org.androidannotations.annotations.EActivity;
  19. import org.androidannotations.annotations.ViewById;
  20. /**
  21. * 当前类注释:RecyclerView集合AA(Android Annotations)注入框架实现实例
  22. * 项目名:FastDev4Android
  23. * 包名:com.chinaztt.fda.test
  24. * 作者:江清清 on 15/11/20 14:41
  25. * 邮箱:jiangqqlmj@163.com
  26. * QQ: 781931404
  27. * 公司:江苏中天科技软件技术有限公司
  28. */
  29. @EActivity(R.layout.recycler_aa_layout)
  30. public class RecyclerViewAAActivity extends BaseActivity{
  31. @ViewById
  32. LinearLayout top_bar_linear_back;
  33. @ViewById
  34. TextView top_bar_title;
  35. @ViewById
  36. RecyclerView aa_recyclerview;
  37. @Bean
  38. AAUserAdapter adapter;
  39. @Bean(ImMemoryUserFinder.class)
  40. AAUserFinder userFinder;
  41. @Override
  42. protected void onCreate(Bundle savedInstanceState) {
  43. super.onCreate(savedInstanceState);
  44. }
  45. @AfterViews
  46. public void initViews(){
  47. top_bar_title.setText("RecyclerView集合AA注入框架实例");
  48. //进行设置RecyerView ,并且绑定数据
  49. LinearLayoutManager linearLayoutManager=new LinearLayoutManager(this);
  50. linearLayoutManager.setOrientation(OrientationHelper.VERTICAL);
  51. aa_recyclerview.setLayoutManager(linearLayoutManager);
  52. adapter.setItems(userFinder.findAll());
  53. aa_recyclerview.setAdapter(adapter);
  54. }
  55. @Click(R.id.top_bar_linear_back)
  56. public void clickButton(View view){
  57. this.finish();
  58. }
  59. }

       9.运行效果如下:


          10.上面的类有很多AA(Android Annotations)注入框架标签的使用,如果各位童鞋对于AA框架不是太了解的话的,看上面的代码内容,会有点晕的~不过我已经对于AA注入学习的专题已经更新了[AA(AndroidAnnotations)注入框架详解专题,点击进入...]

().最后总结

           今天我们通过实例来演示了RecyclerViewAA注入框架的结合使用方法。

           本次具体实例注释过的全部代码已经上传到FastDev4Android项目中了。同时欢迎大家去Github站点进行clone或者下载浏览:

https://github.com/jiangqqlmj/FastDev4Android 同时欢迎大家starfork整个开源快速开发框架项目~后面应大家的要求,会更新RecyclerView下拉刷新和上拉更多效果以及RecyclerView打造的Gallery 3D版本的功能文章,敬请期待~