A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

1黑马币
CardView 控件的使用方式?下面深圳问答网的师生来探讨一下这个问题。


学生问题:CardView 控件的使用方式?

老师回答:

CardView是Material Design的一种卡片视图, 以卡片形式显示内容, 边缘包含阴影效果, 吸引用户点击. CardView提供了v7的支持库, 兼容低版本. 本文主要介绍CardView的使用方法.


第一步:Maven库:

compile 'com.android.support:cardview-v7:+'

需要额外添加Design的支持库, 如compile ‘com.android.support:design:23.1.0’

第二布:资源文件:

  1. <android.support.v7.widget.CardView
  2.     android:id="@+id/card_view"

  3.     android:layout_width="320dp"

  4.     android:layout_height="180dp"

  5.     android:layout_centerInParent="true"

  6.     android:foreground="?attr/selectableItemBackground"

  7.     android:stateListAnimator="@anim/item_raise"

  8.     app:cardCornerRadius="4dp"

  9.     app:cardElevation="4dp">




  10.     <TextView
  11.         android:id="@+id/info_text"

  12.         android:layout_width="match_parent"

  13.         android:layout_height="match_parent"

  14.         android:gravity="center"

  15.         android:text="CLWang"/>


  16. </android.support.v7.widget.CardView>
复制代码
app:cardCornerRadius表示卡片的弧度.
app:cardElevation表示阴影的深度.

点击事件:

  1. CardView cardView = (CardView) findViewById(R.id.card_view);

  2. cardView.setOnClickListener(new View.OnClickListener() {

  3.     @Override

  4.     public void onClick(View v) {

  5.         Toast.makeText(MainActivity.this, "This is a card view!", Toast.LENGTH_LONG).show();

  6.     }

  7. });
复制代码

注意
不同版本显示效果不同时, 定制/res/value和 /res/value-v21的资源.

设计要点, CardView主要突出不同种类的卡片在一起显示, 尽量不要使用单一的模式, 如固定高度的卡片, 类似ListView的显示.





3 个回复

倒序浏览
路过,,秒杀了一枚学渣
回复 使用道具 举报
路过,表示不会
回复 使用道具 举报
很高深,等结果
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马