美文网首页
2018-08-02 Android中实现阴影和图片圆角效果

2018-08-02 Android中实现阴影和图片圆角效果

作者: IT烟酒僧 | 来源:发表于2018-08-02 19:08 被阅读296次

Android中实现阴影和图片圆角效果

这里要讲的是两个github上两个开源的轮子

圆角效果的依赖

implementation 'com.makeramen:roundedimageview:2.3.0'

阴影效果的依赖

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

圆角依赖使用时,只需要在布局中设置

<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" />

根据下面四个值,便可以设置每个角的度数

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"

阴影效果的依赖使用时,也只需要在布局中设置即可

<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"
    //正值,往下偏移,负值,往上偏移
    app:sl_dy="@dimen/x10"
    //正值,往右偏移,负值,往左偏移
    app:sl_dx="@dimen/x10"
    android:layout_height="wrap_content">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_gravity="center_horizontal"
        //如果阴影没有显示出来,给被ShadowLayout包裹的控件设置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>

相关文章

  • 2018-08-02 Android中实现阴影和图片圆角效果

    Android中实现阴影和图片圆角效果 这里要讲的是两个github上两个开源的轮子 圆角效果的依赖 阴影效果的依...

  • Android之动手写个带阴影的TextView

    Android中自带阴影的实现往往达不到设计想要的效果,本文将实现一个支持圆角,可自定义阴影各属性的TextVie...

  • CardView(卡片式布局)

    CardView是Android5.0之后出现的,用它可以实现上图所展现的圆角效果、阴影效果。实现方式直接看代码:...

  • ios圆角和加阴影并存

    这样便实现了阴影和圆角并存的效果了。

  • 图片处理

    iOS中图片的加载、圆角、阴影实现方式多种多样,我们需着重考虑性能问题 视图阴影 圆角图片 注意:这种方法能够避免...

  • Tailwind Image

    常用图片的效果依靠是圆角和阴影属性,可以产生很多不同的效果,比如圆形图片更多是用于社交人物头像展示。 类型描述圆角...

  • 前端笔记6

    图片的修复 效果: 条件 属性 选择符 过渡动画 圆角、阴影、透明度 效果: 运动曲线 效果: 图片文字遮罩 效果...

  • iOS UI三板斧圆角加阴影

    想必在日常的开发中大家都能遇到UI各种圆角加阴影的设计添加圆角效果: 添加阴影效果: 需要圆角+阴影效果则不能满足...

  • Image

    直接圆角图片 设置圆角图片度数 设置圆角图片带灰色圆角边框 设置圆角图片带灰色圆角边框带阴影

  • Android Picasso实现圆形图片和圆角

    Android Picasso实现圆形图片和圆角图片 1.实现圆形图片 1.1代码调用如下 1.2自定义圆形图片处...

网友评论

      本文标题:2018-08-02 Android中实现阴影和图片圆角效果

      本文链接:https://www.haomeiwen.com/subject/luisvftx.html