CardView API19及以下圆角效果兼容

CardView API19及以下圆角效果兼容

在项目中需要使用CardView，并cardView的顶部为一个ImageView。

 <android.support.v7.widget.CardView
                android:layout_width="match_parent"
                android:layout_height="300dp"
                android:layout_weight="260dp"
                android:elevation="10dp"
                app:cardBackgroundColor="@color/cover_music_card_bg"
                app:cardCornerRadius="25dp">

           <ImageView android:layout_width="match_parent"
                      android:layout_height="match_parent" />

            <.../>

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

效果如下所示。

这个效果在API 21及以上没有问题，但是在API 19及以下，就出现问题了。

可以发现，cardview和ImageView之间有边距，查阅资料后，得知是有一个cardPreventCornerOverlap=”false”

cardCornerRadius默认为true，用作阻止API 20或者之前的CardView的边角和内部元素重叠。  

我们把cardCornerRadius设为false，此时显示效果如下所示

在API 19中，虽然边距没有了，但是顶部的两个角并没有变圆。

所以在API 19中，需要手动将图片的边角变圆，圆弧的半径和cardview需一致。
后来，找到一个第三方库，SelectableRoundedImageView，可以将图片的边角变圆，以及支持不规则的图片圆角。

至此，将ImageView替换成SelectableRoundedImageView，解决了cardview API 19的圆角的兼容问题。

 <android.support.v7.widget.CardView
                android:layout_width="match_parent"
                android:layout_height="300dp"
                android:layout_weight="260dp"
                android:elevation="10dp"
                app:cardPreventCornerOverlap="false"
                app:cardBackgroundColor="@color/cover_music_card_bg"
                app:cardCornerRadius="25dp">

                        <com.joooonho.SelectableRoundedImageView
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:scaleType="centerCrop"
                            app:sriv_left_bottom_corner_radius="0dp"
                            app:sriv_left_top_corner_radius="25dp"
                            app:sriv_right_bottom_corner_radius="0dp"
                            app:sriv_right_top_corner_radius="25dp" />

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