爱学课堂 Material Design 学习笔记(11)-- CardView

在 Material Design 中,卡片是一种非常常见的 UI 元素,用于展示信息和内容。而 CardView 就是 Android 中实现卡片布局的一种 View。

CardView 的基本使用

CardView 的基本使用非常简单,只需要在布局文件中添加 CardView 控件即可。例如:

----------------------------------
    -----------------------------------
    -------------------------------------
    
    ---- ---- -------- ---- ---
    
------------------------------------

CardView 支持以下属性:

  • cardBackgroundColor:卡片的背景色
  • cardCornerRadius:卡片的圆角大小
  • cardElevation:卡片的阴影大小
  • cardMaxElevation:卡片的最大阴影大小
  • cardUseCompatPadding:是否使用兼容性内边距

例如,下面的代码实现了一个浅蓝色背景,圆角为 8dp,阴影大小为 4dp 的卡片:

----------------------------------
    -----------------------------------
    ------------------------------------
    ---------------------------------
    --------------------------
    ------------------------
    
    ---- ---- -------- ---- ---
    
------------------------------------

CardView 的进阶使用

除了基本使用外,CardView 还可以通过自定义布局和添加子 View 来实现更加复杂的效果。

自定义布局

CardView 支持自定义布局,可以将 CardView 的布局文件设置为自定义布局,然后在代码中使用 LayoutInflater 将自定义布局添加到 CardView 中。

例如,下面的代码实现了一个自定义布局的 CardView,布局文件为 card_custom.xml:

----- ------------- ------------------
------------- ----------------------------------------------------------
    -----------------------------------
    ------------------------------------
    ----------------------------
    ------------------------------
    -----------------------

    ---------
        --------------------------
        -----------------------------------
        ------------------------------------
        ------------------ ------
        ----------------------- --

    ---------
        ----------------------------
        -----------------------------------
        ------------------------------------
        ------------------ --------
        ----------------------- --

---------------

在代码中,我们可以通过以下方式将自定义布局添加到 CardView 中:

-------- -------- - -----------------------------
---- ---------- - ------------------------------------------------------- --------- -------
-----------------------------

添加子 View

CardView 也支持添加子 View,可以通过 addView() 方法添加子 View。例如,下面的代码实现了一个添加 ImageView 的 CardView:

----------------------------------
    -----------------------------------
    ------------------------------------
    --------------------------
    ------------------------

    ----------
        -----------------------------------
        -----------------------------
        ------------------------------
        ----------------------------- --

------------------------------------

总结

本文介绍了 CardView 的基本使用和进阶使用,包括自定义布局和添加子 View。CardView 是实现卡片布局的常用控件,可以帮助开发者实现美观的 UI 效果。

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/65dd7cc21886fbafa4ad5fab