Android中實(shí)現(xiàn)陰影和圖片圓角效果
這里要講的是兩個(gè)github上兩個(gè)開源的輪子
圓角效果的依賴
implementation 'com.makeramen:roundedimageview:2.3.0'
陰影效果的依賴
implementation 'com.github.dmytrodanylyk.shadow-layout:library:1.0.3'
圓角依賴使用時(shí),只需要在布局中設(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ù)下面四個(gè)值,便可以設(shè)置每個(gè)角的度數(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í),也只需要在布局中設(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>