CardView+RecycleView可以非常方便的实现一个卡片式列表布局,之前编写卡片式布局非常麻烦(地址:http://blog.csdn.net/chdjj/article/details/41546477),还得编写各种资源文件。
下面是一个简单示例。
截图:
有点难看?自己调一下就ok啦。。这里只是一个示例。
步骤:
1.添加依赖:
compile 'com.android.support:cardview-v7:21.0.0' compile 'com.android.support:recyclerview-v7:21.0.0'2.页面布局:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <android.support.v7.widget.RecyclerView android:id="@+id/main_recyclerview" android:layout_width="match_parent" android:layout_height="match_parent" android:scrollbars="vertical" ></android.support.v7.widget.RecyclerView></RelativeLayout>3.item布局:
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:orientation="vertical" android:background="#ff3cffdd" xmlns:tools="http://schemas.android.com/tools" xmlns:card_view="http://schemas.android.com/apk/res-auto" android:layout_height="match_parent"> <android.support.v7.widget.CardView android:layout_width="match_parent" android:layout_height="130dp" card_view:cardCornerRadius="4dp" card_view:cardBackgroundColor="#fff" card_view:cardElevation="2dp" android:layout_marginTop="2dp" android:layout_marginLeft="3dp" android:layout_marginRight="3dp" > <LinearLayout android:orientation="horizontal" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:src="@mipmap/ic_launcher" android:layout_gravity="center" android:layout_width="wrap_content" android:layout_height="wrap_content"/> <TextView android:id="@+id/info_text" android:gravity="center" android:textColor="#000" android:textSize="19sp" android:layout_gravity="center" tools:text="@string/hello_world" android:layout_width="match_parent" android:layout_height="match_parent"/> </LinearLayout> </android.support.v7.widget.CardView></LinearLayout>这里如果你想加CardView的自定义属性,必须添加其命名空间:
xmlns:card_view="http://schemas.android.com/apk/res-auto"4.适配器:
package com.taobao.recyclerviewwithcardview.ui.adapter;import android.support.v7.widget.RecyclerView;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.TextView;import com.taobao.recyclerviewwithcardview.R;import java.util.List;/** * Created by Rowandjj on 2015/3/25. */public class MainAdapter extends RecyclerView.Adapter<MainAdapter.ViewHolder>{ private List<String> mDataSet = null; private OnItemClickListener mListener; public MainAdapter(List<String> dataSet) { this.mDataSet = dataSet; } @Override public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) { final View itemView = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item_main,viewGroup,false); itemView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { if(mListener != null) mListener.onItemClick(v, (String) itemView.getTag()); } }); return new ViewHolder(itemView); } @Override public void onBindViewHolder(ViewHolder viewHolder, int i) { String data = mDataSet.get(i); viewHolder.bindData(data); viewHolder.itemView.setTag(data); } @Override public int getItemCount() { return mDataSet.size(); } public static class ViewHolder extends RecyclerView.ViewHolder { private TextView tv; public ViewHolder(View itemView) { super(itemView); tv = (TextView) itemView.findViewById(R.id.info_text); } public void bindData(String s) { if(s != null) tv.setText(s); } } public interface OnItemClickListener { public void onItemClick(View view,String data); } public void setOnItemClickListener(OnItemClickListener listener) { this.mListener = listener; }}
5.数据源:
package com.taobao.recyclerviewwithcardview.data;import java.util.ArrayList;import java.util.List;/** * Created by Rowandjj on 2015/3/24. */public class DataSource{ public static final List<String> generateData(int size) { if (size <= 0) return null; List<String> datas = new ArrayList<>(); for (int i = 0; i < size; i++) { datas.add("这是列表数据"+i); } return datas; }}6.主页面代码:
package com.taobao.recyclerviewwithcardview.ui.activity;import android.os.Bundle;import android.support.v7.app.ActionBarActivity;import android.support.v7.widget.LinearLayoutManager;import android.support.v7.widget.RecyclerView;import android.view.View;import android.widget.Toast;import com.taobao.recyclerviewwithcardview.R;import com.taobao.recyclerviewwithcardview.data.DataSource;import com.taobao.recyclerviewwithcardview.ui.adapter.MainAdapter;public class MainActivity extends ActionBarActivity{ private RecyclerView mRecyclerView; private MainAdapter mAdapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mRecyclerView = (RecyclerView) findViewById(R.id.main_recyclerview); mRecyclerView.setLayoutManager(new LinearLayoutManager(this)); mAdapter = new MainAdapter(DataSource.generateData(20)); mRecyclerView.setHasFixedSize(true); mRecyclerView.setAdapter(mAdapter); mAdapter.setOnItemClickListener(new MainAdapter.OnItemClickListener() { @Override public void onItemClick(View view, String data) { Toast.makeText(MainActivity.this,"data:"+data,Toast.LENGTH_SHORT).show(); } }); }}
代码地址:https://github.com/Rowandjj/RecyclerViewWithCardView