安卓 实现灯光闪过效果

本文主要是介绍安卓 实现灯光闪过效果，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

有个小需求，给按钮加一个灯光划过的效果，这样的需求一般有UI，肯定就找UI了要个gif图不就完事了，可是这次没有，好久自己做一个嘛。Web端的大佬实现很快，到安卓这边呢，百度一搜发现诶？怎么没有，好吧自己来一个

一切动效相关的不给图看都是耍流氓

所以俺不能这么干啊，OK！直接上效果图，再来解释下怎么实现的

效果就是这样子，怎么实现呢？
从图分析下，就是一个光斜着从左边移动要右边循环嘛，这有啥难的？？
来看一看我的第一版，第二版


这是个什么👻？一点都不像啊？
赶紧再问了问Web端大佬，噢，加了一个矩阵转换，我们也加上
关于图像矩阵Matrix单独再出一期解释
上最后成果代码：
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><FrameLayoutandroid:clipChildren="false"android:layout_width="wrap_content"android:layout_height="wrap_content"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent"><ImageViewandroid:id="@+id/inviteFriendsBtn_now"android:layout_width="229dp"android:layout_height="47dp"android:background="@mipmap/invate_btn_fornow" /><com.example.myapplication.MatrixImageViewandroid:id="@+id/iv_matrix"android:layout_width="38dp"android:layout_marginLeft="-80dp"android:layout_marginRight="-80dp"android:layout_height="38dp" /></FrameLayout></androidx.constraintlayout.widget.ConstraintLayout>

Mainactivity.java

public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);ImageView ivMartix = findViewById(R.id.iv_matrix);Matrix matrix = new Matrix();matrix.setSkew(-1, 0);ivMartix.setImageMatrix(matrix);Animation animation = AnimationUtils.loadAnimation(this, R.anim.l2r_btn_light_slide);ivMartix.startAnimation(animation);}}

核心图片类
MatrixImageView.java

public class MatrixImageView extends ImageView {private Bitmap mBitmap;private Matrix mMatrix;public MatrixImageView(Context context, @Nullable AttributeSet attrs) {super(context, attrs);mBitmap = getBitmap(context,R.drawable.light_slide_btn);mMatrix = new Matrix();}@Overrideprotected void onDraw(Canvas canvas) {//画经过Matrix变化后的图canvas.drawBitmap(mBitmap, mMatrix, null);super.onDraw(canvas);}@Overridepublic void setScaleType(ScaleType scaleType) {super.setScaleType(ScaleType.MATRIX);}@Overridepublic void setImageMatrix(Matrix matrix) {this.mMatrix.set(matrix);super.setImageMatrix(matrix);}private static Bitmap getBitmap(Context context, int vectorDrawableId) {Bitmap bitmap = null;if (Build.VERSION.SDK_INT > Build.VERSION_CODES.LOLLIPOP) {Drawable vectorDrawable = context.getDrawable(vectorDrawableId);bitmap = Bitmap.createBitmap(SizeUtils.dp2px(38),SizeUtils.dp2px(38), Bitmap.Config.ARGB_8888);Canvas canvas = new Canvas(bitmap);vectorDrawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());vectorDrawable.draw(canvas);} else {bitmap = BitmapFactory.decodeResource(context.getResources(), vectorDrawableId);}return bitmap;}
}

灯光效果的xml light_slide_btn.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"><item><shape><gradient android:angle="0" android:centerColor="#4CFFFFFF" android:endColor="#00000000" android:startColor="#00000000" /></shape></item></selector>

动画的Xml l2r_btn_light_slide.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"><translateandroid:duration="4000"android:fromXDelta="0"android:fromYDelta="0"android:toXDelta="1080"android:toYDelta="0"android:repeatCount="1000"android:interpolator="@android:anim/cycle_interpolator"android:repeatMode="restart"/>
</set>

OK以上就是全部代码了，还有些许小坑，就不多解释了，看代码应该就能知道了

这篇关于安卓 实现灯光闪过效果的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---