ShadowLayout 实现阴影效果

build.gradle添加

allprojects {repositories {maven { url 'https://jitpack.io' }}}

build.gradle（app）添加

  dependencies {implementation 'com.github.lihangleo2:ShadowLayout:2.0.1'
}

使用

<com.lihang.ShadowLayoutandroid:id="@+id/card_sina_login"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginStart="30dp"android:layout_marginTop="50dp"android:layout_marginEnd="30dp"android:layout_marginBottom="10dp"app:hl_cornerRadius="15dp"app:hl_dy="10dp"app:hl_shadowBackColor="@color/colorLightBlue"app:hl_shadowColor="#2a000000"app:hl_shadowLimit="10dp"><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:paddingTop="20dp"android:paddingBottom="20dp"><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"android:gravity="center"android:orientation="horizontal"><ImageViewandroid:layout_width="17dp"android:layout_height="17dp"android:layout_marginEnd="20dp"android:src="@drawable/wechat" /><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="登陆"android:textSize="14sp"android:textColor="@color/colorBgWhite"android:textStyle="bold" /></LinearLayout></RelativeLayout></com.lihang.ShadowLayout>

圆角属性

app:hl_cornerRadius="18dp" 阴影圆角属性（同时如果设置了背景填充色也是背景圆角）

阴影扩散程度

app:hl_shadowLimit="5dp" 阴影的扩散区域

阴影布局背景颜色值

app:hl_shadowBackColor="#fff" 阴影布局背景填充色，圆角属性即是阴影圆角

阴影的颜色

app:hl_shadowColor="#2a000000" 阴影的颜色可以随便改变,透明度的改变可以改变阴影的清晰程度

x轴的偏移量

app:hl_dx="0dp" 也可以理解为左右偏移量

y轴的偏移量

app:hl_dy="0dp" 也可以理解为上下的偏移量

阴影的4边可见不可见（与偏移量无关）

app:hl_leftShow="false" 左边的阴影不可见，其他3边保持不变

ShadowLayout 实现阴影效果相关推荐

鸿蒙三方组件资源汇总
三方组件资源汇总本文收集了一些已经开源的三方组件资源,欢迎应用开发者参考和使用,同时也欢迎开发者贡献自己的开源组件库,可以提PR加入到列表当中目录工具三方组件工具类图片加载数据封装传递 ...
阴影效果 ShadowLayout 布局实现（让控件实现立体效果）
效果第二张和第三张图是加入了阴影效果的,是不是觉得立体感很强,感觉图片是浮在屏幕上.这个效果也可以用Google 提供扩展包下的CardView控件来实现,而这篇文章是带大家自己来实现这样一个效 ...
【自定义View】洋葱数学同款阴影布局-ShadowLayout
开箱即用的源码地址洋葱数学同款阴影布局-ShadowLayout 支持自定义属性: sl_shadowRadius:阴影的发散距离 sl_shadowColor:阴影的颜色 sl_dx:阴影左右偏移 ...
html如何给文字添加阴影效果,css中怎么给字体添加阴影效果
css中可以使用text-shadow属性给字体添加阴影效果,text-shadow是CSS样式属性单词,是设置对象中文本的文字字体是否有阴影及模糊效果的CSS样式. text-shadow属性的语法 ...
CSS实现跨浏览器兼容性的盒阴影效果
2019独角兽企业重金招聘Python工程师标准>>> CSS实现跨浏览器兼容性的盒阴影效果一.无关紧要碎碎念在web页面的ui表现中,投影效果可以说是非常常见的一种表现效果了. ...
实现给一个DIV加阴影效果！
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
（转）教你实现Winform窗体的四边阴影效果
1.首先我们得有这样一张阴影图片. 2.然后分别有两个窗体去实现这个阴影效果. SkinForm - 用于实现阴影的绘制,特性:鼠标可穿透,无法点击,跟随窗体. SkinMain - 主窗体,也是承载 ...
CALayer 知识：创建带阴影效果的圆角图片图层和创建自定义绘画内容图层
效果如下: KMLayerDelegate.h 1 #import <UIKit/UIKit.h> 2 3 @interface KMLayerDelegate : NSObject 4 ...
HTML5 利用canvas API 展示阴影效果
HTML5的Canvas自带API可以显示阴影效果,主要还是在画布(canvas)的上下文对象(context)上做文章 <!DOCTYPE html> <head> < ...

ShadowLayout 实现阴影效果

ShadowLayout 实现阴影效果相关推荐

最新文章

热门文章