1. 程式人生 > >Android之cardview屬性以及陰影處理

Android之cardview屬性以及陰影處理

Android之cardview屬性以及陰影處理

開發中,專案會含有大量的圖片需要展示,需要圓角圖片,帶圓角的組合控制元件等.本文對cardview使用,以及屬性做開發記錄,方便後來者查閱(博主也容易忘東西)

先看效果圖(博主開發的一個VR中控平板端截圖)
在這裡插入圖片描述

一 cardview使用

帶圓角的圖片

   <!--//不顯示陰影-->
                <android.support.v7.widget.CardView
                    android:layout_width="wrap_content"
                    app:cardCornerRadius="5dp"
                    app:cardElevation="0px"
                    app:cardUseCompatPadding="false"
                    android:layout_height="wrap_content">
                    <ImageView
                        android:id="@+id/pic"
                        android:layout_width="70dp"
                        android:layout_height="70dp"
                        />
                </android.support.v7.widget.CardView>

二 cardview屬性

  • cardBackgroundColor 設定背景色
  • cardCornerRadius 設定圓角大小
  • cardElevation 設定z軸陰影
  • cardMaxElevation 設定z軸最大高度值
  • cardUseCompatPadding 是否使用CompadPadding
  • cardPreventCornerOverlap 是否使用PreventCornerOverlap
  • contentPadding 內容的padding (Left,Top,Right,Bottom)
  • app:cardMaxElevation //最大陰影大小,該值最小2px

三 陰影處理

圖片底部帶了不需要的陰影,怎麼處理呢?

在佈局檔案新增 app:cardElevation="0px"與 app:cardUseCompatPadding="false"即可,程式碼如下

                <!--//不顯示陰影-->
                <android.support.v7.widget.CardView
                    android:layout_width="wrap_content"
                    app:cardCornerRadius="5dp"
                    app:cardElevation="0px"
                    app:cardUseCompatPadding="false"
                    android:layout_height="wrap_content">
                    <ImageView
                        android:id="@+id/pic"
                        android:layout_width="70dp"
                        android:layout_height="70dp"
                        />
                </android.support.v7.widget.CardView>

三 尾言

為自己技術增值,量變引起質變.物件亦來源於生活,模式亦來源於驗證的OO經驗,那麼請學會使用輪子,再到感受制造輪子的樂趣,你會發現原來程式設計那麼美妙.如有錯誤或不當之處,請讀者留言,博主好吸取經驗,互相交流學習