准备工作:打开项目的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项目后的运行结果如下所示:
Android学习交流群:523487222
(如果您觉得有用,欢迎加入,一起学习进步)
点击链接加入群【Android学习群】