android 点击图片动画,Android实用小特效 图片点击放大、水波纹动画和旋转图片...

代码分享->

一、小图片点击放大

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

1.实现效果图

2.实现代码

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:contentDescription="@null"

android:padding="2dp"

android:onClick="test1"

android:scaleType="centerInside"

android:src="@drawable/ic_nav_add_selector" />

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

ic_nav_add_selector.xml

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

二、水波纹动画

Android5.0以上系统才有这样的动画，为了兼容5.0以下系统，所以这里定义了两个ic_material.xml文件

1.实现效果图

2.实现代码

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:padding="15dp"

android:gravity="center"

android:textSize="16sp"

android:onClick="test2"

android:background="@drawable/ic_material"

android:text="我是水波纹"/>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

在drawable文件夹下新建ic_material.xml文件

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

在drawable-v21文件夹下新建ic_material.xml文件

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

三、旋转图片

录制的效果不好，没显示出来真正的动画效果

1.实现效果图

2.核心代码

android:id="@+id/iv_arrow_down"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:padding="10dp"

android:src="@mipmap/ic_subscribe"

android:contentDescription="@null"/>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

private ImageView mViewArrowDown;

private boolean isClose = true;

private void test3() {

if(isClose){

mViewArrowDown.setEnabled(false);

mViewArrowDown.animate()

.rotation(225)

.setDuration(380)

.setListener(new AnimatorListenerAdapter() {

@Override

public void onAnimationEnd(Animator animator) {

super.onAnimationEnd(animator);

mViewArrowDown.setRotation(45);

mViewArrowDown.setEnabled(true);

isClose = false;

}

}).start();

}else{

mViewArrowDown.setEnabled(false);

mViewArrowDown.animate()

.rotation(-180)

.setDuration(380)

.setListener(new AnimatorListenerAdapter() {

@Override

public void onAnimationEnd(Animator animator) {

super.onAnimationEnd(animator);

mViewArrowDown.setRotation(0);

mViewArrowDown.setEnabled(true);

isClose = true;

}

});

}

}

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

小奋斗文章

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~