Android-->RecyclerView的上手教程(模仿画廊效果)

效果图:

考虑到图片体积, 上一个和下一个的按钮,没有截图出来.

RecyclerView使用教程

1:创建RecyclerView,也可以在布局中创建

recyclerView = new RecyclerView(this);

2:创建LinearLayoutManager对象,这个对象可以设置 垂直和水平滚动的方向

manager = new LinearLayoutManager(this);
manager.setOrientation(LinearLayoutManager.HORIZONTAL);//设置方向为横向

3:创建一个RecyclerView.ViewHolder对象,用来保存每个Item的View对象

public final class MyViewHolder extends RecyclerView.ViewHolder {

    public ImageView img;//我这里只有一张图片

    public MyViewHolder(View itemView) {
        img = (ImageView) itemView;
    }

}

4:创建一个RecyclerView.Adapter对象

public class MyAdapter extends RecyclerView.Adapter<ViewHolder> {

    @Override
    public int getItemCount() {//返回item的数量
        return imgs.length;
    }

    @Override
    public void onBindViewHolder(//这里设置Item中View的值
            android.support.v7.widget.RecyclerView.ViewHolder arg0, int arg1) {

        ((MyViewHolder) arg0).img.setImageResource(imgs[arg1]);

    }

    @Override
    public android.support.v7.widget.RecyclerView.ViewHolder onCreateViewHolder(
            ViewGroup arg0, int arg1) {//创建Item的View,并交给ViewHolder管理
        ImageView img = new ImageView(MainActivity.this);
        img.setLayoutParams(new LayoutParams(getWidth(), 400));

        return new MyViewHolder(img);
    }
}

5:最后一步:

adapter = new MyAdapter();
recyclerView.setLayoutManager(manager);//关联布局管理,水平方向或者垂直方向
recyclerView.setAdapter(adapter);//关联数据,需要展示的数据

源代码下载: http://download.csdn.net/detail/angcyo/8792845

源码:

public class MainActivity extends ActionBarActivity {

    RecyclerView recyclerView;
    LinearLayoutManager manager;
    RecyclerView.Adapter adapter;
    RelativeLayout rootView;

    int[] imgs = new int[] { R.drawable.dvd_decrypter, R.drawable.eac,
            R.drawable.elo, R.drawable.norton_alt, R.drawable.elo_alt2,
            R.drawable.elster_formular, R.drawable.eset_endpoint_security };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        rootView = (RelativeLayout) findViewById(R.id.root);

        recyclerView = new RecyclerView(this);
        recyclerView.setHasFixedSize(true);
        manager = new LinearLayoutManager(this);
        manager.setOrientation(LinearLayoutManager.HORIZONTAL);

        adapter = new MyAdapter();
        recyclerView.setLayoutManager(manager);
        recyclerView.setAdapter(adapter);

        recyclerView.setBackgroundColor(Color.parseColor("#3E3E3E"));

        RelativeLayout.LayoutParams params = new LayoutParams(
                LayoutParams.MATCH_PARENT, 400);
        rootView.addView(recyclerView, params);
        recyclerView.addOnScrollListener(new OnScrollListener() {
            @Override
            public void onScrollStateChanged(RecyclerView recyclerView,
                    int newState) {
                super.onScrollStateChanged(recyclerView, newState);
                if (newState == RecyclerView.SCROLL_STATE_IDLE) {
                    int width = getWidth() / 2; // 图片的一半宽
                    int offset = recyclerView.computeHorizontalScrollOffset()
                            % getWidth() > width ? getWidth()
                            - recyclerView.computeHorizontalScrollOffset()
                            % getWidth() : -recyclerView
                            .computeHorizontalScrollOffset() % getWidth();

                    recyclerView.smoothScrollBy(offset, 0);
                }
            }

            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);

                // Log.e(dx + "", dy + "");
            }
        });
    }

    public final class MyViewHolder extends RecyclerView.ViewHolder {

        public ImageView img;

        public MyViewHolder(View itemView) {
            super(itemView);
            img = (ImageView) itemView;
        }

    }

    public class MyAdapter extends RecyclerView.Adapter<ViewHolder> {

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

        @Override
        public void onBindViewHolder(
                android.support.v7.widget.RecyclerView.ViewHolder arg0, int arg1) {

            ((MyViewHolder) arg0).img.setImageResource(imgs[arg1]);

        }

        @Override
        public android.support.v7.widget.RecyclerView.ViewHolder onCreateViewHolder(
                ViewGroup arg0, int arg1) {
            ImageView img = new ImageView(MainActivity.this);
            img.setLayoutParams(new LayoutParams(getWidth(), 400));

            return new MyViewHolder(img);
        }
    }

    public int getWidth() {
        Log.e("width", recyclerView.getMeasuredWidth() / 3 + "");
        return recyclerView.getMeasuredWidth() / 3;
    }

    public void prev(View view) {
        recyclerView.smoothScrollBy(-getWidth(), 0);
    }

    public void next(View view) {
        recyclerView.smoothScrollBy(getWidth(), 0);
    }
}

至此: 文章就结束了,如有疑问: QQ群:274306954 欢迎您的加入.