使用StaggeredGridLayoutManager实现瀑布流效果
来源:互联网 发布:看港澳台网络机顶盒 编辑:程序博客网 时间:2024/06/11 16:56
开发环境: 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="http://schemas.android.com/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<>(); @Override protected 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; } @Override public viewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) { View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item_card, viewGroup, false); return new viewHolder(view); } @Override public int getItemViewType(int position) { return super.getItemViewType(position); } @Override public 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); } @Override public int getItemCount() { return items.size(); } class viewHolder extends RecyclerView.ViewHolder { public viewHolder(View itemView) { super(itemView); } }}
- item_card.xml布局文件的代码如下:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:card_view="http://schemas.android.com/apk/res-auto" android:layout_width="fill_parent" android:gravity="center" android:layout_height="fill_parent"> <android.support.v7.widget.CardView android: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"> <TextView android: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项目后的运行结果如下所示:
5 0
- 使用StaggeredGridLayoutManager实现瀑布流效果
- 使用StaggeredGridLayoutManager实现瀑布流效果
- 使用StaggeredGridLayoutManager瀑布流,Glide显示图片
- RecyclerView采用StaggeredGridLayoutManager布局的瀑布流效果
- Android RecyclerView+StaggeredGridLayoutManager实现瀑布流图片闪烁问题
- 瀑布流 RecycleView 的 StaggeredGridLayoutManager?
- 使用RecyclerView实现瀑布流效果
- RecyclerView 瀑布流的配置以及它的 StaggeredGridLayoutManager 布局管理器的使用
- android 瀑布流实现效果
- 瀑布流效果怎么实现
- staggeredGridView 实现瀑布流效果
- RecycleView 实现瀑布流效果
- JavaScript实现瀑布流效果
- RecyclerView 实现瀑布流效果
- javascript实现瀑布流效果
- RecyclerView实现瀑布流效果
- html5实现瀑布流效果
- JavaScript实现瀑布流效果
- 死锁
- 9、学习IO流
- 黑马程序员 数据类型计算和运算符
- 算法
- Myeclipse8.5安装svn插件
- 使用StaggeredGridLayoutManager实现瀑布流效果
- buildroot使用
- 网络请求相关内容总结
- JSON 入门指南(IBM)
- nginx开机启动
- Unity 热更新之ULua 踩坑篇
- ubuntu安装vim
- freemarker 中使用layer
- 10、反射