美文网首页高级UI
CardView實現卡片式列表展示

CardView實現卡片式列表展示

作者: 奔跑的佩恩 | 来源:发表于2019-03-14 09:43 被阅读2次

前言

在实现列表展示的时候,偶尔我们想在item下面加点阴影,让每个item看起来更立体些,那么这种效果的实现,让我联想到了卡片控件CardView,那么这篇文章就让我们来学习下CardView的基本使用吧。

今天涉及到的内容有:

  1. ImageView 缩放属性的讲解
  2. CardView的基本讲解

首先来波效果图:


1.gif 2.png

本篇文章实现的是一个图片列表的卡片式展示效果。接下来就进行具体的讲解。

一.ImageView 缩放属性的讲解

由于实现的是图片列表的展示,于是使用到了ImageView这个控件,ImageView在设置图片的时候,涉及到图片缩放的问题,ImageView的scaleType分以下几种类型:

  1. center:将图片按原本大小居中显示在控件上,若图片长/宽大于控件宽/高,则将图片中间位置显示到控件上。
  2. centerCrop:将图片按比例缩放到控件上展示,图片的长/宽 大于或等于 控件宽/高
  3. centerInside:将图片按比例缩放到控件上展示,图片的长/宽 小于或等于控件宽/高
  4. fitCenter:将图片按比例缩放到控件宽度,居中显示
  5. fitStart:将图片按比例缩放到控件宽度,靠近view顶部显示
  6. fitEnd:将图片按比例缩放到控件宽度,靠近view底部显示
  7. 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属性介绍

相关文章

  • CardView實現卡片式列表展示

    前言 在实现列表展示的时候,偶尔我们想在item下面加点阴影,让每个item看起来更立体些,那么这种效果的实现,让...

  • 说说 Android 的 Material Design 设计(

    我们使用 CardView 与 RecyclerView 来·实现一个各种猫的卡片式展示列表吧O(∩_∩)O~ 1...

  • Android开发常用依赖集合

    卡片式控件CardView implementation'com.android.support:cardview...

  • Android 使用CardView实现控件的阴影效果

    CardView适用于实现卡片式布局效果的重要控件,由appcompat-v7库提供,使用上CardView提供了...

  • Android《第七章:CardView》

    CardView适用于实现卡片式布局效果的重要控件,由appcompat-v7库提供,实际上CardView也是一...

  • 卡片式布局(cardview)+自定义控件+线性列表

    引入卡片式布局:implementation'com.android.support:cardview-v7:26...

  • CardView

    1.CardView是什么? 是一个卡片式控件,继承自FrameLayout,也就是说CardView其实是Fra...

  • 現實

    七夕之夜我下塌石头城一家酒店酒店前台的美眉讨好地將我的房間升級到了最高層從房間落地窗俯瞰地面汽車如蟻緩緩爬行突然意...

  • 現實

    一個人! 對! 就是一個人! 我漸漸的 總算也習慣了 一個人的生活! 不論做什麼, 都只是一個人! ………… 再多...

  • 現實

    最近的疫情弄,處處人心惶惶 而最安全及保險的方式,反而讓許多近距離接觸行業的業績一落千丈 而當然也有一些公司及其他...

网友评论

    本文标题:CardView實現卡片式列表展示

    本文链接:https://www.haomeiwen.com/subject/kxytmqtx.html