重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

android波纹,android 波纹扩散效果

android 水波纹控件,仿京东语音评价动画

如果图崩了,请点击

10年积累的网站建设、网站设计经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有浏阳免费网站建设让你可以放心的选择与我们合作。

gradle 引用

项目地址

第一种和第二种效果的背景图是这样的, 如果设置了背景图,那么整个控件的大小就是背景图大小与xml中设置的大小无关

设置完水波纹数据后,就可以开始动画了

这样写我们的三条粗细、速度都不同的水波纹动画就出来了,接下来就是根据声音大小来调整波高,通过 waveView.setWaveHeightMultiple(mult), 因为语音一直输入,声音大小也是一直变化的,科大讯飞的语音转写SDK中就有声音大小的回调,然后将回调出来的声音大小通过setWaveHeightMultiple,就可以实现波高动态改变了

android5.0 水波纹点击效果

Android 5.0中新增了ripple类型,即波纹效果

这里要注意,波纹效果只在5.0以上的设备生效,要实现此种效果,我们需要在res中添加一个新的文件夹drawable-v21用于保存波纹效果.

波纹效果具体实现效果有以下几种:

ripple标签,即对应一个RippleDrawable,当它被设置为一个控件的background属性时,控件在按下时,即会显示水波效果

drawable-v21文件夹下 ripple_with_no_mask.xml

使用方法:

在ripple标签中,添加一个item,其drawable属性为引用的颜色(color) ,则水波效果会限定在drawable对应的RippleDrawable本身矩形区域内部,这里颜色的一个作用是限定边界.

drawable-v21文件夹下 ripple_with_color_mask.xml

需要注意的是:

这里指定id为@android:id/mask,那么默认是不会显示该drawable,而是在点击的时候出现;

如果不指定,那么在显示的时候会显示出item指定的drawable

在ripple标签中,添加一个item,其drawable属性为引用的图片,则水波效果会限定在图片drawable中非透明部分对应的区域内部.

drawable-v21文件夹下 ripple_with_picture_mask.xml

在ripple标签中,添加一个item,drawable属性为引用的形状(shape) ,则水波效果会限定在shape对应的区域内部.

drawable-v21文件夹下 ripple_with_shape_mask.xml

在ripple标签中,添加一个item,在item的内部写上selector标签,那么这个RippleDrawable在按下的时候,同时具有水波效果和selector指定的图层.

drawable-v21文件夹下 ripple_with_selector.xml

至此,文章结束,希望此文能帮助到你,如果对此文有不同见解,欢迎直接评论!

参考:

Android L Ripple的使用

Android5.0适配——水波纹点击效果

android 控件点击,波纹效果(Ripple的详解)

Android在5.0版为Button默认添加了点击时的涟漪效果,而且在其他的控件上也可以轻松的实现这种炫酷的效果。

我们只需要在控件的android:backgroud 属性上进行设置即可。

如果控件已经使用了android:background属性去设置背景色或者背景图片,但是有想要有点击时的涟漪效果。那么我们可以考虑在android:foreground属性中设置涟漪效果,这样同样可以达到点击时产生涟漪,也不会影响我们对控件背景的设置。

不过对于默认无法点击的控件,还要记得设置android:clickable为true。另外还要注意,如果Android版本过低,无边界的涟漪效果可能无法很好的展。

有边界的涟漪效果:

无边界的涟漪效果:

除了进行上面的设置之外,还要记得设置控件为可点击的

主要是在资源文件夹里创建.xml文件:

1.没有边界的Ripple(Ripple With No Mask)

2.用颜色作为Mask的Ripple(Ripple With Color Mask),然而颜色并没有什么卵用

3.用图片作为Mask的Ripple(Ripple With Picture Mask)

4.用设定形状作为Mask的Ripple(Ripple With Shape Mask)

5.搭配selector作为Ripple(Ripple With Selector)

参考文档:

Android Ripple的详解

android波纹点击效果原理

该效果通常以background的形式呈现,在XML中可以引用以下两个系统自带属性:

android:background="?android:attr/selectableItemBackground" 有边界波纹

android:background="?android:attr/··" 超出边界波纹。该波纹由父布局绘制及限制边界(API 21提供)

以selectableItemBackground为例看下系统属性的实现原理,发现该属性的定义最终指向item name="selectableItemBackground"@drawable/item_background_material/item,

查看该Drawable文件内容为:

selectableItemBackgroundBorderless所对应Drawable内容为:

ripple类型的xml会创建RippleDrawable


标题名称:android波纹,android 波纹扩散效果
路径分享:http://cqcxhl.cn/article/dsshshs.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP