Android released the preview version of Android m last week. But presumably Android5.0 a lot of cool effects, most developers have not used, that is not to say the majority of users.This article describes one of the cool effects in Android5.0, click on the Water Ripple Diffusion effect (Ripple Effect).The implementatio
Custom view to achieve water ripple effect, custom view water ripple
In actual development, we often encounter relatively complex requirements, such as where the product paper or UI paper looks at exciting results and comes to you with high spirits, after reading it, the goal is clear. Of course, you want to give it to her;
At this critical time, the body must b
In the previous article we talked about the custom ripple water ripple effect, first to review the effect it!After watching the feeling there is no problem, I feel very satisfied at the beginning, then, we take the Android 5.0 comes with the effect to compareHave you found a
Lead:Want a water ripple effect like 5.0? is not also distressed backward compatibility collapse of the problem, let's take a look at it @............@
1: First write an XML fileWrites the selector's XML under the Drawable folder
Then create the Drawcble_21 folderCreate the same file code inside to write the following paragraph:
The value inside the 2:color is the press and the normal color
"'
This year's Spring Festival party did not see the fun, was paid to add an episode of treasure, friends are in that number of time to stop a thump, wow, I'm a professional blessing, impossible, haha. So what is the function of the performance based on how the program code is implemented? The following cloud-Habitat Community Small series to share this tutorial to help you learn the Android ripple spread effect
This tutorial is the After Effects instance tutorial, which uses the wave warp built-in filters in the transform filter to animate the key frame settings for volatility, transparency, and use glow glow effects to change the wave, feel its effect, and understand its parameter settings. See the effect demo below:
Final effect
First, run after Effects software,
Android5.0 Material Design Animation effect rippledrawable Ripple effect
The ripple effect is a new feature after Android5.0. For compatibility, it is recommended that you create a new DRAWABLE-V21 folder to hold the Rippledrawable,drawable folder to fit the appropriate pict
Android has added a ripple effect to the button by default in version 5.0, and it can be easily implemented on other controls. Ripple effects can be divided into two types, one with the boundary ripples, the other with no boundary ripples. The so-called boundary, that is, the effect of ripples will not exceed the size
Android special effect album (10)-click the ripple effect to achieve clear logic and simple implementationAndroid special effect album (10)-click the ripple effect to achieve clear logic and simple implementation
What I did this
Android TileMode effect water ripple effect ring gradient, androidtilemode
TileMode is an enumeration class located in the android. graphics. Shader class.Android source code
public enum TileMode { /** * replicate the edge color if the shader draws outside of its * original bounds */ CLAMP (0), /** * rep
Google Material Design believes you also know a lot, but at present both the application side or the Web side, can refer to the case is still few. In addition to "Material design some related Chinese materials/resource Collection Summary" for the purpose of the article, introduced a kind of Google Material design circular wave (ripple) Click Effect Plugin waves.Google Material Design has a special
Recently saw a good button click Effect, when clicked to produce a ripple effect, very fun, so simple implementation of the next (not considering the low version of browser compatibility issues)First look at the effect bar, such as (recording GIF software A little slag, looks like Kaka's ...) )This
Recently saw a good button click Effect, when the click to produce a ripple effect of the ripples, it is fun, so simple implementation of the next (not consider the low version of browser compatibility issues)
First look at the effect bar, the following figure (recording GIF software a little slag, it looks like Kaka'
Objective
Water ripple effects, presumably we have seen more or less, in my impression, there are roughly the following:
Alipay "Xiu Xiu Xiu" type
Flow Ball "rippling" type
Real water ripple effect, based on bitmap processing
Say not much, first to see the effect:
Filled-type water
1. Under the drawable file, create a new seletor, as the background of the button, here I use the shape of two rounded cornersXML version= "1.0" encoding= "Utf-8"?>selectorxmlns:android= "Http://schemas.android.com/apk/res/android">Itemandroid:drawable= "@drawable/shape_btn_cycle_normal"/> Itemandroid:state_pressed= "true"android:drawable= "@drawable/shape_btn_cycle_press"/>selector>Shape_btn_cycle_normalXML version= "1.0" encoding= "Utf-8"?>Shapexmlns:android= "Http://schemas.android.com/apk
Recently suddenly preface want to make a Bezier curve to do a water ripple effect to play, finally Kung Fu does not bear the final realization of the desired effect, together to see it:
Zhen LouA: First step to break down the implementation of the process
Need to draw a sinusoidal (sin) or cosine curve (COS)
The
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.