android cardview控件,CardView控件的使用方式

欢迎Follow我的GitHub, 关注我的简书. 其余参考Android目录.

CardView

Android

CardView是一种卡片视图, 主要是以卡片形式显示内容, 让我们先看看效果吧. CardView目前是全版本支持的控件.

Maven库

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

资源文件

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">

android:id="@+id/info_text"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="center"

android:text="CLWang"/>

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();

}

});

波纹型的选中效果.

android:foreground="?attr/selectableItemBackground"

阴影加深的选中效果

android:stateListAnimator="@anim/item_raise"

android:state_enabled="true"

android:state_pressed="true">

android:duration="@android:integer/config_shortAnimTime"

android:propertyName="translationZ"

android:valueTo="8dp"

android:valueType="floatType"/>

android:duration="@android:integer/config_shortAnimTime"

android:propertyName="translationZ"

android:valueTo="0dp"

android:valueType="floatType"/>

选中时, Z轴逐渐升起; 未选中时, Z轴恢复0. 动画属性支持api21+.

注意

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

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

That's all! Enjoy it!

android cardview控件,CardView控件的使用方式相关推荐

android卡片风格,[Android] Android 卡片式控件CardView的优雅使用
[Android] Android 卡片式控件CardView的优雅使用 CardView是在安卓5.0提出的卡片式控件其具体用法如下: 1.在app/build.gradle 文件中添加 comp ...
android material design 军火库控件
文章目录一.罗列MD风格的控件 DrawerLayout(滑动菜单-主体布局) Toolbar NavigationView(滑动菜单-菜单布局) FloatingActionButton + Sa ...
Study on Android【四】--显示控件使用
Android的界面显示同样也是基于控件的.通常是用View(包括ViewGroup)控件配上XML的样式来做的.具体细节不想说了,可以参考 Samples里的ApiDemos/View,和View的 ...
android 电量控件,Android实现显示电量的控件代码
下面介绍了Android实现显示电量的控件代码,具体代码如下: 1.目录结构,本人是使用安卓死丢丢. 2.运行界面,输入框中输入数值,点击刷新,会再电池中显示出相应的电量 3.绘制自定义电池控件,首先 ...
Android:Socket客户端开发，Android 的Socket客户端优化，Android非UI线程修改控件程序崩溃的问题
一.Android:Socket客户端开发创建一个工程我们要做的是按下按键之后,去往服务器 (服务器) 或者我们自己写的服务器 ,给他发送一些预定好的东西然后打开操作界面然后修改一下你要发送 ...
Android开发三：常用控件1--TextView、EditText、Button
上一节写到android的工程目录结构,这一节继续,开始学习控件,中间的跨度挺大,关于Activity和intent的知识我就略过了,原因很简单,网上的关于那个的资料特别多,而且理论的东西我这都是了解 ...
Android开发之动态添加控件
动态添加TextView控件: 一:创建一个Android project项目 activity_main.xml文件: 1.用两个LinearLayout布局分别包裹一对TextView,EditT ...
android第三方代码,Android--第三方控件--okHttp(示例代码)
Android中有很多的第三方控件,其中OkHttp是一个很强大的用于网络加载的第三方控件,当然了,它的内部也是使用原生的代码封装好的.今天我们就来看一下OkHttp的简单用法: 说到网络请求,肯定就 ...
让一个图片填满一个控件_如何在Android中实现一个全景图控件（二）
一.背景在如何在Android中实现一个全景图控件(一)中,介绍了项目的一些基本情况(有 demo 演示),如果项目对你有帮助,希望文章赏个赞,项目 star 一下. 项目地址:https://g ...
Android开发的之基本控件和详解四种布局方式
Android中的控件的使用方式和iOS中控件的使用方式基本相同,都是事件驱动.给控件添加事件也有接口回调和委托代理的方式.今天这篇博客就总结一下Android中常用的基本控件以及布局方式.说到布局方 ...

android cardview控件,CardView控件的使用方式

android cardview控件,CardView控件的使用方式相关推荐

最新文章

热门文章