开发环境： Android Studio
准备工作：打开项目的build.gradle 添加对support V7的引用 代码如下
dependencies {...compile 'com.android.support:appcompat-v7:21.0.3'...}
首先创建一个包含RecyclerView的XML布局文件activity_main.xml
<android.support.v7.widget.RecyclerView xmlns:android="/apk/res/android"android:id="@+id/recyclerView"android:scrollbars="vertical"android:layout_width="match_parent"android:layout_height="match_parent" />
此处的RecyclerView 是纵向的
在MainActivity中完成视图部分代码
public class MainActivity extends Activity {private RecyclerView mRecyclerView;private ItemAdapter mAdapter;private RecyclerView.LayoutManager mLayoutManager;private ArrayList<String> items = new ArrayList<>();@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initView();}private void initView() {mRecyclerView = (RecyclerView) findViewById(R.id.recyclerView);//列数为两列int spanCount = 2;mLayoutManager = new StaggeredGridLayoutManager(spanCount, StaggeredGridLayoutManager.VERTICAL);mRecyclerView.setLayoutManager(mLayoutManager);//构建一个临时数据源for (int i = 0; i < 100; i++) {items.add("i:" + i);}mAdapter = new ItemAdapter(items);mRecyclerView.setAdapter(mAdapter);}}
ItemAdapter 的代码如下：
public class ItemAdapter extends RecyclerView.Adapter<ItemAdapter.viewHolder> {private ArrayList<String> items = new ArrayList<>();public ItemAdapter(ArrayList<String> items) {this.items = items;}@Overridepublic viewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item_card,viewGroup, false);return new viewHolder(view);}@Overridepublic int getItemViewType(int position) {return super.getItemViewType(position);}@Overridepublic void onBindViewHolder(viewHolder viewHolder, int position) {String info = items.get(position);View view = viewHolder.itemView;TextView textView = (TextView) view.findViewById(R.id.info_text);textView.setText(info);//手动更改高度，不同位置的高度有所不同textView.setHeight(100 + (position % 3) * 30);}@Overridepublic int getItemCount() {return items.size();}class viewHolder extends RecyclerView.ViewHolder {public viewHolder(View itemView) {super(itemView);}}}
item_card.xml布局文件的代码如下：
<LinearLayout xmlns:android="/apk/res/android"xmlns:card_view="/apk/res-auto"android:layout_width="fill_parent"android:gravity="center"android:layout_height="fill_parent"><android.support.v7.widget.CardViewandroid:id="@+id/card_view"android:layout_gravity="center"android:layout_width="150dp"android:layout_height="wrap_content"card_view:cardUseCompatPadding="true"card_view:cardCornerRadius="4dp"><TextViewandroid:id="@+id/info_text"android:layout_width="fill_parent"android:gravity="center"android:layout_height="wrap_content" /></android.support.v7.widget.CardView></LinearLayout>
此处使用了CardView，如想正确调用到CardView，在build.gradle中添加对cardview的引用代码如下
dependencies {...compile 'com.android.support:cardview-v7:21.0.3'...}
最后Build项目后的运行结果如下所示：
如果觉得《使用StaggeredGridLayoutManager实现瀑布流效果》对你有帮助，请点赞、收藏，并留下你的观点哦！
