使用RecyclerView展示瀑布流的效果

来源：互联网发布：高尔夫7原厂轮毂数据编辑：程序博客网时间：2024/05/21 11:09

第一步：

关联库文件：

第二步：布局.xml

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

第三步：在主类中初始化控件

//查找我们的控件函数

private void initView() {

mRecyclerView = (RecyclerView) findViewById(R.id.recyler_view);

}

第四步：在主类中通过方法，添加一个menu菜单选项,效果如下:

方法：

 //加载一个menu菜单    @Override    public boolean onCreateOptionsMenu(Menu menu) {        getMenuInflater().inflate(R.menu.activity_menu,menu);        return true;    }    //菜单按钮点击事件处理函数    @Override    public boolean onOptionsItemSelected(MenuItem item) {        int itemId=item.getItemId();        //E staggered显示        if (itemId==R.id.action_staggered_normal){            //标准显示            loadstaggeredDate(false,true); //自定义的一个bean类            return true;        }// B 垂直反向显示        else if (itemId==R.id.action_staggered_normal_reverse){            loadstaggeredDate(true,true);        }// C 水平标准显示        else if (itemId==R.id.action_staggered_horizontal){            loadstaggeredDate(false,false);        }// D 水平反向显示        else if (itemId==R.id.action_staggered_horizontal_reverse){            loadstaggeredDate(true,false);        }        return super.onOptionsItemSelected(item);    }

loadstaggeredDate函数：

//E RecyclerView实现瀑布流的效果,实际就是布局管理器参数改为StaggeredGridLayoutManger    private void loadstaggeredDate(Boolean isversion,Boolean orientation) {        //创建一个集合，泛型是DetaBean        ArrayList<DateBean> dates=new ArrayList<>();        //给Bean类放数据，最后把装好数据的Bean类放到集合里面！！        int t = 0;        for(int x=0; x< 35; x++){            //创建Bean类对象            DateBean dateBean=new DateBean(); //DateBean是一个Bean类！！            if (x < image.length){                dateBean.icon=image[x];            }else {                if (t<image.length){                    dateBean.icon=image[t++];                }else {                    t=0;                }            }            dateBean.name="wsw你好"+x;            //把Bean类放入集合            dates.add(dateBean);        }        //创建适配器对象  参数一般有两个，上下文和数据加载集合        RecyclerViewStaggeredGridAdapter recyclerViewStaggeredGridAdapter = new RecyclerViewStaggeredGridAdapter(this, dates);        // 1 设置适配器        mRecyclerView.setAdapter(recyclerViewStaggeredGridAdapter);        //E  布局管理器所需要的参数  参数1 规定显示几列  参数2 指定item排列方式        StaggeredGridLayoutManager staggeredGridLayoutManager = new StaggeredGridLayoutManager(2, orientation ? StaggeredGridLayoutManager.VERTICAL : StaggeredGridLayoutManager.HORIZONTAL);        //通过布局管理器可以控制条目排列顺序  true：方向  false：正常显示        staggeredGridLayoutManager.setReverseLayout(isversion);        //2 设置布局管理器，参数GridLayoutManager，可以使        mRecyclerView.setLayoutManager(staggeredGridLayoutManager);    }

RecyclerViewStaggeredGridAdapter是我们自定义的适配器类,就是为了展示listview效果

// 提示：RecyclerViewStaggeredGridAdapter和RecyclerViewGridAdapter相比，代码一样，就是改了item的布局//RecyclerView 的适配器，注意指定泛型，一般我们就是类型的ViewHolder继承ViewHolder（内部已经实现了优化）public class RecyclerViewStaggeredGridAdapter extends RecyclerView.Adapter<RecyclerViewStaggeredGridAdapter.StaggeredGridViewHolder> {    private Context mContext;    //泛型是RecylerView所需的Bean类    private List<DateBean> mDateBeen;    //构造方法，一般需要接受两个参数，上下文，集合对象（包含我们所需要的数据）    public RecyclerViewStaggeredGridAdapter(Context context, ArrayList<DateBean> dates) {        mContext = context;        mDateBeen = dates;    }    //创建ViewHolder也就是说创建出来一条,并把ViewHolder（item）返回出去    @Override    public StaggeredGridViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {        //转换一个View布局对象，决定了item的样子， 参数1：上下文 2. xml布局对象 3.为null        View view = View.inflate(mContext, R.layout.activity_staggeredgridview, null);        //创建一个ViewHolder对象        StaggeredGridViewHolder StaggeredGridViewHolder = new StaggeredGridViewHolder(view);        //把ViewHolder对象传出去        return StaggeredGridViewHolder;    }    @Override    public void onBindViewHolder(StaggeredGridViewHolder holder, int position) {        //从集合里拿对应item的数据对象        DateBean dateBean = mDateBeen.get(position);        //给holder里面的控件对象设置数据        holder.setData(dateBean);    }    @Override    public int getItemCount() {        //数据不为null，有几条数据就显示几条数据        if (mDateBeen != null && mDateBeen.size() > 0) {            return mDateBeen.size();        }        return 0;    }    public class StaggeredGridViewHolder extends RecyclerView.ViewHolder {        private final ImageView mIvIcon;        private final TextView mTvName;        public StaggeredGridViewHolder(View itemView) {            super(itemView);            mIvIcon = (ImageView) itemView.findViewById(R.id.item_staggered_iv_icon);            mTvName = (TextView) itemView.findViewById(R.id.item_staggered_tv_icon);        }        public void setData(DateBean data) {            //给imageView设置图片            mIvIcon.setImageResource(data.icon);            //给TextView设置文本            mTvName.setText(data.name);        }    }}

activity_staggeredgridview.xml代码如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"              android:orientation="vertical"              android:gravity="center"              android:layout_width="match_parent"              android:layout_height="wrap_content">    <ImageView        android:adjustViewBounds="true"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:scaleType="centerInside"        android:id="@+id/item_staggered_iv_icon"        />    <TextView        android:id="@+id/item_staggered_tv_icon"        android:layout_width="0dp"        android:layout_height="0dp"        android:textSize="20sp"        android:textStyle="bold"        android:text="图片描述"        /></RelativeLayout>

效果展示：

0 0