Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android CardView詳解及使用方法和實例

Android CardView詳解及使用方法和實例

編輯:關於Android編程

Android  CardView詳解

Android5.0中向我們介紹了一個全新的控件–CardView,從本質上看,可以將CardView看做是FrameLayout在自身之上添加了圓角和陰影效果。請注意:CardView被包裝為一種布局,並且經常在ListView和RecyclerView的Item布局中,作為一種容器使用。

發現個好看的東東 CardView,他在support v7包中~~

顧名思義就是卡片view,可以設置陰影,圓角,等等。。

樣子是這樣的:

或者你還可以放到listview裡 是這樣的:

怎麼使用

其次介紹一下它的基本屬性:

app:cardBackgroundColor這是設置背景顏色
app:cardCornerRadius這是設置圓角大小
app:cardElevation這是設置z軸的陰影
app:cardMaxElevation這是設置z軸的最大高度值
app:cardUseCompatPadding是否使用CompatPadding
app:cardPreventCornerOverlap是否使用PreventCornerOverlap
app:contentPadding 設置內容的padding
app:contentPaddingLeft 設置內容的左padding
app:contentPaddingTop 設置內容的上padding
app:contentPaddingRight 設置內容的右padding
app:contentPaddingBottom 設置內容的底padding

在xml文件中 加入一個CardView

 <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="200dp"
    android:layout_height="wrap_content"
    <--!設置CardView的背景色-->
    card_view:cardBackgroundColor="#303069"

    <--!設置CardView的半徑-->
    card_view:cardCornerRadius="10dp"
    card_view:cardPreventCornerOverlap="true"
    card_view:cardUseCompatPadding="true"

    <--!設置CardView的padding-->
    card_view:contentPadding="10dp">
    <TextView
      android:text="我是CardView"

      android:textColor="#fff"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content" />

  </android.support.v7.widget.CardView>

裡面可以包裹內容,通過觀察源碼我們發現,CardView其實是一個FrameLayout,所以使用方式跟FrameLayout相同

public class CardView extends FrameLayout implements CardViewDelegate {
}

或者你也可以用於ListView~~ 反正很簡約美觀就是啦~~

以後再遇到什麼圓角的需求,就可以用這個完成,而不是什麼PorterDuffXferMode了~~

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved