RecyclerView瀑布流的简单实现

原创 2016年12月15日 21:38:03

首先建立布局。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.devin.recylerviewstaggereddemo.MainActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></android.support.v7.widget.RecyclerView>
</RelativeLayout>

列表项的布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
<ImageView
    android:id="@+id/img_container"
    android:layout_width="wrap_content"
    android:scaleType="fitXY"
    android:layout_height="wrap_content" />
</LinearLayout>
可以加边框,Android5.0以上可以用CardView.这里只是简单实现。

下来是ViewHolder.java

public class ImageViewHolder extends RecyclerView.ViewHolder {
    private Context context;
    private ImageView imgContainer;
    private int item;

    private int scnWidth;//屏幕的宽

    public ImageViewHolder(Context context, View itemView) {
        super(itemView);
        this.context = context;
        imgContainer = (ImageView) itemView.findViewById(R.id.img_container);
        //获取屏幕宽度
        WindowManager manager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
        DisplayMetrics metrics = new DisplayMetrics();
        manager.getDefaultDisplay().getMetrics(metrics);
        scnWidth = metrics.widthPixels;
        //设置参数
        ViewGroup.LayoutParams params = imgContainer.getLayoutParams();
        params.width = scnWidth / 3;//设置三列显示
        params.height = 240 + new Random().nextInt(360);//高度随机,240到600之间
        imgContainer.setLayoutParams(params);
        imgContainer.setPadding(3, 3, 3, 3);//设置图片边距
    }

    /**
     * 设置数据项
     *
     * @param item
     */
    public void setItem(int item) {
        this.item = item;
    }

    /**
     * 设置数据
     */
    public void refreshView() {
        Glide.with(context).load(item).crossFade().into(imgContainer);
    }
}

Adapter.java

public class ImageAdapter extends RecyclerView.Adapter<ImageViewHolder> {
    private Context context;
    private int[] imagePaths;

    public ImageAdapter(int[] imagePaths) {
        this.imagePaths = imagePaths;
    }

    @Override
    public ImageViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        context=parent.getContext();
        View view = LayoutInflater.from(context).inflate(R.layout.item_image_1, null);
        return new ImageViewHolder(context,view);
    }

    @Override
    public void onBindViewHolder(ImageViewHolder holder, int position) {
        holder.setItem(imagePaths[position]);
        holder.refreshView();
    }

    @Override
    public int getItemCount() {
        return imagePaths.length;
    }
}

最后是Activity.java

public class MainActivity extends AppCompatActivity {
    private RecyclerView recyclerView;
    //图片数据源资源ID,glide框架可以直接加载
    private int[] RES_IMAGES_ID = {R.drawable.img_builder_001,
            R.drawable.img_builder_002,
            R.drawable.img_builder_003,
            R.drawable.img_builder_004,
            R.drawable.img_builder_005,
            R.drawable.img_builder_006,
            R.drawable.img_builder_007,
            R.drawable.img_builder_008,
            R.drawable.img_builder_009,
            R.drawable.img_builder_010,
            R.drawable.img_builder_011,
            R.drawable.img_builder_012,
            R.drawable.img_builder_013,
            R.drawable.img_builder_014,
            R.drawable.img_builder_015,
            R.drawable.img_builder_016,
            R.drawable.img_builder_017,
            R.drawable.img_builder_018,
            R.drawable.img_builder_019,
            R.drawable.img_builder_020};

    private ImageAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    /**
     * 初始化
     */
    private void initView() {
        recyclerView = (RecyclerView) findViewById(R.id.rv_container);
        //设置瀑布流布局管理器,
        recyclerView.setLayoutManager(new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL));
        recyclerView.setPadding(1,1,1,1);//设置边距,这是整个控件的边距
        recyclerView.setHasFixedSize(true);//保持固定大小
        adapter=new ImageAdapter(RES_IMAGES_ID);//创建适配器
        recyclerView.setAdapter(adapter);//设置适配器
    }
}


运行效果:



版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

android中RecyclerView的简单使用(三)——瀑布流

上一篇主要描述了RecyclerView实现分割线,本篇文章就描述一下RecyclerView实现瀑布流。 实现瀑布流比较简单,先不多说,上效果图: 这个就是瀑布流的效果图。 运用瀑布流可以做...

RecyclerView——取代ListView和GridView 以及自己写的一个简单的万能适配器以及顺带瀑布流

超好用,各个模块都是分开的,填空就行了,一个控件可以当ListView使用,当GridView用,还可以实现瀑布流#代码: MainActivity.javapackage com.haha.admi...

Recyclerview瀑布流的实现

  • 2016-12-07 14:14
  • 24.83MB
  • 下载

RecyclerView实现图片瀑布流

RecyclerView相关用法及实现 首先需要在build.gradle中添加相应的依赖库compile 'com.android.support:recyclerview-v7:25.0.1',只...

RecyclerView实现瀑布流

  • 2015-07-04 18:19
  • 5.84MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)