Android中實現(xiàn)陰影和圖片圓角效果

這里要講的是兩個github上兩個開源的輪子

圓角效果的依賴

implementation 'com.makeramen:roundedimageview:2.3.0'

陰影效果的依賴

implementation 'com.github.dmytrodanylyk.shadow-layout:library:1.0.3'

圓角依賴使用時,只需要在布局中設(shè)置

<com.makeramen.roundedimageview.RoundedImageView
android:id="@+id/incom_center_banner_iv_base"
android:layout_width="match_parent"
android:scaleType="centerCrop"
app:riv_corner_radius="15px"
app:riv_corner_radius_top_left="@dimen/x10"
app:riv_corner_radius_top_right="@dimen/x10"
app:riv_corner_radius_bottom_right="@dimen/x10"
app:riv_corner_radius_bottom_left="@dimen/x10"
app:riv_mutate_background="true"
app:riv_tile_mode="repeat"
android:layout_height="@dimen/x280" />

根據(jù)下面四個值,便可以設(shè)置每個角的度數(shù)

app:riv_corner_radius_top_left="@dimen/x10"
app:riv_corner_radius_top_right="@dimen/x10"
app:riv_corner_radius_bottom_right="@dimen/x10"
app:riv_corner_radius_bottom_left="@dimen/x10"

陰影效果的依賴使用時,也只需要在布局中設(shè)置即可

<com.dd.ShadowLayout
    android:layout_width="match_parent"
    //陰影顏色
    app:sl_shadowColor="#15afafaf"
    android:layout_gravity="center"
    app:sl_shadowRadius="@dimen/x6"
    //陰影距離
    app:sl_cornerRadius="8px"
    //正值,往下偏移,負(fù)值,往上偏移
    app:sl_dy="@dimen/x10"
    //正值,往右偏移,負(fù)值,往左偏移
    app:sl_dx="@dimen/x10"
    android:layout_height="wrap_content">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_gravity="center_horizontal"
        //如果陰影沒有顯示出來,給被ShadowLayout包裹的控件設(shè)置margin值
        android:layout_marginRight="@dimen/x10"
        android:layout_marginLeft="@dimen/x10"
        android:layout_marginTop="@dimen/x8"
        android:layout_marginBottom="@dimen/x8"
        android:background="@drawable/bg_new_re_index"
        android:layout_height="wrap_content">
        <com.makeramen.roundedimageview.RoundedImageView
            android:id="@+id/iv_pager"
            android:layout_width="match_parent"
            android:scaleType="centerCrop"
            app:riv_corner_radius="15px"
            app:riv_mutate_background="true"
            app:riv_tile_mode="repeat"
            android:layout_height="match_parent" />
    </RelativeLayout>
</com.dd.ShadowLayout>