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經驗,那麼請學會使用輪子,再到感受制造輪子的樂趣,你會發現原來編程那麼美妙.如有錯誤或不當之處,請讀者留言,博主好吸取經驗,互相交流學習