layui 卡片式清單_CardView實現卡片式清單展示

前言

在實作清單展示的時候，偶爾我們想在item下面加點陰影，讓每個item看起來更立體些，那麼這種效果的實作，讓我聯想到了卡片控件CardView,那麼這篇文章就讓我們來學習下CardView的基本使用吧。

今天涉及到的内容有：

ImageView 縮放屬性的講解

CardView的基本講解

首先來波效果圖：

1.gif

2.png

本篇文章實作的是一個圖檔清單的卡片式展示效果。接下來就進行具體的講解。

一.ImageView 縮放屬性的講解

由于實作的是圖檔清單的展示，于是使用到了ImageView這個控件，ImageView在設定圖檔的時候，涉及到圖檔縮放的問題，ImageView的scaleType分以下幾種類型：

center：将圖檔按原本大小居中顯示在控件上，若圖檔長/寬大于控件寬/高，則将圖檔中間位置顯示到控件上。

centerCrop：将圖檔按比例縮放到控件上展示，圖檔的長/寬 大于或等于 控件寬/高

centerInside：将圖檔按比例縮放到控件上展示，圖檔的長/寬 小于或等于控件寬/高

fitCenter：将圖檔按比例縮放到控件寬度，居中顯示

fitStart：将圖檔按比例縮放到控件寬度，靠近view頂部顯示

fitEnd：将圖檔按比例縮放到控件寬度，靠近view底部顯示

fitXY：不按比例縮放圖檔，目标是把圖檔塞滿整個View，可能會導緻圖檔變形

二. CardView的基本講解

CardView繼承自FrameLayout，源碼如下：

public class CardView extends FrameLayout {

如此看來，CardView算是一個布局控件了。

CardView引用

android v4或v7包引用如下：

implementation 'com.android.support:cardview-v7:25.3.1'

androidx 包引用如下：

implementation 'androidx.cardview:cardview:1.0.0-beta01'

CardView屬性介紹