CardView 控件的使用方式?下面深圳问答网的师生来探讨一下这个问题。
学生问题:CardView 控件的使用方式?
老师回答:
CardView是Material Design的一种卡片视图, 以卡片形式显示内容, 边缘包含阴影效果, 吸引用户点击. CardView提供了v7的支持库, 兼容低版本. 本文主要介绍CardView的使用方法.
第一步:Maven库:
compile 'com.android.support:cardview-v7:+'
需要额外添加Design的支持库, 如compile ‘com.android.support:design:23.1.0’
第二布:资源文件:
- <android.support.v7.widget.CardView
- android:id="@+id/card_view"
- android:layout_width="320dp"
- android:layout_height="180dp"
- android:layout_centerInParent="true"
- android:foreground="?attr/selectableItemBackground"
- android:stateListAnimator="@anim/item_raise"
- app:cardCornerRadius="4dp"
- app:cardElevation="4dp">
- <TextView
- android:id="@+id/info_text"
- android:layout_width="match_parent"
- android:layout_height="match_parent"
- android:gravity="center"
- android:text="CLWang"/>
- </android.support.v7.widget.CardView>
复制代码app:cardCornerRadius 表示卡片的弧度.
app:cardElevation 表示阴影的深度.
点击事件:
- CardView cardView = (CardView) findViewById(R.id.card_view);
- cardView.setOnClickListener(new View.OnClickListener() {
- @Override
- public void onClick(View v) {
- Toast.makeText(MainActivity.this, "This is a card view!", Toast.LENGTH_LONG).show();
- }
- });
复制代码
注意
不同版本显示效果不同时, 定制/res/value和 /res/value-v21的资源. 设计要点, CardView主要突出不同种类的卡片在一起显示, 尽量不要使用单一的模式, 如固定高度的卡片, 类似ListView的显示.
|