RN

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

2019-02-25  本文已影响90人  NathanielLei

CardView适用于实现卡片式布局效果的重要控件,由appcompat-v7库提供,使用上CardView提供了圆角和阴影效果,看上去有立体的感觉。一般CardView会用在ListView或RecyclerView的item布局中。

1.添加依赖,由于是appcompat-v7库提供,所以同时需要依赖v7库

compile'com.android.support:appcompat-v7:25.3.1'

compile'com.android.support:cardview-v7:25.3.1'

注:25.3.1是依赖的版本,可以换成其他版本,但是一定要一致!

2.使用,直接在.xml文件中当作父级容器来使用就可以。

<android.support.v7.widget.CardView

        android:id="@+id/cardView"

        app:cardCornerRadius="8dp"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_margin="10dp">

                <TextView

                        android:layout_width="match_parent"

                        android:layout_height="wrap_content"

                        android:padding="5dp"

                        android:text="这里是带有阴影效果的文本"/>

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

3.CardView的常用属性

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

上一篇 下一篇

猜你喜欢

热点阅读