可以将 cardview 用于列表视图项目吗以及如何使用

Question

我想在我的应用程序中实施 CardView，以便所有 ListView 项都是 CardView。在CardView中封装一个ListView项XML这么简单吗？

Answer 1

是的，您可以对 ListView 中的列表项使用 CardView。但我建议您使用 RecyclerView 而不是 ListView，因为它是 ListView 的更新版本。检查 this RecyclerView 和 CardView。

Answer 2

是的。 CardView 下方只是一个简单的 FrameLayout，您可以将其膨胀为 ListView（或 RecyclerView）。

这是一个例子：

<android.support.v7.widget.CardView
    android:id="@+id/ly_root"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#FEFEFE"
    android:layout_margin="8dp"
    app:cardCornerRadius="4dp">

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">


        <ImageView
            android:id="@+id/iv_cover"
            android:layout_width="wrap_content"
            android:layout_height="160dp"
            android:scaleType="centerCrop"
            android:src="@drawable/placeholder"/>

        ...

    </LinearLayout>
</android.support.v7.widget.CardView>

下面是这个例子：

当然，您需要实现自定义适配器以将它们连接在一起。但这实际上与任何自定义 ListView 项目一样。没什么特别的。

Answer 3

万一其他人遇到这个问题，其他答案是正确的，但是您应该将 CardView 放在 FrameLayout 中，并且您应该使 ListView 的分隔线透明。 CardView 的 elevation 和 margin 属性将不起作用，除非您在 FrameLayout 中使用它。

Answer 4

CardView配合RecyclerView使用效果更好，这里有一个例子

activity_main.xml（它包含 recyclerview）

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout 
 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">
     <android.support.v7.widget.RecyclerView
     android:id="@+id/recyclerview"
     android:layout_height="match_parent"
     android:layout_width="match_parent"/>
</LinearLayout>

cardview.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView
xmlns:card_view="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_height="wrap_content"
android:layout_width="match_parent"
card_view:cardCornerRadius="4dp"
android:layout_margin="10dp">
    <TextView
    android:id="@+id/text_cardview"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="20dp" />
</android.support.v7.widget.CardView>

buid.gradle(模块:app)

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    testCompile 'junit:junit:4.12'
    compile 'com.android.support:appcompat-v7:23.3.0'
    compile 'com.android.support:cardview-v7:23.0.+'
    compile 'com.android.support:recyclerview-v7:23.0.+'
}

RecyclerViewAdapter.java

public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.MyViewHolder> {
    public ArrayList<String> myValues;
    public RecyclerViewAdapter (ArrayList<String> myValues){
        this.myValues= myValues;
    }

    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View listItem = LayoutInflater.from(parent.getContext()).inflate(R.layout.cardview.xml, parent, false);
        return new MyViewHolder(listItem);
    }

    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
         holder.myTextView.setText(myValues.get(position));
    }


    @Override
    public int getItemCount() {
        return myValues.size();
    }

    public static class MyViewHolder extends RecyclerView.ViewHolder {
        private TextView myTextView;
        public MyViewHolder(View itemView) {
            super(itemView);
        myTextView = (TextView)itemView.findViewById(R.id.text_cardview);
        }
    }
}

MainActivity.java

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    ArrayList<String> myValues = new ArrayList<String>();

    //Populate the ArrayList with your own values
    myValues.add("KitKat");
    myValues.add("Lollipop");
    myValues.add("Marshmallow");

    RecyclerViewAdapter adapter = new RecyclerViewAdapter(myValues);
    RecyclerView myView =  (RecyclerView)findViewById(R.id.recyclerview);
    myView.setHasFixedSize(true);
    myView.setAdapter(adapter);
    LinearLayoutManager llm = new LinearLayoutManager(this);
    llm.setOrientation(LinearLayoutManager.VERTICAL);
    myView.setLayoutManager(llm);
 }     
 }

详情请参考本教程：A Guide to Android RecyclerView and CardView

可以将 cardview 用于列表视图项目吗以及如何使用

Can one use cardview for listview item and how

android

android-cardview