先上图
- 首页记得导包com.android.support:recyclerview-v7:24.0.0-alpha1
- 布局代码
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerview"
android:divider="#ffff0000"
android:dividerHeight="10dp"
android:layout_width="match_parent"
android:layout_height="match_parent"
></android.support.v7.widget.RecyclerView>
RecylerView item的布局代码:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/item"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffffff"
android:orientation="vertical">
<ImageView
android:id="@+id/masonry_item_img"
android:layout_width="match_parent"
android:layout_height="fill_parent"
android:adjustViewBounds="true"
android:scaleType="centerCrop" />
<TextView
android:id="@+id/masonry_item_title"
android:layout_width="match_parent"
android:layout_height="20dp"
android:gravity="center" />
</LinearLayout>
- 接下来是MainActivity 代码:
package com.example.animate.recyclerview;
import android.app.Activity;
import android.os.Bundle;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.view.View;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends Activity {
private RecyclerView mRecyclerView;
private List<Product> mDatas;
int[] shuzu = new int[]{R.mipmap.item, R.mipmap.item2, R.mipmap.item3, R.mipmap.item4, R.mipmap.item5, R.mipmap.item6,
R.mipmap.item7, R.mipmap.item8, R.mipmap.item9, R.mipmap.item10, R.mipmap.item11};
String[] str = new String[]{"hdauihd", "Dafd", "大駕光臨", "收費", "讓人感動", "扔他", "繞道", "我聽過", "各位", "哥啊", "感動"};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.content_main);
mRecyclerView = (RecyclerView) findViewById(R.id.recyclerview);
mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL));//设置成瀑布流布局
initdata();
MasonryAdapter adapter = new MasonryAdapter(this,mDatas);
mRecyclerView.setAdapter(adapter);
//设置item之间的间隔
SpacesItemDecoration spacesItemDecoration = new SpacesItemDecoration(16);
mRecyclerView.addItemDecoration(spacesItemDecoration);
//瀑布流的点击事件
adapter.setOnItemClickLitener(new MasonryAdapter.OnItemClickLitener() {
@Override
public void onItemClick(View view, int position) {
System.out.println(position);
}
@Override
public void onItemLongClick(View view, int position) {
}
});
}
public void initdata() {
mDatas=new ArrayList<>();
for (int i = 0; i < shuzu.length - 1; i++) {
mDatas.add(new Product(shuzu[i], str[i]));
}
}
}
- RecyclerView 适配器代码:
package com.example.animate.recyclerview;
import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import java.util.ArrayList;
import java.util.List;
/**
* Created by Administrator on 2016/3/31 0031.
*/
public class MasonryAdapter extends RecyclerView.Adapter<MasonryAdapter.MasonryView> {
private List<Product> products;
private List<Integer> heights;
Context context;
public MasonryAdapter(Context context, List<Product> list) {
this.context = context;
products = list;
getRandomHeight(list);
}
public interface OnItemClickLitener{
void onItemClick(View view,int position);
void onItemLongClick(View view ,int position);
}
private OnItemClickLitener monTtemClickLitener;
public void setOnItemClickLitener(OnItemClickLitener monTtemClickLitener){
this.monTtemClickLitener=monTtemClickLitener;
}
@Override
public MasonryView onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item, parent, false);
return new MasonryView(view);
}
@Override
public void onBindViewHolder(final MasonryView holder, int position) {
holder.imageView.setImageResource(products.get(position).getImg());
holder.textView.setText(products.get(position).getTitle());
// 如果设置了回调,则设置点击事件
if (monTtemClickLitener!=null){
holder.itemView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
int pos=holder.getLayoutPosition();
monTtemClickLitener.onItemClick(holder.itemView,pos);
}
});
holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
@Override
public boolean onLongClick(View v) {
int pos=holder.getLayoutPosition();
monTtemClickLitener.onItemLongClick(holder.itemView,pos);
return false;
}
});
}
ViewGroup.LayoutParams params=holder.imageView.getLayoutParams();
params.height = heights.get(position);//把随机的高度赋予itemView布局
holder.imageView.setLayoutParams(params);//把params设置给itemView布局
}
@Override
public int getItemCount() {
return products.size();
}
public static class MasonryView extends RecyclerView.ViewHolder {
ImageView imageView;
TextView textView;
LinearLayout linearLayout;
public MasonryView(View itemView) {
super(itemView);
imageView = (ImageView) itemView.findViewById(R.id.masonry_item_img);
textView = (TextView) itemView.findViewById(R.id.masonry_item_title);
linearLayout= (LinearLayout) itemView.findViewById(R.id.item);
}
}
private void getRandomHeight(List<Product> lists) {//得到随机item的高度
heights = new ArrayList<>();
for (int i = 0; i < lists.size(); i++) {
heights.add((int) (200 + Math.random() * 400));
}
}
}
- SpacesItemDecoration代码:
public class SpacesItemDecoration extends RecyclerView.ItemDecoration {
private int space;
public SpacesItemDecoration(int space){
this.space=space;
}
@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
super.getItemOffsets(outRect, view, parent, state);
outRect.left=space;
outRect.right=space;
outRect.bottom=space;
if(parent.getChildAdapterPosition(view)==0){
outRect.top=space;
}
}
}
- Product是一个实体类:
public class Product {
private int img;
private String title;
public Product(int img,String title){
this.img=img;
this.title=title;
}
public int getImg(){
return img;
}
public void setImg(int img){
this.img=img;
}
public String getTitle() {
return title;
}
public void setTitle(String title){
this.title=title;
}
}
点击事件是在适配器里面设置回调的;