android5 Ripple和Reveal动效

柔情只为你懂 2022-09-21 05:45 202阅读 0赞

### android5 Ripple和Reveal动效 ###

#### Ripple水波纹效果（Button自带） ####

#### 效果图： ####

![这里写图片描述][20160616185701533]

#### 代码： ####

xml文件

在style.xml文件中，可以设置水波纹的颜色

<item name="android:colorControlHighlight">@color/colorPrimary</item>

--------------------

#### Reveal动效： ####

#### 效果图： ####

![这里写图片描述][20160616185719330]

xml布局文件省略，直接看代码

public class ThirdActivity extends AppCompatActivity { 
    
        private TextView textView;
        private ImageView imageView;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_third);
    
            textView = (TextView) findViewById(R.id.tv_third);
    
            imageView = (ImageView) findViewById(R.id.iv_third);
    
            textView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    ViewAnimationUtils.createCircularReveal(textView, textView.getWidth() / 2, textView.getHeight() / 2, 30, 400).setDuration(2000).start();
                }
            });
    
            imageView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    ViewAnimationUtils.createCircularReveal(imageView, 0, imageView.getHeight(), imageView.getWidth() / 4, imageView.getWidth() * 2).setDuration(2000).start();
                }
            });
        }
    }

##### ViewAnimationUtils.createCircularReveal()，返回的是一个RevealAnimator。 #####

[20160616185701533]: /images/20220721/c63e6297729a47b590e124144404e4bb.png
[20160616185719330]: /images/20220721/a14590f1bdc34c13a0ccef4bc22ce78b.png