效果图: 实现步骤: 1、在style.xml中添加 25dp android:colorControlHighlight为点击后波纹的颜色...android:radius为效果半径(实测) 2、一个ImageButon <ImageButton android:id="@+id/view_back" android:layout_width...src="@drawable/ic_arrow_back_white_24dp" android:theme="@style/Rip 其中重要属性android:background要设置为无边界<em>的</em><em>波纹</em>
android中的ImageView只能显示矩形的图片,这样一来不能满足我们其他的需求,比如要显示圆形的图片,这个时候,我们就需要自定义ImageView了,其原理就是首先获取到图片的Bitmap,然后进行裁剪圆形的...bitmap,然后在onDraw()进行绘制圆形图片输出。...效果图如下: ?...自定义的圆形的ImageView类的实现代码如下: package com.xc.xcskin.view; import android.content.Context; import android.graphics.Bitmap...; /** * 自定义的圆形ImageView,可以直接当组件在布局中使用。
android.graphics.drawable.Drawable; import android.util.AttributeSet; import android.util.TypedValue; import android.widget.ImageView...; import com.ccvideo.R; public class RoundImageView extends ImageView { private Paint mPaint;...android.graphics.drawable.Drawable; import android.util.AttributeSet; import android.util.TypedValue; import android.widget.ImageView...; import com.ccvideo.R; public class MyUserPhoto extends ImageView { private static final int BORDER_SMALL_WIDTH_DEFAULT...return Bitmap.createBitmap(bitmap, 0, 0, (int) width, (int) height, matrix, true); } public ImageView
长按水波纹扩展效果 前言 水波纹效果从Android5.0就已经出来了,基本的使用相信大家都知道了,这里多谈一些相对深层次的使用: 1、基本使用 2、水波纹效果与布局绘制之间的问题 3、长按水波纹扩散效果...Mask的内容并不会被绘制到屏幕上,它的作用是限定Ripple效果的绘制区域。 最后可以得到我们想要的效果: ? image.png 长按水波纹扩散效果 ?...长按水波纹扩展效果 在使用小红书时,我们可以看到关于“笔记”的item长按会展示扩散的效果,其实原理也很简单。...无边界的水波纹可以达到长按扩散的效果,只是它会超出边界,那我们就在对应的父布局加一层有边界的水波纹背景即可。...参考资料 Ripple 水波纹效果 聊聊Android5.0中的水波纹效果 解决点击ripple水波纹无效的问题 UI之修改Button颜色保持默认点击效果
Android ImageView的selector效果实例详解 在平时开发中如Button我们给它加上selector分别呈现pressed以及normal效果能给我们的用户体验上大大增色不少,可是我们当我们是用...ImageView来”当作”一个一个”Button”的时候发现直接设置selector却不起作用,当然此时我们的应用就表现的暗淡了。...上要呈现的图片资源就是用 mImageView.setBackgroundResource(R.drawable.icon); 也就是说我们是给imageview设置backgroundResource...,然后给src设置我们设置好的selector,在视觉上我们的selector是显示在ImageView的上方,当然我们点击ImageView的时候就是触发selector,这个时候就会有按下的效果了。...以上就是Android ImageView的自定义开发,对于Android很多东西都需要重写,不美观肯定不是好的APP,本站还有很多关于Android开发的文章,请大家参阅,谢谢大家对本站的支持!
(7)MD动画效果 Ripple效果 水波纹效果有两种:波纹有边界和波纹无边界。前者是指波纹被限制在控件的边界,后者指波纹不会限制在控件边界中,会呈圆形发放出去。...除了使用xml文件自定义ripple效果之外,还可以通过下面的代码来快速实现ripple效果 //波纹有边界 android:background="?...android:attr/selectableItemBackgroundBorderless" Circular Reveal效果 圆形显现效果:通过ViewAnimationUtils.createCircularReveal...return new RevealAnimator(view, centerX, centerY, startRadius, endRadius); } 下面是一个例子,该例子会呈现出图片从一个点以圆形的方式放大到图片大小的动画效果...: final ImageView imageView = (ImageView) findViewById(R.id.imageview); imageView.setOnClickListener(
系统自带点击事件的控件一般都具有默认的波纹效果,直接使用即可: <RelativeLayout android:layout_width="match_parent"...其中最明显,最具代表性的就是波纹动画,比如当点击按钮时会从点击的位置产生类似于波纹的扩散效果。...波纹效果(Ripple): 当你使用了Material主题后,波纹动画会自动应用在所有的控件上,我们当然可以来设置其属性来调整到我们需要的效果。...可以通过如下代码设置波纹的背景: android:background="?...android:attr/selectableItemBackgroundBorderless"波纹超出边界 使用效果如下: B1是不设任何背景的按钮 B2设置了?
本文讲述了Android实现水波纹扩散效果的实例代码。分享给大家供大家参考,具体如下: 项目地址下载 1.效果图: ?...android:background="#37B158" app:show_spacing_time="800"//动画播放间隔时间 app:imageViewWidth="35dp"//图片的大小...private static final int MSG_WAVE3_ANIMATION = 2; private static final int IMAMGEVIEW_SIZE = 80; /**三张波纹图片...*/ private ImageView [] imgs=new ImageView[SIZE]; /**背景图片*/ private ImageView img_bg; /**水波纹和背景图片的大小*...方法========================================= /** * 开始水波纹动画 */ public void startWaveAnimation() { imgs[
微信曾经推出了一个查找附近好友的功能,大致功能是这样的:屏幕上有一个按钮,长按按钮的时候,会有一圈圈水波纹的动画向外扩散,松手后,动画结束。...现在简单来实现这样的一个动画功能: 思路: 主要用到了下面的蓝色的图片,定义三个ImageView,background都设置为蓝色的图片,然后定义一个包括缩放和透明度变化的动画集,然后每隔一段时间,...让3个ImageView依次启动这个动画集,看起来就像蓝色的圆圈像水波纹向外扩散一样。...clearWaveAnimation() { mWave1.clearAnimation(); mWave2.clearAnimation(); mWave3.clearAnimation(); } } 效果如下...以上就是本文的全部内容,希望对大家的学习有所帮助。
android中的ImageView只能显示矩形的图片,这样一来不能满足我们其他的需求,比如要显示圆角矩形的图片,这个时候,我们就需要自定义ImageView了,其原理就是首先获取到图片的Bitmap,...效果图如下: ?...自定义的圆形的ImageView类的实现代码如下: package com.xc.xcskin.view; import android.content.Context; import android.graphics.Bitmap...; /** * 自定义的圆角矩形ImageView,可以直接当组件在布局中使用。...,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对ZaLou.Cn的支持。
本文实例为大家分享了Android自定义带动画效果的圆形ProgressBar,供大家参考,具体内容如下 最近有个需求显示进度,尾部还要有一标示,像下边这样 ?...使用自定义View的方式实现,代码如下,很简单注释的很清楚 文章最后我们拓展一下功能,实现一个带动画效果的进度条 package com.example.fwc.allexample.progressbar...拓展 拓展也很简单,加一个setAnimProgress(int p)设置动画效果: /** * 设置带动画的进度 * @param p */ public void setAnimProgress(int...invalidate(); } }); valueAnimator.start(); } 在activity中调用这个方法 circleProgressBar.setAnimProgress(65); 效果如下...以上就是本文的全部内容,希望对大家的学习有所帮助。
水波纹效果已经不是什么稀罕的东西了,用过5.0新控件的小伙伴都知道这个效果,可是如果使用一个TextView或者Button或者其它普通控件的话,你是否知道如何给它设置水波纹效果呢?...OK,我们今天就来看看这个水波纹效果的实现。水波纹效果的实现有系统自带属性可以实现,我们也可以自定义实现效果。...1.系统自带水波纹实现方式有界水波纹 水波纹效果大致上可以分为两种,一种是有界的,一种无界,我们先来看看有界水波纹效果: 效果: ?.../ 所谓的无界并非完全无界,而是以控件宽高中最大的数值作为水波纹效果所在正方形的边界进行绘制。OK,这两种都是系统自带的水波纹效果,如果我们想要自定义又该怎么做呢?...Ok,这就是5.0中水波纹效果的使用。
最近需要做个类似于水波纹动画的效果,思考了一下不需要UI切个动态图,Android原生的技术利用动画或者自定义控件都可以实现,下面上个图类似于这样的效果 ?...下面请看第一种动画实现,这种方式较为简单些,就是利用3个ImageView不断地做缩放和渐变的动画。...保持不变,通过操作另外两个ImageView达到效果 private void setAnim1() { AnimationSet as = new AnimationSet(true); //...spread_max_radius="90" app:spread_radius="150" app:spread_spread_color="@color/colorAccent" / 以上两种方法就实现了水波纹的效果...源码下载:Android实现水波纹特效 以上就是本文的全部内容,希望对大家的学习有所帮助。
Fill with gradient ctx.fillStyle=grd; ctx.fillRect(10,10,150,80); 效果图如下
作者博客 http://www.jianshu.com/u/5aad180d1ea8 前言 在网上经常会看到别人写的一些开源项目,然后会惊叹于他们的写的效果,当然那些大神也会把代码放出来,然后供大家看,...我来写下我最近学的动画效果及相关的知识。 仿百度外卖个人中心效果 ? 我们先来看下这个自定义的View的代码是如何实现的。 ? ? ? 我们一步步来分析。首先我们要自定义一个View。 ?...拿到图片对象: imageView = (ImageView) findViewById(R.id.image); 2. 把上面的曲线的y或者y1值拿过来,比如我拿的是y。 3....让imageView与它的父View之间的margin中的bottom属性值等于这个y的值就可以了(demo里面是y+2)。这样就不停的上下的浮动了。 ?...附上Activity及layout的代码: Activity: ? Layout: ? 最后咱们做出来的效果图就是这样滴: ?
我们在日常使用 APP 当中,肯定会遇到这种效果,那么这种效果是如何实现的呢?...这样看起来效果是不错的。 有限循环 / 无限循环 在刚才的代码里面其实就有这一部分的逻辑: while (widget.cycles == null ?...这里主要就是控制显示几次,毕竟有的需求不是一直显示波纹效果。...可以有 / 无 Child 我这里写的 child 默认形状是圆形的,大小被 SizedBox 控制为 radius 的大小: ClipOval( child: SizedBox( width:...只需要在插入圆形的时候使用 List.insert(index, element) 方法就ok了。 这样一个有水波纹扩散效果的 Widget 就封装完成了。
,本锦集的目的就在于让孩子们能直接通过自己的编码看到执行后的效果,从基础的效果开始,难度逐级递增,让孩子们在时时刻刻的成就感中掌握基础的超文本编辑语言的编码,当孩子们有兴趣学习后再进行C语言C++等语言的输入...锦集资源 资源都上传到了InsCode中,每篇文章都会让大家看到效果,有效果转出编码,有目的的去学习,减少学习中孩子们音没有兴趣所导致的放弃心理,孩子们,加油,程序员的一小步,人类的一大步。...---- 直接点击右上角的Run查看效果即可,加载过程不慢,稍后就能直接看效果。 ...animation是使用动画,其中的infinite是循环执行,所以我们能看到一直旋转的效果。...总结 样式效果很多的时候都是通过各种思考来的,但是思考是个很难的东西,大家都有脑子,但是我们没有会去用脑子的方法,所以我们就只能脚踏实地的去学习别人的方法,我这里很多的效果也都是跟别人学的,有很多是出自于我当年的老师
所以,今天给大家分享的这个多重水波纹效果的开源库也不会差。 作者:自去年第一次发布开源库 SmartRefreshLayout 以来,深刻的感受到了开源的乐趣。...所以打算以后开发过程中把一些自己实现的实用开源库也开源出来,供大家使用、讨论、升级。 MultiWaveHeader 便是第二个发布的开源库!先来看看下面的展示效果吧。 ? 怎么样?效果不错吧?...通过作者的想法,我们其实有很多学习的地方,就是网上开源的很多库并不是特别适合自己,总是感觉有些地方需要修改,这时候,我们不是应该将就着用,而是应该去学习那个开源库,并改善和修改成自己想要的效果。...这不,作者由于网上的库不是特别适合自己,自己就改造了一个更好的。技术的进入亦是如此。...去除了那种只可以固定两条水波的限制,是更进一步。 具体看看实际效果图如下: ? ? 具体的使用方法和开源代码我就不介绍了,微信公众号对于代码的支持不是特别友好,手机端看代码也不是很方便。
前言 都知道Android原生的控件颜色比较辣眼睛,所以实际开发中都会有改动,而选中框是在实际开发中常用的,比如同意这个协议就勾选上。...同意服务协议" android:layout_width="wrap_content" android:layout_height="wrap_content"/> 运行效果...这就是原生的控件,请问这个颜色好看吗? 所以要改,在res文件夹下的values中的styles.xml文件中增加如下代码: <!...这种修改方式是不同于通过background的来切换的,我保留了这个控件选中和取消选中的动画效果,只修改了选中前后的颜色,这种方式是比较好的,android:theme="@style/MyCheckBox...去除选中时的水波纹效果其实一行代码就搞定了,就是把背景值为透明即可,@android:color/transparent 修改布局文件: <CheckBox android:layout_width
前言:在网上经常会看到别人写的一些开源项目,然后会惊叹于他们的写的效果,当然那些大神也会把代码放出来,然后供大家看,但是因为他们是自己写的,所以有些地方就是单纯的贴了代码,让大家自己去看。...我来写下我最近学的动画效果及相关的知识。...怎么让他不停的往左移动,产生波浪的效果呢。这时候就会想到重新绘制,然后再画一遍,但是这时候不能原来这个sin函数。sin里面的φ参数要变一下,这样再次重绘的时候。...= (ImageView) findViewById(R.id.image); 2.把上面的曲线的y或者y1值拿过来,比如我拿的是y。...3.让imageView与它的父View之间的margin中的bottom属性值等于这个y的值就可以了(demo里面是y+2)。这样就不停的上下的浮动了。
领取专属 10元无门槛券
手把手带您无忧上云