Android中RecyclerView布局代替GridView实现类似支付宝的界面

compile 'com.android.support:recyclerview-v7:22.2.0'

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  xmlns:tools="http://schemas.android.com/tools"  android:layout_width="match_parent"  android:layout_height="match_parent"  tools:context=".MainActivity">  <android.support.v7.widget.RecyclerView    android:id="@+id/home_rv"    android:layout_width="match_parent"    android:layout_height="match_parent" /></RelativeLayout>

public class MyAdapter extends RecyclerView.Adapter {  //先定义两个ItemViewType，0代表头，1代表表格中间的部分  private static final int ITEM_VIEW_TYPE_HEADER = 0;  private static final int ITEM_VIEW_TYPE_ITEM = 1;  //数据源  private List<String> dataList;  //构造函数  public MyAdapter(List<String> dataList) {    this.dataList = dataList;  }  /**   * 判断当前position是否处于第一个   * @param position   * @return   */  public boolean isHeader(int position) {    return position == 0;  }  @Override  public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {    //在onCreateViewHolder方法中，我们要根据不同的ViewType来返回不同的ViewHolder    if (viewType == ITEM_VIEW_TYPE_HEADER) {      //对于Header，我们应该返回填充有Header对应布局文件的ViewHolder（再次我们返回的都是一个布局文件，请根据不同的需求做相应的改动）      return new HeaderViewHolder(LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.layout_item, null));    } else {      //对于Body中的item，我们也返回所对应的ViewHolder      return new BodyViewHolder(LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.layout_item, null));    }  }  @Override  public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int position) {    if (isHeader(position)) {      //大家在这里面处理头，这里只有一个TextView，大家可以根据自己的逻辑做修改      ((HeaderViewHolder)viewHolder).getTextView().setText("This is the Header!!");    }else {      //其他条目中的逻辑在此      ((BodyViewHolder) viewHolder).getTextView().setText(dataList.get(position - 1));    }  }  /**   * 总条目数量是数据源数量+1，因为我们有个Header   * @return   */  @Override  public int getItemCount() {    return dataList.size() + 1;  }  /**   *   * 复用getItemViewType方法，根据位置返回相应的ViewType   * @param position   * @return   */  @Override  public int getItemViewType(int position) {    //如果是0，就是头，否则则是其他的item    return isHeader(position) ? ITEM_VIEW_TYPE_HEADER : ITEM_VIEW_TYPE_ITEM;  }  /**   * 给头部专用的ViewHolder，大家根据需求自行修改   */  public class HeaderViewHolder extends RecyclerView.ViewHolder {    private TextView textView;    public HeaderViewHolder(View itemView) {      super(itemView);      textView = (TextView) itemView.findViewById(R.id.item_tv);    }    public TextView getTextView() {      return textView;    }  }  /**   * 给GridView中的条目用的ViewHolder，里面只有一个TextView   */  public class BodyViewHolder extends RecyclerView.ViewHolder {    private TextView textView;    public BodyViewHolder(View itemView) {      super(itemView);      textView = (TextView) itemView.findViewById(R.id.item_tv);    }    public TextView getTextView() {      return textView;    }  }}

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  android:layout_width="match_parent"  android:layout_height="wrap_content"  android:orientation="vertical">  <TextView    android:id="@+id/item_tv"    android:layout_width="match_parent"    android:layout_height="100dp"    android:gravity="center" /></RelativeLayout>

public class MainActivity extends Activity {  @Override  protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_main);    //找到RecyclerView控件    RecyclerView home_rv = (RecyclerView) findViewById(R.id.home_rv);    //做一些假数据    List<String> dataList = new ArrayList<>();    dataList.add("第一个");    dataList.add("第二个");    dataList.add("第三个");    dataList.add("第四个");    dataList.add("第五个");    dataList.add("第六个");    dataList.add("第七个");    dataList.add("第八个");    dataList.add("第九个");    //实例化Adapter并且给RecyclerView设上    final MyAdapter adapter = new MyAdapter(dataList);    home_rv.setAdapter(adapter);    // 如果我们想要一个GridView形式的RecyclerView，那么在LayoutManager上我们就要使用GridLayoutManager    // 实例化一个GridLayoutManager，列数为3    final GridLayoutManager layoutManager = new GridLayoutManager(this, 3);    //调用以下方法让RecyclerView的第一个条目仅为1列    layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {      @Override      public int getSpanSize(int position) {        //如果位置是0，那么这个条目将占用SpanCount()这么多的列数，再此也就是3        //而如果不是0，则说明不是Header，就占用1列即可        return adapter.isHeader(position) ? layoutManager.getSpanCount() : 1;      }    });    //把LayoutManager设置给RecyclerView    home_rv.setLayoutManager(layoutManager);  }}

public class MyItemDecoration extends RecyclerView.ItemDecoration {  /**   * 复写onDraw方法，从而达到在每隔条目的被绘制之前（或之后），让他先帮我们画上去几根线吧   *   * @param c   * @param parent   * @param state   */  @Override  public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {    //先初始化一个Paint来简单指定一下Canvas的颜色，就黑的吧！    Paint paint = new Paint();    paint.setColor(parent.getContext().getResources().getColor(android.R.color.black));    //获得RecyclerView中总条目数量    int childCount = parent.getChildCount();    //遍历一下    for (int i = 0; i < childCount; i++) {      if (i == 0) {        //如果是第一个条目，那么我们就不画边框了        continue;      }      //获得子View，也就是一个条目的View，准备给他画上边框      View childView = parent.getChildAt(i);      //先获得子View的长宽，以及在屏幕上的位置，方便我们得到边框的具体坐标      float x = childView.getX();      float y = childView.getY();      int width = childView.getWidth();      int height = childView.getHeight();      //根据这些点画条目的四周的线      c.drawLine(x, y, x + width, y, paint);      c.drawLine(x, y, x, y + height, paint);      c.drawLine(x + width, y, x + width, y + height, paint);      c.drawLine(x, y + height, x + width, y + height, paint);      //当然了，这里大家肯定是要根据自己不同的设计稿进行画线，或者画一些其他的东西，都可以在这里搞，非常方便    }    super.onDraw(c, parent, state);  }}

//把我们自定义的ItemDecoration设置给RecyclerViewhome_rv.addItemDecoration(new MyItemDecoration());