Android 5.0 CardView 笔记

最新推荐文章于 2022-01-18 21:18:04 发布

为明天

最新推荐文章于 2022-01-18 21:18:04 发布

阅读量785

点赞数

CC 4.0 BY-SA版权

分类专栏： Android

本文链接：https://blog.youkuaiyun.com/li5685918/article/details/50738576

Android 专栏收录该内容

32 篇文章

订阅专栏

本文介绍了如何解决Android Studio中CardView组件的导入问题，并详细解释了CardView的配置方法及样式自定义技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Android5.0中向我们介绍了一个全新的控件–CardView，从本质上看，可以将CardView看做是FrameLayout在自身之上添加了圆角和阴影效果。请注意：CardView被包装为一种布局，并且经常在ListView和RecyclerView的Item布局中，作为一种容器使用。

CardView应该被使用在显示层次性的内容时；在显示列表或网格时更应该被选择，因为这些边缘可以使得用户更容易去区分这些内容。

今天用android studio 导入cardview 一直不成功，用网上的方法说是 compile 'com.android.support:cardview-v7:21.+' 后build下就可以。可是我试了不可以，不会自动生成。另外我也试了新建一个module也不可以。然后就想了想，因为我的sdk最高的是23的，library是23.01的，而项目使用的是22的。所以用open module setting 方法只能找到最新的cardview的library。倒腾了一上午，如下：

    dependencies {  
        compile fileTree(dir: 'libs', include: ['*.jar'])  
     ......  
          
        compile 'com.android.support:cardview-v7:22.0.0'  
      
    ......  
    }

只要更改v7:22.0.0,关联就可以，虽然library显示的是23.0.1但不影响，还是可以关联成功。我的项目版本号为：

compileSdkVersion 22
buildToolsVersion "22.0.1"

在xml文件中引用后，用card_view:theme方法，在style中可以直接使用默认属性，

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"

    >

    <android.support.v7.widget.CardView
       
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:padding="@dimen/company_10dp"
        card_view:theme="@style/CardViewDemo"
        android:layout_marginTop="50dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        >
        <TextView
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:text="哈哈"
            android:layout_marginLeft="@dimen/company_10dp"
            android:layout_marginTop="@dimen/company_10dp"
            android:elevation="2dp"
            android:background="#f0f"
            />
    </android.support.v7.widget.CardView>


</LinearLayout>

如果需要更改，只需要就可以

card_view:cardCornerRadius="5dp" 圆角弧度
card_view:cardElevation="3dp" 阴影Z轴大小

card_view:contentPadding="5dp" 边距
card_view:cardBackgroundColor="#f0f" 背景

参考：http://www.w2bc.com/Article/36229

下面这些是官方给出的。可以在style文件中更改

<!-- 默认圆角弧度 -->
<dimen name="cardview_default_radius">2dp</dimen>
<!-- Z轴阴影大小 -->
<dimen name="cardview_default_elevation">2dp</dimen>
<!-- 设置背景角度大小，个人感觉设置要比cardview_default_elevation小。否则四个角度会超出阴影的圆角 -->
<dimen name="cardview_compat_inset_shadow">1dp</dimen>

<!-- 背景色 -->
<color name="cardview_light_background">#FF0</color>
<!-- 距离Z轴缝隙间的颜色 -->
<color name="cardview_dark_background">#F0F</color>
<!-- Z轴阴影开始颜色 -->
<color name="cardview_shadow_start_color">#0FF</color>
<!-- Z轴阴影结束颜色 -->
<color name="cardview_shadow_end_color">#00F</color>

继承cardview即可

<style name="CardViewDemo" parent="CardView">
    <item name="android:clickable">true</item>
    <!-- 设置点击有水波纹效果-->
    <item name="android:foreground">?android:attr/selectableItemBackground</item>
</style>