首先是导依赖包
compile 'com.android.support:recyclerview-v7:24.2.1'
compile 'com.facebook.fresco:fresco:1.5.0'
compile 'com.github.bumptech.glide:glide:3.7.0'
compile 'com.android.support:cardview-v7:24.0.0-alpha1'
compile 'com.google.code.gson:gson:2.8.2'
compile 'com.youth.banner:banner:1.4.10'
compile 'com.squareup.okhttp3:okhttp:3.9.0'
然后是写RecyclerView的组件
.support.v7.widget.RecyclerView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/rv"
android:padding="4dp"
> .support.v7.widget.RecyclerView>
然后写主页面
mRv.setLayoutManager(new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL));
DemoAdapter adapter = new DemoAdapter(list,MainActivity.this);
mRv.setAdapter(adapter);
最后写适配器
public class DemoAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder>{
private List list = new ArrayList();
private Context context;
public DemoAdapter(List list, Context context) {
this.list = list;
this.context = context;
}
//重写onCreateViewHolder方法,返回一个自定义的ViewHolder
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view=LayoutInflater.from(context).inflate(R.layout.one,parent,false);
return new MyViewHolder(view);
}
//填充onCreateViewHolder方法返回的holder中的控件
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
Bean.DataBean dataBean = list.get(position);
MyViewHolder myViewHolder= (MyViewHolder) holder;
myViewHolder.iv.setImageURI(dataBean.getIcon());
}
@Override
public int getItemCount() {
return list.size();
}
class MyViewHolder extends RecyclerView.ViewHolder{
private SimpleDraweeView iv;
public MyViewHolder(View itemView) {
super(itemView);
iv= (SimpleDraweeView) itemView.findViewById(R.id.iv);
int width = ((Activity) iv.getContext()).getWindowManager().getDefaultDisplay().getWidth();
ViewGroup.LayoutParams params = iv.getLayoutParams();
//设置图片的相对于屏幕的宽高比
params.width = width/3;
params.height = (int) (200 + Math.random() * 400) ;
iv.setLayoutParams(params);
iv.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent=new Intent(context, Main2Activity.class);
context.startActivity(intent);
}
});
}
}
}
图片的加载方法用的fresco,记着注册
public class App extends Application {
@Override
public void onCreate() {
super.onCreate();
Fresco.initialize(this);
}
}
还要写一个图片加载的工具类
public class GlideImageLoader extends ImageLoader {
@Override
public void displayImage(Context context, Object path, ImageView imageView) {
/**
注意:
1.图片加载器由自己选择,这里不限制,只是提供几种使用方法
2.返回的图片路径为Object类型,由于不能确定你到底使用的那种图片加载器,
传输的到的是什么格式,那么这种就使用Object接收和返回,你只需要强转成你传输的类型就行,
切记不要胡乱强转!
*/
//用fresco加载图片简单用法,记得要写下面的createImageView方法
Uri uri = Uri.parse((String) path);
imageView.setImageURI(uri);
}
//提供createImageView 方法,如果不用可以不重写这个方法,主要是方便自定义ImageView的创建
@Override
public ImageView createImageView(Context context) {
//使用fresco,需要创建它提供的ImageView,当然你也可以用自己自定义的具有图片加载功能的ImageView
SimpleDraweeView simpleDraweeView=new SimpleDraweeView(context);
return simpleDraweeView;
}
}
图片的组件
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/iv"
android:layout_width="50dp"
android:layout_height="50dp"
/>